/*--------------------------------------------------------------------------*\
    Accordion menu chevron
\*--------------------------------------------------------------------------*/

.accordion__menu-chevron{
    /*box*/
    height:10px;

    /*background*/
    fill:var(--c-primary-2);

    /*transition*/
    -webkit-transition: fill 0.3s, -webkit-transform 0.3s;
    transition: fill 0.3s, transform 0.3s;
}

/*--------------------------------------------------------------------------*\
        Opened
\*--------------------------------------------------------------------------*/

.accordion__menu-checkbox:checked+.accordion__menu-label .accordion__menu-chevron{
    /*transform*/
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}