.np-tabs,
.np-tab-system,
.np-tabbed,
.np-tab-area {
    position: relative;
    width: 100%;
    min-width: 0;
}

.np-tabs {
    display: grid;
    gap: var(--np-tabs-gap, var(--np-spacing-lg, 1.5rem));
}

.np-tabs.is-compact {
    --np-tabs-gap: var(--np-spacing-md, 1rem);
}

.np-tabs.is-spacious {
    --np-tabs-gap: var(--np-spacing-xl, 2rem);
}

.np-tabs-nav,
.np-tab-list,
.np-tabs-list,
[role="tablist"].np-tabs-nav,
[role="tablist"].np-tab-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-tabs-nav-gap, 0.5rem);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.np-tabs-nav.is-center,
.np-tab-list.is-center,
.np-tabs-list.is-center {
    justify-content: center;
}

.np-tabs-nav.is-end,
.np-tab-list.is-end,
.np-tabs-list.is-end {
    justify-content: flex-end;
}

.np-tabs-nav.is-between,
.np-tab-list.is-between,
.np-tabs-list.is-between {
    justify-content: space-between;
}

.np-tabs-nav.is-nowrap,
.np-tab-list.is-nowrap,
.np-tabs-list.is-nowrap {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-block-end: 0.125rem;
    scroll-padding-inline: var(--np-container-padding, 1rem);
    -webkit-overflow-scrolling: touch;
}

.np-tab-item,
.np-tabs-nav li,
.np-tab-list li,
.np-tabs-list li {
    display: inline-flex;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.np-tab,
.np-tab-button,
.np-tabs-button,
[role="tab"].np-tab,
[role="tab"].np-tab-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--np-spacing-xs, 0.5rem);
    min-width: 0;
    min-height: var(--np-tab-height, 2.75rem);
    padding-block: 0;
    padding-inline: var(--np-tab-padding-x, 1.125rem);
    background: var(--np-tab-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-tab-border-color, #e2e8f0);
    border-radius: var(--np-tab-radius, 999px);
    color: var(--np-tab-color, #64748b);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-tab-font-size, 0.875rem);
    font-weight: var(--np-tab-font-weight, 700);
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: var(--np-tab-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
    cursor: pointer;
    user-select: none;
    transition: background var(--np-transition-fast, 160ms ease), border-color var(--np-transition-fast, 160ms ease), color var(--np-transition-fast, 160ms ease), transform var(--np-transition-fast, 160ms ease), box-shadow var(--np-transition-fast, 160ms ease);
}

.np-tab:hover,
.np-tab:focus,
.np-tab-button:hover,
.np-tab-button:focus,
.np-tabs-button:hover,
.np-tabs-button:focus {
    transform: translateY(-2px);
    background: var(--np-tab-background-hover, #eef2ff);
    border-color: var(--np-tab-border-color-hover, #e0e7ff);
    color: var(--np-tab-color-hover, #4f46e5);
    text-decoration: none;
    box-shadow: var(--np-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.np-tab:active,
.np-tab-button:active,
.np-tabs-button:active {
    transform: translateY(0);
    box-shadow: var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-tab.is-active,
.np-tab.is-current,
.np-tab[aria-selected="true"],
.np-tab[aria-current="page"],
.np-tab-button.is-active,
.np-tab-button.is-current,
.np-tab-button[aria-selected="true"],
.np-tab-button[aria-current="page"],
.np-tabs-button.is-active,
.np-tabs-button.is-current,
.np-tabs-button[aria-selected="true"],
.np-tabs-button[aria-current="page"] {
    background: var(--np-tab-background-active, #4f46e5);
    border-color: var(--np-tab-border-color-active, #4f46e5);
    color: var(--np-tab-color-active, #ffffff);
    box-shadow: var(--np-shadow-primary, 0 18px 48px rgba(79, 70, 229, 0.22));
}

.np-tab:disabled,
.np-tab[disabled],
.np-tab[aria-disabled="true"],
.np-tab.is-disabled,
.np-tab-button:disabled,
.np-tab-button[disabled],
.np-tab-button[aria-disabled="true"],
.np-tab-button.is-disabled,
.np-tabs-button:disabled,
.np-tabs-button[disabled],
.np-tabs-button[aria-disabled="true"],
.np-tabs-button.is-disabled {
    opacity: 0.48;
    pointer-events: none;
    transform: none;
    box-shadow: none;
    cursor: not-allowed;
}

.np-tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.125em;
    height: 1.125em;
    flex: 0 0 auto;
    line-height: 1;
}

.np-tab-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.np-tab-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.np-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.375rem;
    height: 1.375rem;
    padding-inline: 0.375rem;
    background: rgba(15, 23, 42, 0.08);
    border-radius: var(--np-radius-pill, 999px);
    color: currentColor;
    font-size: var(--np-font-size-2xs, 0.6875rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: 1;
}

.np-tab.is-active .np-tab-count,
.np-tab[aria-selected="true"] .np-tab-count,
.np-tab-button.is-active .np-tab-count,
.np-tab-button[aria-selected="true"] .np-tab-count {
    background: rgba(255, 255, 255, 0.22);
    color: currentColor;
}

.np-tabs-nav.is-soft,
.np-tab-list.is-soft,
.np-tabs-list.is-soft {
    gap: var(--np-tabs-nav-gap, 0.5rem);
    padding: var(--np-spacing-xs, 0.5rem);
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-radius-2xl, 1.5rem);
}

.np-tabs-nav.is-soft .np-tab,
.np-tabs-nav.is-soft .np-tab-button,
.np-tabs-nav.is-soft .np-tabs-button,
.np-tab-list.is-soft .np-tab,
.np-tab-list.is-soft .np-tab-button,
.np-tab-list.is-soft .np-tabs-button,
.np-tabs-list.is-soft .np-tab,
.np-tabs-list.is-soft .np-tab-button,
.np-tabs-list.is-soft .np-tabs-button {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.np-tabs-nav.is-soft .np-tab:hover,
.np-tabs-nav.is-soft .np-tab:focus,
.np-tabs-nav.is-soft .np-tab-button:hover,
.np-tabs-nav.is-soft .np-tab-button:focus,
.np-tabs-nav.is-soft .np-tabs-button:hover,
.np-tabs-nav.is-soft .np-tabs-button:focus,
.np-tab-list.is-soft .np-tab:hover,
.np-tab-list.is-soft .np-tab:focus,
.np-tab-list.is-soft .np-tab-button:hover,
.np-tab-list.is-soft .np-tab-button:focus,
.np-tab-list.is-soft .np-tabs-button:hover,
.np-tab-list.is-soft .np-tabs-button:focus,
.np-tabs-list.is-soft .np-tab:hover,
.np-tabs-list.is-soft .np-tab:focus,
.np-tabs-list.is-soft .np-tab-button:hover,
.np-tabs-list.is-soft .np-tab-button:focus,
.np-tabs-list.is-soft .np-tabs-button:hover,
.np-tabs-list.is-soft .np-tabs-button:focus {
    background: rgba(255, 255, 255, 0.72);
    transform: none;
}

.np-tabs-nav.is-soft .np-tab.is-active,
.np-tabs-nav.is-soft .np-tab[aria-selected="true"],
.np-tabs-nav.is-soft .np-tab-button.is-active,
.np-tabs-nav.is-soft .np-tab-button[aria-selected="true"],
.np-tabs-nav.is-soft .np-tabs-button.is-active,
.np-tabs-nav.is-soft .np-tabs-button[aria-selected="true"],
.np-tab-list.is-soft .np-tab.is-active,
.np-tab-list.is-soft .np-tab[aria-selected="true"],
.np-tab-list.is-soft .np-tab-button.is-active,
.np-tab-list.is-soft .np-tab-button[aria-selected="true"],
.np-tab-list.is-soft .np-tabs-button.is-active,
.np-tab-list.is-soft .np-tabs-button[aria-selected="true"],
.np-tabs-list.is-soft .np-tab.is-active,
.np-tabs-list.is-soft .np-tab[aria-selected="true"],
.np-tabs-list.is-soft .np-tab-button.is-active,
.np-tabs-list.is-soft .np-tab-button[aria-selected="true"],
.np-tabs-list.is-soft .np-tabs-button.is-active,
.np-tabs-list.is-soft .np-tabs-button[aria-selected="true"] {
    background: var(--np-color-surface, #ffffff);
    color: var(--np-color-primary, #4f46e5);
    box-shadow: var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-tabs-nav.is-line,
.np-tab-list.is-line,
.np-tabs-list.is-line {
    gap: 0;
    border-block-end: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
}

.np-tabs-nav.is-line .np-tab,
.np-tabs-nav.is-line .np-tab-button,
.np-tabs-nav.is-line .np-tabs-button,
.np-tab-list.is-line .np-tab,
.np-tab-list.is-line .np-tab-button,
.np-tab-list.is-line .np-tabs-button,
.np-tabs-list.is-line .np-tab,
.np-tabs-list.is-line .np-tab-button,
.np-tabs-list.is-line .np-tabs-button {
    min-height: var(--np-tab-line-height, 3rem);
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--np-color-text-muted, #64748b);
    box-shadow: none;
}

.np-tabs-nav.is-line .np-tab::after,
.np-tabs-nav.is-line .np-tab-button::after,
.np-tabs-nav.is-line .np-tabs-button::after,
.np-tab-list.is-line .np-tab::after,
.np-tab-list.is-line .np-tab-button::after,
.np-tab-list.is-line .np-tabs-button::after,
.np-tabs-list.is-line .np-tab::after,
.np-tabs-list.is-line .np-tab-button::after,
.np-tabs-list.is-line .np-tabs-button::after {
    position: absolute;
    inset-inline: 0;
    inset-block-end: calc(var(--np-border-width, 1px) * -1);
    height: 2px;
    transform: scaleX(0);
    transform-origin: center;
    background: var(--np-color-primary, #4f46e5);
    border-radius: var(--np-radius-pill, 999px);
    transition: transform var(--np-transition-fast, 160ms ease);
    content: "";
}

.np-tabs-nav.is-line .np-tab:hover,
.np-tabs-nav.is-line .np-tab:focus,
.np-tabs-nav.is-line .np-tab-button:hover,
.np-tabs-nav.is-line .np-tab-button:focus,
.np-tabs-nav.is-line .np-tabs-button:hover,
.np-tabs-nav.is-line .np-tabs-button:focus,
.np-tab-list.is-line .np-tab:hover,
.np-tab-list.is-line .np-tab:focus,
.np-tab-list.is-line .np-tab-button:hover,
.np-tab-list.is-line .np-tab-button:focus,
.np-tab-list.is-line .np-tabs-button:hover,
.np-tab-list.is-line .np-tabs-button:focus,
.np-tabs-list.is-line .np-tab:hover,
.np-tabs-list.is-line .np-tab:focus,
.np-tabs-list.is-line .np-tab-button:hover,
.np-tabs-list.is-line .np-tab-button:focus,
.np-tabs-list.is-line .np-tabs-button:hover,
.np-tabs-list.is-line .np-tabs-button:focus {
    transform: none;
    background: transparent;
    color: var(--np-color-primary, #4f46e5);
    box-shadow: none;
}

.np-tabs-nav.is-line .np-tab.is-active,
.np-tabs-nav.is-line .np-tab[aria-selected="true"],
.np-tabs-nav.is-line .np-tab-button.is-active,
.np-tabs-nav.is-line .np-tab-button[aria-selected="true"],
.np-tabs-nav.is-line .np-tabs-button.is-active,
.np-tabs-nav.is-line .np-tabs-button[aria-selected="true"],
.np-tab-list.is-line .np-tab.is-active,
.np-tab-list.is-line .np-tab[aria-selected="true"],
.np-tab-list.is-line .np-tab-button.is-active,
.np-tab-list.is-line .np-tab-button[aria-selected="true"],
.np-tab-list.is-line .np-tabs-button.is-active,
.np-tab-list.is-line .np-tabs-button[aria-selected="true"],
.np-tabs-list.is-line .np-tab.is-active,
.np-tabs-list.is-line .np-tab[aria-selected="true"],
.np-tabs-list.is-line .np-tab-button.is-active,
.np-tabs-list.is-line .np-tab-button[aria-selected="true"],
.np-tabs-list.is-line .np-tabs-button.is-active,
.np-tabs-list.is-line .np-tabs-button[aria-selected="true"] {
    background: transparent;
    border: 0;
    color: var(--np-color-primary, #4f46e5);
    box-shadow: none;
}

.np-tabs-nav.is-line .np-tab.is-active::after,
.np-tabs-nav.is-line .np-tab[aria-selected="true"]::after,
.np-tabs-nav.is-line .np-tab-button.is-active::after,
.np-tabs-nav.is-line .np-tab-button[aria-selected="true"]::after,
.np-tabs-nav.is-line .np-tabs-button.is-active::after,
.np-tabs-nav.is-line .np-tabs-button[aria-selected="true"]::after,
.np-tab-list.is-line .np-tab.is-active::after,
.np-tab-list.is-line .np-tab[aria-selected="true"]::after,
.np-tab-list.is-line .np-tab-button.is-active::after,
.np-tab-list.is-line .np-tab-button[aria-selected="true"]::after,
.np-tab-list.is-line .np-tabs-button.is-active::after,
.np-tab-list.is-line .np-tabs-button[aria-selected="true"]::after,
.np-tabs-list.is-line .np-tab.is-active::after,
.np-tabs-list.is-line .np-tab[aria-selected="true"]::after,
.np-tabs-list.is-line .np-tab-button.is-active::after,
.np-tabs-list.is-line .np-tab-button[aria-selected="true"]::after,
.np-tabs-list.is-line .np-tabs-button.is-active::after,
.np-tabs-list.is-line .np-tabs-button[aria-selected="true"]::after {
    transform: scaleX(1);
}

.np-tabs-nav.is-boxed,
.np-tab-list.is-boxed,
.np-tabs-list.is-boxed {
    gap: 0;
    overflow: hidden;
    background: var(--np-color-surface, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    border-radius: var(--np-radius-2xl, 1.5rem);
    box-shadow: var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-tabs-nav.is-boxed .np-tab,
.np-tabs-nav.is-boxed .np-tab-button,
.np-tabs-nav.is-boxed .np-tabs-button,
.np-tab-list.is-boxed .np-tab,
.np-tab-list.is-boxed .np-tab-button,
.np-tab-list.is-boxed .np-tabs-button,
.np-tabs-list.is-boxed .np-tab,
.np-tabs-list.is-boxed .np-tab-button,
.np-tabs-list.is-boxed .np-tabs-button {
    flex: 1 1 0;
    border: 0;
    border-inline-end: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    border-radius: 0;
    box-shadow: none;
}

.np-tabs-nav.is-boxed .np-tab:last-child,
.np-tabs-nav.is-boxed .np-tab-button:last-child,
.np-tabs-nav.is-boxed .np-tabs-button:last-child,
.np-tab-list.is-boxed .np-tab:last-child,
.np-tab-list.is-boxed .np-tab-button:last-child,
.np-tab-list.is-boxed .np-tabs-button:last-child,
.np-tabs-list.is-boxed .np-tab:last-child,
.np-tabs-list.is-boxed .np-tab-button:last-child,
.np-tabs-list.is-boxed .np-tabs-button:last-child {
    border-inline-end: 0;
}

.np-tabs-nav.is-boxed .np-tab:hover,
.np-tabs-nav.is-boxed .np-tab:focus,
.np-tabs-nav.is-boxed .np-tab-button:hover,
.np-tabs-nav.is-boxed .np-tab-button:focus,
.np-tabs-nav.is-boxed .np-tabs-button:hover,
.np-tabs-nav.is-boxed .np-tabs-button:focus,
.np-tab-list.is-boxed .np-tab:hover,
.np-tab-list.is-boxed .np-tab:focus,
.np-tab-list.is-boxed .np-tab-button:hover,
.np-tab-list.is-boxed .np-tab-button:focus,
.np-tab-list.is-boxed .np-tabs-button:hover,
.np-tab-list.is-boxed .np-tabs-button:focus,
.np-tabs-list.is-boxed .np-tab:hover,
.np-tabs-list.is-boxed .np-tab:focus,
.np-tabs-list.is-boxed .np-tab-button:hover,
.np-tabs-list.is-boxed .np-tab-button:focus,
.np-tabs-list.is-boxed .np-tabs-button:hover,
.np-tabs-list.is-boxed .np-tabs-button:focus {
    transform: none;
}

.np-tabs-nav.is-boxed .np-tab.is-active,
.np-tabs-nav.is-boxed .np-tab[aria-selected="true"],
.np-tabs-nav.is-boxed .np-tab-button.is-active,
.np-tabs-nav.is-boxed .np-tab-button[aria-selected="true"],
.np-tabs-nav.is-boxed .np-tabs-button.is-active,
.np-tabs-nav.is-boxed .np-tabs-button[aria-selected="true"],
.np-tab-list.is-boxed .np-tab.is-active,
.np-tab-list.is-boxed .np-tab[aria-selected="true"],
.np-tab-list.is-boxed .np-tab-button.is-active,
.np-tab-list.is-boxed .np-tab-button[aria-selected="true"],
.np-tab-list.is-boxed .np-tabs-button.is-active,
.np-tab-list.is-boxed .np-tabs-button[aria-selected="true"],
.np-tabs-list.is-boxed .np-tab.is-active,
.np-tabs-list.is-boxed .np-tab[aria-selected="true"],
.np-tabs-list.is-boxed .np-tab-button.is-active,
.np-tabs-list.is-boxed .np-tab-button[aria-selected="true"],
.np-tabs-list.is-boxed .np-tabs-button.is-active,
.np-tabs-list.is-boxed .np-tabs-button[aria-selected="true"] {
    background: var(--np-color-primary, #4f46e5);
    color: var(--np-color-white, #ffffff);
}

.np-tabs-nav.is-vertical,
.np-tab-list.is-vertical,
.np-tabs-list.is-vertical {
    align-items: stretch;
    flex-direction: column;
}

.np-tabs-nav.is-vertical .np-tab,
.np-tabs-nav.is-vertical .np-tab-button,
.np-tabs-nav.is-vertical .np-tabs-button,
.np-tab-list.is-vertical .np-tab,
.np-tab-list.is-vertical .np-tab-button,
.np-tab-list.is-vertical .np-tabs-button,
.np-tabs-list.is-vertical .np-tab,
.np-tabs-list.is-vertical .np-tab-button,
.np-tabs-list.is-vertical .np-tabs-button {
    justify-content: flex-start;
    width: 100%;
}

.np-tabs-layout-vertical {
    display: grid;
    grid-template-columns: minmax(220px, var(--np-tabs-sidebar-width, 280px)) minmax(0, 1fr);
    gap: var(--np-tabs-layout-gap, var(--np-spacing-xl, 2rem));
    align-items: start;
}

.np-tabs-layout-vertical.is-end {
    grid-template-columns: minmax(0, 1fr) minmax(220px, var(--np-tabs-sidebar-width, 280px));
}

.np-tabs-layout-vertical.is-end > .np-tabs-nav,
.np-tabs-layout-vertical.is-end > .np-tab-list,
.np-tabs-layout-vertical.is-end > .np-tabs-list {
    order: 2;
}

.np-tabs-layout-vertical.is-end > .np-tabs-panels {
    order: 1;
}

.np-tabs-layout-vertical > .np-tabs-nav,
.np-tabs-layout-vertical > .np-tab-list,
.np-tabs-layout-vertical > .np-tabs-list {
    align-items: stretch;
    flex-direction: column;
}

.np-tabs-panels,
.np-tab-panels,
.np-tabs-content {
    position: relative;
    width: 100%;
    min-width: 0;
}

.np-tab-panel,
.np-tabs-panel,
[role="tabpanel"].np-tab-panel,
[role="tabpanel"].np-tabs-panel {
    display: block;
    width: 100%;
    min-width: 0;
}

.np-tab-panel[hidden],
.np-tabs-panel[hidden],
[role="tabpanel"][hidden] {
    display: none !important;
}

.np-tab-panel.is-hidden,
.np-tabs-panel.is-hidden {
    display: none !important;
}

.np-tab-panel.is-active,
.np-tabs-panel.is-active {
    display: block;
}

.np-tab-panel.is-card,
.np-tabs-panel.is-card {
    padding: var(--np-tabs-panel-padding, var(--np-card-padding, 2rem));
    background: var(--np-tabs-panel-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-tabs-panel-border-color, #e2e8f0);
    border-radius: var(--np-tabs-panel-radius, var(--np-radius-2xl, 1.5rem));
    box-shadow: var(--np-tabs-panel-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.np-tab-panel.is-soft,
.np-tabs-panel.is-soft {
    padding: var(--np-tabs-panel-padding, var(--np-card-padding, 2rem));
    background: var(--np-color-surface-muted, #f1f5f9);
    border-radius: var(--np-tabs-panel-radius, var(--np-radius-2xl, 1.5rem));
}

.np-tab-panel.is-border,
.np-tabs-panel.is-border {
    padding: var(--np-tabs-panel-padding, var(--np-card-padding, 2rem));
    border: var(--np-border-width, 1px) solid var(--np-tabs-panel-border-color, #e2e8f0);
    border-radius: var(--np-tabs-panel-radius, var(--np-radius-2xl, 1.5rem));
}

.np-tab-panel.is-glass,
.np-tabs-panel.is-glass {
    padding: var(--np-tabs-panel-padding, var(--np-card-padding, 2rem));
    background: var(--np-glass-background, rgba(255, 255, 255, 0.76));
    border: var(--np-border-width, 1px) solid var(--np-glass-border-color, rgba(203, 213, 225, 0.62));
    border-radius: var(--np-tabs-panel-radius, var(--np-radius-2xl, 1.5rem));
    box-shadow: var(--np-glass-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
    backdrop-filter: var(--np-glass-backdrop-filter, blur(16px));
}

.np-tab-panel > *:first-child,
.np-tabs-panel > *:first-child {
    margin-block-start: 0;
}

.np-tab-panel > *:last-child,
.np-tabs-panel > *:last-child {
    margin-block-end: 0;
}

.np-tab-panel.is-animated,
.np-tabs-panel.is-animated,
.np-tabs[data-np-animate="fade"] .np-tab-panel.is-active,
.np-tabs[data-np-animate="fade"] .np-tabs-panel.is-active {
    animation: np-tabs-fade var(--np-transition-md, 260ms ease) both;
}

.np-tabs[data-np-animate="slide"] .np-tab-panel.is-active,
.np-tabs[data-np-animate="slide"] .np-tabs-panel.is-active {
    animation: np-tabs-slide-up var(--np-transition-md, 260ms ease) both;
}

.np-tabs[data-np-animate="scale"] .np-tab-panel.is-active,
.np-tabs[data-np-animate="scale"] .np-tabs-panel.is-active {
    animation: np-tabs-scale var(--np-transition-md, 260ms ease) both;
}

.np-tab-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--np-spacing-md, 1rem);
    margin-block-end: var(--np-spacing-lg, 1.5rem);
}

.np-tab-panel-title {
    margin: 0;
    color: var(--np-color-heading, #0f172a);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-font-size-xl, 1.25rem);
    font-weight: var(--np-font-weight-black, 900);
    line-height: var(--np-line-height-tight, 1.3);
}

.np-tab-panel-description {
    margin: var(--np-spacing-xs, 0.5rem) 0 0;
    color: var(--np-color-text-muted, #64748b);
    font-size: var(--np-font-size-sm, 0.875rem);
    line-height: var(--np-line-height-snug, 1.5);
}

.np-tab-panel-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--np-spacing-xs, 0.5rem);
}

.np-switcher,
.np-tab-switcher,
.np-segmented-control {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: var(--np-spacing-xs, 0.5rem);
    overflow: hidden;
    background: var(--np-color-surface-muted, #f1f5f9);
    border: var(--np-border-width, 1px) solid var(--np-color-border-soft, #e2e8f0);
    border-radius: var(--np-radius-pill, 999px);
}

.np-switcher.is-full,
.np-tab-switcher.is-full,
.np-segmented-control.is-full {
    width: 100%;
}

.np-switcher .np-tab,
.np-switcher .np-tab-button,
.np-tab-switcher .np-tab,
.np-tab-switcher .np-tab-button,
.np-segmented-control .np-tab,
.np-segmented-control .np-tab-button {
    flex: 1 1 auto;
    min-height: var(--np-switcher-item-height, 2.25rem);
    background: transparent;
    border: 0;
    box-shadow: none;
}

.np-switcher .np-tab:hover,
.np-switcher .np-tab:focus,
.np-switcher .np-tab-button:hover,
.np-switcher .np-tab-button:focus,
.np-tab-switcher .np-tab:hover,
.np-tab-switcher .np-tab:focus,
.np-tab-switcher .np-tab-button:hover,
.np-tab-switcher .np-tab-button:focus,
.np-segmented-control .np-tab:hover,
.np-segmented-control .np-tab:focus,
.np-segmented-control .np-tab-button:hover,
.np-segmented-control .np-tab-button:focus {
    transform: none;
    background: rgba(255, 255, 255, 0.72);
}

.np-switcher .np-tab.is-active,
.np-switcher .np-tab[aria-selected="true"],
.np-switcher .np-tab-button.is-active,
.np-switcher .np-tab-button[aria-selected="true"],
.np-tab-switcher .np-tab.is-active,
.np-tab-switcher .np-tab[aria-selected="true"],
.np-tab-switcher .np-tab-button.is-active,
.np-tab-switcher .np-tab-button[aria-selected="true"],
.np-segmented-control .np-tab.is-active,
.np-segmented-control .np-tab[aria-selected="true"],
.np-segmented-control .np-tab-button.is-active,
.np-segmented-control .np-tab-button[aria-selected="true"] {
    background: var(--np-color-surface, #ffffff);
    color: var(--np-color-primary, #4f46e5);
    box-shadow: var(--np-shadow-xs, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.np-tabs-loading {
    position: relative;
    min-height: var(--np-tabs-loading-min-height, 180px);
    pointer-events: none;
}

.np-tabs-loading::before {
    position: absolute;
    inset: 0;
    z-index: var(--np-z-index-content, 10);
    background: rgba(255, 255, 255, 0.64);
    backdrop-filter: blur(4px);
    content: "";
}

.np-tabs-loading::after {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    z-index: calc(var(--np-z-index-content, 10) + 1);
    width: 2rem;
    height: 2rem;
    margin-block-start: -1rem;
    margin-inline-start: -1rem;
    border: 3px solid var(--np-loader-track-color, #eef2ff);
    border-block-start-color: var(--np-loader-color, #4f46e5);
    border-radius: var(--np-radius-circle, 50%);
    animation: np-tabs-spin 700ms linear infinite;
    content: "";
}

[dir="rtl"] .np-tabs-loading::after,
.rtl .np-tabs-loading::after {
    margin-inline-start: 0;
    margin-inline-end: -1rem;
}

.np-tabs-skeleton {
    position: relative;
    overflow: hidden;
    background: var(--np-color-surface-muted, #f1f5f9);
    color: transparent;
    pointer-events: none;
}

.np-tabs-skeleton::after {
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.58) 50%, transparent 100%);
    animation: np-tabs-skeleton 1200ms ease-in-out infinite;
    content: "";
}

[dir="rtl"] .np-tabs-skeleton::after,
.rtl .np-tabs-skeleton::after {
    transform: translateX(100%);
    animation-name: np-tabs-skeleton-rtl;
}

.woocommerce div.product .woocommerce-tabs {
    display: grid;
    gap: var(--np-tabs-gap, var(--np-spacing-lg, 1.5rem));
    margin-block: var(--np-woocommerce-tabs-margin-y, var(--np-spacing-2xl, 3rem));
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce-page div.product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-tabs-nav-gap, 0.5rem);
    margin: 0;
    padding: 0;
    overflow: visible;
    list-style: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    display: inline-flex;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li::after {
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--np-tab-height, 2.75rem);
    padding-block: 0;
    padding-inline: var(--np-tab-padding-x, 1.125rem);
    background: var(--np-tab-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-tab-border-color, #e2e8f0);
    border-radius: var(--np-tab-radius, 999px);
    color: var(--np-tab-color, #64748b);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-tab-font-size, 0.875rem);
    font-weight: var(--np-tab-font-weight, 700);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: var(--np-tab-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
    transition: background var(--np-transition-fast, 160ms ease), border-color var(--np-transition-fast, 160ms ease), color var(--np-transition-fast, 160ms ease), transform var(--np-transition-fast, 160ms ease), box-shadow var(--np-transition-fast, 160ms ease);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:focus {
    transform: translateY(-2px);
    background: var(--np-tab-background-hover, #eef2ff);
    border-color: var(--np-tab-border-color-hover, #e0e7ff);
    color: var(--np-tab-color-hover, #4f46e5);
    box-shadow: var(--np-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
    background: var(--np-tab-background-active, #4f46e5);
    border-color: var(--np-tab-border-color-active, #4f46e5);
    color: var(--np-tab-color-active, #ffffff);
    box-shadow: var(--np-shadow-primary, 0 18px 48px rgba(79, 70, 229, 0.22));
}

.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce-page div.product .woocommerce-tabs .panel {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: var(--np-tabs-panel-padding, var(--np-card-padding, 2rem));
    background: var(--np-tabs-panel-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-tabs-panel-border-color, #e2e8f0);
    border-radius: var(--np-tabs-panel-radius, var(--np-radius-2xl, 1.5rem));
    color: var(--np-color-text, #334155);
    box-shadow: var(--np-tabs-panel-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.woocommerce div.product .woocommerce-tabs .panel > h2:first-child,
.woocommerce-page div.product .woocommerce-tabs .panel > h2:first-child {
    margin-block-start: 0;
}

.woocommerce div.product .woocommerce-tabs .panel > *:last-child,
.woocommerce-page div.product .woocommerce-tabs .panel > *:last-child {
    margin-block-end: 0;
}

.dokan-tabs,
.dokan-dashboard .dokan-tabs {
    display: grid;
    gap: var(--np-tabs-gap, var(--np-spacing-lg, 1.5rem));
}

.dokan-tabs ul,
.dokan-dashboard .dokan-tabs ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-tabs-nav-gap, 0.5rem);
    margin: 0;
    padding: 0;
    list-style: none;
}

.dokan-tabs li,
.dokan-dashboard .dokan-tabs li {
    margin: 0;
    padding: 0;
}

.dokan-tabs a,
.dokan-dashboard .dokan-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--np-tab-height, 2.75rem);
    padding-inline: var(--np-tab-padding-x, 1.125rem);
    background: var(--np-tab-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-tab-border-color, #e2e8f0);
    border-radius: var(--np-tab-radius, 999px);
    color: var(--np-tab-color, #64748b);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-tab-font-size, 0.875rem);
    font-weight: var(--np-tab-font-weight, 700);
    line-height: 1;
    text-decoration: none;
    box-shadow: var(--np-tab-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
}

.dokan-tabs a:hover,
.dokan-tabs a:focus,
.dokan-dashboard .dokan-tabs a:hover,
.dokan-dashboard .dokan-tabs a:focus {
    background: var(--np-tab-background-hover, #eef2ff);
    border-color: var(--np-tab-border-color-hover, #e0e7ff);
    color: var(--np-tab-color-hover, #4f46e5);
}

.dokan-tabs li.active a,
.dokan-dashboard .dokan-tabs li.active a,
.dokan-tabs a.active,
.dokan-dashboard .dokan-tabs a.active {
    background: var(--np-tab-background-active, #4f46e5);
    border-color: var(--np-tab-border-color-active, #4f46e5);
    color: var(--np-tab-color-active, #ffffff);
}

.elementor-tabs {
    display: grid;
    gap: var(--np-tabs-gap, var(--np-spacing-lg, 1.5rem));
}

.elementor-tabs .elementor-tabs-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--np-tabs-nav-gap, 0.5rem);
    overflow: visible;
}

.elementor-tabs .elementor-tab-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--np-tab-height, 2.75rem);
    padding-block: 0;
    padding-inline: var(--np-tab-padding-x, 1.125rem);
    background: var(--np-tab-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-tab-border-color, #e2e8f0);
    border-radius: var(--np-tab-radius, 999px);
    color: var(--np-tab-color, #64748b);
    font-family: var(--np-font-heading, Tahoma, Arial, sans-serif);
    font-size: var(--np-tab-font-size, 0.875rem);
    font-weight: var(--np-tab-font-weight, 700);
    line-height: 1;
    text-decoration: none;
    box-shadow: var(--np-tab-shadow, 0 1px 3px rgba(15, 23, 42, 0.06));
    cursor: pointer;
    transition: background var(--np-transition-fast, 160ms ease), border-color var(--np-transition-fast, 160ms ease), color var(--np-transition-fast, 160ms ease), transform var(--np-transition-fast, 160ms ease), box-shadow var(--np-transition-fast, 160ms ease);
}

.elementor-tabs .elementor-tab-title:hover,
.elementor-tabs .elementor-tab-title:focus {
    transform: translateY(-2px);
    background: var(--np-tab-background-hover, #eef2ff);
    border-color: var(--np-tab-border-color-hover, #e0e7ff);
    color: var(--np-tab-color-hover, #4f46e5);
    box-shadow: var(--np-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.elementor-tabs .elementor-tab-title.elementor-active {
    background: var(--np-tab-background-active, #4f46e5);
    border-color: var(--np-tab-border-color-active, #4f46e5);
    color: var(--np-tab-color-active, #ffffff);
    box-shadow: var(--np-shadow-primary, 0 18px 48px rgba(79, 70, 229, 0.22));
}

.elementor-tabs .elementor-tabs-content-wrapper {
    border: 0;
}

.elementor-tabs .elementor-tab-content {
    padding: var(--np-tabs-panel-padding, var(--np-card-padding, 2rem));
    background: var(--np-tabs-panel-background, #ffffff);
    border: var(--np-border-width, 1px) solid var(--np-tabs-panel-border-color, #e2e8f0);
    border-radius: var(--np-tabs-panel-radius, var(--np-radius-2xl, 1.5rem));
    color: var(--np-color-text, #334155);
    box-shadow: var(--np-tabs-panel-shadow, 0 8px 24px rgba(15, 23, 42, 0.08));
}

.elementor-tabs .elementor-tab-mobile-title {
    display: none;
}

.np-section-dark .np-tab,
.np-section-dark .np-tab-button,
.np-section-dark .np-tabs-button,
.np-layout-dark .np-tab,
.np-layout-dark .np-tab-button,
.np-layout-dark .np-tabs-button {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
    box-shadow: none;
}

.np-section-dark .np-tab:hover,
.np-section-dark .np-tab:focus,
.np-section-dark .np-tab-button:hover,
.np-section-dark .np-tab-button:focus,
.np-section-dark .np-tabs-button:hover,
.np-section-dark .np-tabs-button:focus,
.np-layout-dark .np-tab:hover,
.np-layout-dark .np-tab:focus,
.np-layout-dark .np-tab-button:hover,
.np-layout-dark .np-tab-button:focus,
.np-layout-dark .np-tabs-button:hover,
.np-layout-dark .np-tabs-button:focus {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.22);
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-tab.is-active,
.np-section-dark .np-tab[aria-selected="true"],
.np-section-dark .np-tab-button.is-active,
.np-section-dark .np-tab-button[aria-selected="true"],
.np-section-dark .np-tabs-button.is-active,
.np-section-dark .np-tabs-button[aria-selected="true"],
.np-layout-dark .np-tab.is-active,
.np-layout-dark .np-tab[aria-selected="true"],
.np-layout-dark .np-tab-button.is-active,
.np-layout-dark .np-tab-button[aria-selected="true"],
.np-layout-dark .np-tabs-button.is-active,
.np-layout-dark .np-tabs-button[aria-selected="true"] {
    background: var(--np-color-white, #ffffff);
    border-color: var(--np-color-white, #ffffff);
    color: var(--np-color-primary, #4f46e5);
    box-shadow: none;
}

.np-section-dark .np-tab-panel.is-card,
.np-section-dark .np-tabs-panel.is-card,
.np-section-dark .np-tab-panel.is-border,
.np-section-dark .np-tabs-panel.is-border,
.np-section-dark .np-tab-panel.is-soft,
.np-section-dark .np-tabs-panel.is-soft,
.np-layout-dark .np-tab-panel.is-card,
.np-layout-dark .np-tabs-panel.is-card,
.np-layout-dark .np-tab-panel.is-border,
.np-layout-dark .np-tabs-panel.is-border,
.np-layout-dark .np-tab-panel.is-soft,
.np-layout-dark .np-tabs-panel.is-soft {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
    box-shadow: none;
}

.np-section-dark .np-tab-panel-title,
.np-layout-dark .np-tab-panel-title {
    color: var(--np-color-white, #ffffff);
}

.np-section-dark .np-tab-panel-description,
.np-layout-dark .np-tab-panel-description {
    color: rgba(255, 255, 255, 0.68);
}

@keyframes np-tabs-fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes np-tabs-slide-up {
    from {
        opacity: 0;
        transform: translateY(0.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes np-tabs-scale {
    from {
        opacity: 0;
        transform: scale(0.98);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes np-tabs-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes np-tabs-skeleton {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes np-tabs-skeleton-rtl {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (max-width: 1024px) {
    .np-tabs-layout-vertical,
    .np-tabs-layout-vertical.is-end {
        grid-template-columns: 1fr;
    }

    .np-tabs-layout-vertical.is-end > .np-tabs-nav,
    .np-tabs-layout-vertical.is-end > .np-tab-list,
    .np-tabs-layout-vertical.is-end > .np-tabs-list,
    .np-tabs-layout-vertical.is-end > .np-tabs-panels {
        order: initial;
    }

    .np-tabs-layout-vertical > .np-tabs-nav,
    .np-tabs-layout-vertical > .np-tab-list,
    .np-tabs-layout-vertical > .np-tabs-list {
        align-items: center;
        flex-direction: row;
    }

    .np-tabs-nav.is-vertical,
    .np-tab-list.is-vertical,
    .np-tabs-list.is-vertical {
        align-items: center;
        flex-direction: row;
    }

    .np-tabs-nav.is-vertical .np-tab,
    .np-tabs-nav.is-vertical .np-tab-button,
    .np-tabs-nav.is-vertical .np-tabs-button,
    .np-tab-list.is-vertical .np-tab,
    .np-tab-list.is-vertical .np-tab-button,
    .np-tab-list.is-vertical .np-tabs-button,
    .np-tabs-list.is-vertical .np-tab,
    .np-tabs-list.is-vertical .np-tab-button,
    .np-tabs-list.is-vertical .np-tabs-button {
        width: auto;
    }
}

@media (max-width: 782px) {
    .np-tabs {
        gap: var(--np-tabs-gap-mobile, var(--np-spacing-md, 1rem));
    }

    .np-tabs-nav,
    .np-tab-list,
    .np-tabs-list,
    [role="tablist"].np-tabs-nav,
    [role="tablist"].np-tab-list {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        margin-inline: calc(var(--np-container-padding, 1rem) * -1);
        padding-inline: var(--np-container-padding, 1rem);
        padding-block-end: 0.125rem;
        scroll-padding-inline: var(--np-container-padding, 1rem);
        -webkit-overflow-scrolling: touch;
    }

    .np-tabs-nav.is-card,
    .np-tabs-nav.is-soft,
    .np-tab-list.is-card,
    .np-tab-list.is-soft,
    .np-tabs-list.is-card,
    .np-tabs-list.is-soft,
    .np-switcher,
    .np-tab-switcher,
    .np-segmented-control {
        margin-inline: 0;
        padding: var(--np-spacing-xs, 0.5rem);
        overflow-x: auto;
    }

    .np-tab,
    .np-tab-button,
    .np-tabs-button,
    [role="tab"].np-tab,
    [role="tab"].np-tab-button {
        flex: 0 0 auto;
        min-height: var(--np-tab-height-mobile, 2.5rem);
        padding-inline: var(--np-tab-padding-x-mobile, 1rem);
        font-size: var(--np-tab-font-size-mobile, 0.8125rem);
    }

    .np-tabs-nav.is-boxed,
    .np-tab-list.is-boxed,
    .np-tabs-list.is-boxed {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        border-radius: var(--np-radius-xl, 1.25rem);
    }

    .np-tabs-nav.is-boxed .np-tab,
    .np-tabs-nav.is-boxed .np-tab-button,
    .np-tabs-nav.is-boxed .np-tabs-button,
    .np-tab-list.is-boxed .np-tab,
    .np-tab-list.is-boxed .np-tab-button,
    .np-tab-list.is-boxed .np-tabs-button,
    .np-tabs-list.is-boxed .np-tab,
    .np-tabs-list.is-boxed .np-tab-button,
    .np-tabs-list.is-boxed .np-tabs-button {
        flex: 0 0 auto;
        min-width: max-content;
    }

    .np-tab-panel.is-card,
    .np-tabs-panel.is-card,
    .np-tab-panel.is-soft,
    .np-tabs-panel.is-soft,
    .np-tab-panel.is-border,
    .np-tabs-panel.is-border,
    .np-tab-panel.is-glass,
    .np-tabs-panel.is-glass {
        padding: var(--np-tabs-panel-padding-mobile, var(--np-card-padding, 1.25rem));
        border-radius: var(--np-tabs-panel-radius-mobile, var(--np-radius-xl, 1.25rem));
    }

    .np-tab-panel-header {
        display: grid;
        gap: var(--np-spacing-sm, 0.75rem);
        margin-block-end: var(--np-spacing-md, 1rem);
    }

    .np-tab-panel-actions {
        justify-content: flex-start;
    }

    .np-tab-panel-actions > * {
        width: 100%;
    }

    .np-switcher.is-mobile-full,
    .np-tab-switcher.is-mobile-full,
    .np-segmented-control.is-mobile-full {
        width: 100%;
    }

    .woocommerce div.product .woocommerce-tabs,
    .woocommerce-page div.product .woocommerce-tabs {
        gap: var(--np-tabs-gap-mobile, var(--np-spacing-md, 1rem));
        margin-block: var(--np-spacing-xl, 2rem);
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        margin-inline: calc(var(--np-container-padding, 1rem) * -1);
        padding-inline: var(--np-container-padding, 1rem);
        padding-block-end: 0.125rem;
        scroll-padding-inline: var(--np-container-padding, 1rem);
        -webkit-overflow-scrolling: touch;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
        flex: 0 0 auto;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
        min-height: var(--np-tab-height-mobile, 2.5rem);
        padding-inline: var(--np-tab-padding-x-mobile, 1rem);
        font-size: var(--np-tab-font-size-mobile, 0.8125rem);
    }

    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce-page div.product .woocommerce-tabs .panel {
        padding: var(--np-tabs-panel-padding-mobile, var(--np-card-padding, 1.25rem));
        border-radius: var(--np-tabs-panel-radius-mobile, var(--np-radius-xl, 1.25rem));
    }

    .elementor-tabs .elementor-tabs-wrapper {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        margin-inline: calc(var(--np-container-padding, 1rem) * -1);
        padding-inline: var(--np-container-padding, 1rem);
        padding-block-end: 0.125rem;
        scroll-padding-inline: var(--np-container-padding, 1rem);
        -webkit-overflow-scrolling: touch;
    }

    .elementor-tabs .elementor-tab-title {
        flex: 0 0 auto;
        min-height: var(--np-tab-height-mobile, 2.5rem);
        padding-inline: var(--np-tab-padding-x-mobile, 1rem);
        font-size: var(--np-tab-font-size-mobile, 0.8125rem);
    }

    .elementor-tabs .elementor-tab-content {
        padding: var(--np-tabs-panel-padding-mobile, var(--np-card-padding, 1.25rem));
        border-radius: var(--np-tabs-panel-radius-mobile, var(--np-radius-xl, 1.25rem));
    }
}

@media (max-width: 480px) {
    .np-tab,
    .np-tab-button,
    .np-tabs-button,
    [role="tab"].np-tab,
    [role="tab"].np-tab-button {
        min-height: var(--np-tab-height-small, 2.375rem);
        padding-inline: var(--np-tab-padding-x-small, 0.875rem);
        font-size: var(--np-font-size-xs, 0.75rem);
    }

    .np-tab-count {
        min-width: 1.25rem;
        height: 1.25rem;
        font-size: var(--np-font-size-2xs, 0.6875rem);
    }

    .np-tab-panel.is-card,
    .np-tabs-panel.is-card,
    .np-tab-panel.is-soft,
    .np-tabs-panel.is-soft,
    .np-tab-panel.is-border,
    .np-tabs-panel.is-border,
    .np-tab-panel.is-glass,
    .np-tabs-panel.is-glass {
        padding: var(--np-card-padding, 1rem);
        border-radius: var(--np-radius-lg, 1rem);
    }

    .np-tab-panel-title {
        font-size: var(--np-font-size-lg, 1.125rem);
    }

    .np-switcher,
    .np-tab-switcher,
    .np-segmented-control {
        width: 100%;
        border-radius: var(--np-radius-xl, 1.25rem);
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
    .elementor-tabs .elementor-tab-title {
        min-height: var(--np-tab-height-small, 2.375rem);
        padding-inline: var(--np-tab-padding-x-small, 0.875rem);
        font-size: var(--np-font-size-xs, 0.75rem);
    }

    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce-page div.product .woocommerce-tabs .panel,
    .elementor-tabs .elementor-tab-content {
        padding: var(--np-card-padding, 1rem);
        border-radius: var(--np-radius-lg, 1rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .np-tab,
    .np-tab-button,
    .np-tabs-button,
    .np-tab-panel,
    .np-tabs-panel,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
    .elementor-tabs .elementor-tab-title,
    .elementor-tabs .elementor-tab-content {
        transition: none !important;
        animation: none !important;
    }

    .np-tab:hover,
    .np-tab:focus,
    .np-tab-button:hover,
    .np-tab-button:focus,
    .np-tabs-button:hover,
    .np-tabs-button:focus,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:focus,
    .elementor-tabs .elementor-tab-title:hover,
    .elementor-tabs .elementor-tab-title:focus {
        transform: none !important;
    }

    .np-tabs-loading::after,
    .np-tabs-skeleton::after {
        animation: none !important;
    }
}

@media print {
    .np-tabs-nav,
    .np-tab-list,
    .np-tabs-list,
    .np-switcher,
    .np-tab-switcher,
    .np-segmented-control,
    .woocommerce div.product .woocommerce-tabs ul.tabs,
    .woocommerce-page div.product .woocommerce-tabs ul.tabs,
    .elementor-tabs .elementor-tabs-wrapper {
        display: none !important;
    }

    .np-tab-panel,
    .np-tabs-panel,
    .np-tab-panel[hidden],
    .np-tabs-panel[hidden],
    [role="tabpanel"][hidden],
    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce-page div.product .woocommerce-tabs .panel,
    .elementor-tabs .elementor-tab-content {
        display: block !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: #000000 !important;
        box-shadow: none !important;
    }

    .np-tabs-loading::before,
    .np-tabs-loading::after,
    .np-tabs-skeleton::after {
        display: none !important;
    }
}