:root {
    --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
    --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
}
:root {
    --gap-0: 0px;
    --gap-4: 4px;
    --gap-8: 8px;
}
:root {
    --primary-tablist-bottom-border-color: var(--color-light-neutral-translucent-500);
}
.tabs__component_11x76 {
    position: relative;
    display: flex;
    flex-shrink: 0;
}
.tabs__primary_11x76 {
    align-items: flex-start;
    justify-content: flex-end;
}
.tabs__primary_11x76:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 1px;
        height: 1px;
        width: 100%;
        background-color: var(--primary-tablist-bottom-border-color);
    }
.tabs__primary_11x76 {

    .tabs__button_11x76:first-child {
        padding-left: var(--gap-8);
        margin-right: var(--gap-8);
    }
}
.tabs__primary_11x76.tabs__xl_11x76 .tabs__button_11x76:first-child {
        margin-right: var(--gap-4);
    }
.tabs__secondary_11x76 {
    align-items: center;
    justify-content: center;
}
.tabs__secondary_11x76:before {
        content: '';
        display: block;
        position: absolute;
        top: var(--gap-0);
        left: var(--gap-0);
        width: 1px;
        background-color: transparent;
        transition: background-color 0.3s ease;
        bottom: var(--gap-0);
    }
.tabs__secondary_11x76.tabs__xs_11x76 {
        width: 76px;

        .tabs__button_11x76:first-child {
            margin-right: var(--gap-4);
        }
    }
.tabs__borderVisible_11x76:before {
    background-color: var(--color-light-neutral-translucent-300);
}