/*--------------------------------------------------------------------------*\
    Icon in menu item link
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        Glued
\*--------------------------------------------------------------------------*/

.tab--glued .tab__menu-icon {
    /*box*/
    height: 17px;

    /*background*/
    fill: var(--c-primary-4)
}

/*--------------------------------------------------------------------------*\
            Hover and active
\*--------------------------------------------------------------------------*/

.tab--glued[data-index="1"] .tab__menu-item:not(:nth-child(1))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="2"] .tab__menu-item:not(:nth-child(2))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="3"] .tab__menu-item:not(:nth-child(3))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="4"] .tab__menu-item:not(:nth-child(4))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="5"] .tab__menu-item:not(:nth-child(5))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="6"] .tab__menu-item:not(:nth-child(6))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="7"] .tab__menu-item:not(:nth-child(7))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="8"] .tab__menu-item:not(:nth-child(8))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="9"] .tab__menu-item:not(:nth-child(9))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="10"] .tab__menu-item:not(:nth-child(10))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="11"] .tab__menu-item:not(:nth-child(11))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="12"] .tab__menu-item:not(:nth-child(12))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="13"] .tab__menu-item:not(:nth-child(13))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="14"] .tab__menu-item:not(:nth-child(14))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="15"] .tab__menu-item:not(:nth-child(15))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="16"] .tab__menu-item:not(:nth-child(16))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="17"] .tab__menu-item:not(:nth-child(17))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="18"] .tab__menu-item:not(:nth-child(18))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="19"] .tab__menu-item:not(:nth-child(19))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="20"] .tab__menu-item:not(:nth-child(20))>.tab__menu-link:hover>.tab__menu-icon,
.tab--glued[data-index="1"] .tab__menu-item:nth-child(1) .tab__menu-icon,
.tab--glued[data-index="2"] .tab__menu-item:nth-child(2) .tab__menu-icon,
.tab--glued[data-index="3"] .tab__menu-item:nth-child(3) .tab__menu-icon,
.tab--glued[data-index="4"] .tab__menu-item:nth-child(4) .tab__menu-icon,
.tab--glued[data-index="5"] .tab__menu-item:nth-child(5) .tab__menu-icon,
.tab--glued[data-index="6"] .tab__menu-item:nth-child(6) .tab__menu-icon,
.tab--glued[data-index="7"] .tab__menu-item:nth-child(7) .tab__menu-icon,
.tab--glued[data-index="8"] .tab__menu-item:nth-child(8) .tab__menu-icon,
.tab--glued[data-index="9"] .tab__menu-item:nth-child(9) .tab__menu-icon,
.tab--glued[data-index="10"] .tab__menu-item:nth-child(10) .tab__menu-icon,
.tab--glued[data-index="11"] .tab__menu-item:nth-child(11) .tab__menu-icon,
.tab--glued[data-index="12"] .tab__menu-item:nth-child(12) .tab__menu-icon,
.tab--glued[data-index="13"] .tab__menu-item:nth-child(13) .tab__menu-icon,
.tab--glued[data-index="14"] .tab__menu-item:nth-child(14) .tab__menu-icon,
.tab--glued[data-index="15"] .tab__menu-item:nth-child(15) .tab__menu-icon,
.tab--glued[data-index="16"] .tab__menu-item:nth-child(16) .tab__menu-icon,
.tab--glued[data-index="17"] .tab__menu-item:nth-child(17) .tab__menu-icon,
.tab--glued[data-index="18"] .tab__menu-item:nth-child(18) .tab__menu-icon,
.tab--glued[data-index="19"] .tab__menu-item:nth-child(19) .tab__menu-icon,
.tab--glued[data-index="20"] .tab__menu-item:nth-child(20) .tab__menu-icon {
    /*background*/
    fill: var(--c-primary-1);
}