.fi-stunix-tabs {
    width: 100%;
}

.fi-stunix-tabs > .fi-tabs {
    width: 100%;
    min-height: 3.25rem;
    align-items: flex-end;
    gap: 1.75rem;
    margin: 0;
    padding: 0 0.25rem;
    overflow: visible;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background: transparent !important;
    border-bottom: 1px solid var(--stunix-tabs-border-color, #e7edf5);
    border-radius: 0 !important;
    box-shadow: none !important;
}

.fi-stunix-tabs > .fi-tabs::-webkit-scrollbar {
    display: none;
}

.fi-stunix-tabs > .fi-tabs .fi-tabs-item {
    position: relative;
    min-height: 2.75rem;
    padding: 0 0 1rem;
    background: transparent !important;
    border-radius: 0;
}

.fi-stunix-tabs > .fi-tabs .fi-tabs-item:hover,
.fi-stunix-tabs > .fi-tabs .fi-tabs-item:focus-visible,
.fi-stunix-tabs > .fi-tabs .fi-tabs-item.fi-active {
    background: transparent !important;
}

.fi-stunix-tabs--hide-icons > .fi-tabs .fi-tabs-item .fi-icon {
    display: none;
}

.fi-stunix-tabs > .fi-tabs .fi-tabs-item .fi-tabs-item-label {
    color: var(--stunix-tabs-label-color, #94a3b8);
    font-size: 1rem;
    font-weight: 700;
}

.fi-stunix-tabs > .fi-tabs .fi-tabs-item:hover .fi-tabs-item-label,
.fi-stunix-tabs > .fi-tabs .fi-tabs-item:focus-visible .fi-tabs-item-label {
    color: var(--stunix-tabs-label-hover-color, #64748b);
}

.fi-stunix-tabs > .fi-tabs .fi-tabs-item.fi-active .fi-tabs-item-label {
    color: var(--stunix-tabs-active-label-color, var(--primary-600, #2563eb));
}

.fi-stunix-tabs > .fi-tabs .fi-tabs-item.fi-active::after {
    position: absolute;
    inset-inline: 0;
    bottom: -1px;
    height: 2px;
    content: '';
    background: var(--stunix-tabs-active-indicator-color, var(--primary-600, #2563eb));
    border-radius: 999px;
}

.dark .fi-stunix-tabs > .fi-tabs {
    background: transparent !important;
    border-bottom-color: var(--stunix-tabs-dark-border-color, rgb(255 255 255 / 10%));
}

.dark .fi-stunix-tabs > .fi-tabs .fi-tabs-item .fi-tabs-item-label {
    color: var(--stunix-tabs-dark-label-color, #7f8ca1);
}

.dark .fi-stunix-tabs > .fi-tabs .fi-tabs-item:hover .fi-tabs-item-label,
.dark .fi-stunix-tabs > .fi-tabs .fi-tabs-item:focus-visible .fi-tabs-item-label {
    color: var(--stunix-tabs-dark-label-hover-color, #cbd5e1);
}

.dark .fi-stunix-tabs > .fi-tabs .fi-tabs-item.fi-active .fi-tabs-item-label {
    color: var(--stunix-tabs-dark-active-label-color, var(--primary-400, #60a5fa));
}

.dark .fi-stunix-tabs > .fi-tabs .fi-tabs-item.fi-active::after {
    background: var(--stunix-tabs-dark-active-indicator-color, var(--primary-400, #60a5fa));
}

@media (max-width: 1024px) {
    .fi-stunix-tabs > .fi-tabs {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

@media (max-width: 640px) {
    .fi-stunix-tabs > .fi-tabs {
        gap: 1rem;
        min-height: 3rem;
        padding-inline: 0;
    }

    .fi-stunix-tabs > .fi-tabs .fi-tabs-item {
        min-height: 2.5rem;
        padding-bottom: 0.85rem;
    }

    .fi-stunix-tabs > .fi-tabs .fi-tabs-item .fi-tabs-item-label {
        font-size: 0.95rem;
    }
}