.tabs__control {
    text-decoration: none;
    color: var(--color-primary-darker);
    background: var(--color-white);
}

.tabs__control:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 2px
}

.tabs__control:hover {
    color: var(--color-success)
}

.tabs__control[aria-selected=true] {
    color: var(--color-white);
    background: var(--color-primary-darker);
}
.tabs__control[aria-selected=true] img {
    filter: brightness(0) invert(1);
}


.tabs-transform {
    
}
@media (min-width: 64rem) {
    .tabs-transform {
        display: flex;
        transform: rotate(-90deg);
        position: absolute;
        left: -12.85rem;
        top: 44%;
    } 
}