/* =========================================================
   Space Vanta
   List Collection
   Collection Selector
   Version: V0.9-B
   ========================================================= */


.sv-list-collection__selector {

    width: 100%;

}


.sv-list-collection__selector-inner {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 32px;

}


.sv-list-collection__selector-item {

    flex: 0 0 auto;

}


.sv-list-collection__selector-button {

    position: relative;

    border: 0;

    background: transparent;

    padding: 10px 4px;

    color: #555;

    font-size: 15px;

    line-height: 1.4;

    font-weight: 500;

    cursor: pointer;

}


.sv-list-collection__selector-button::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 2px;

    height: 1px;

    background: currentColor;

    transform: scaleX(0);

    transform-origin: center;

    transition:
        transform 0.35s ease;

}


.sv-list-collection__selector-button[aria-selected="true"] {

    color: #1d1d1d;

}


.sv-list-collection__selector-button[aria-selected="true"]::after {

    transform: scaleX(1);

}


@media (max-width: 767px) {

    .sv-list-collection__selector-inner {

        justify-content: flex-start;

        gap: 24px;

        overflow-x: auto;

        scrollbar-width: none;

    }


    .sv-list-collection__selector-inner::-webkit-scrollbar {

        display: none;

    }


    .sv-list-collection__selector-button {

        font-size: 14px;

    }

}