.accordionList{

}

.accordionItem{

}

.accordionHeader{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 20px;

    cursor: pointer;
    border-top: 1px solid #ddd;
}

.accordionContent{
    overflow: hidden;
}


.accordionContentInner,
.accordionContentInner.normal{
    padding-block: 20px 30px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px;
    padding: 3px;
}

.accordionContentInner.compact{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.accordionArrow{
    width: 24px;
    height: 24px;
    background-image: url('@assets/icons/accordion-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease-in-out;
}