@layer design-system.components{.vds-tabs-list{--tabs-list-gap:var(--vds-space-1,.25rem);--tabs-list-padding-inline:0px;--tabs-list-padding-block:0px;--tabs-list-radius:0px;--tabs-list-bg:transparent;--tabs-list-border-color:var(--vds-surface-border,var(--vds-color-border,#d1d5db));--tabs-list-border-width:0px;--vds-radius-host-r:var(--tabs-list-radius);--vds-radius-host-b:var(--tabs-list-border-width);--vds-radius-host-p:var(--tabs-list-padding-block);--tabs-indicator-color:var(--vds-color-primary-solid,#6366f1);--tabs-indicator-thickness:2px;--tabs-indicator-radius:0px;--tabs-indicator-inset:0px;--tabs-indicator-display:none;--tabs-indicator-transition-duration:var(--vds-duration-fast,.1s);--tabs-indicator-transition-ease:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}.vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-md,2.25rem);--tabs-trigger-gap:var(--vds-space-2,.5rem);--tabs-trigger-padding-inline:var(--vds-space-4,1rem);--tabs-trigger-padding-block:0;--tabs-trigger-optical-offset:var(--vds-control-optical-offset,0px);--tabs-trigger-radius:0;--tabs-trigger-border-width:0;--tabs-trigger-font-family:var(--vds-font-sans,ui-sans-serif, system-ui, sans-serif);--tabs-trigger-font-size:var(--vds-text-sm,.875rem);--tabs-trigger-font-weight:var(--vds-font-weight-medium,500);--tabs-trigger-line-height:var(--vds-control-line-height,1);--tabs-trigger-bg:transparent;--tabs-trigger-color:var(--vds-color-text-muted,#6b7280);--tabs-trigger-border-color:transparent;--tabs-trigger-bg-hover:transparent;--tabs-trigger-color-hover:var(--vds-color-text,#111827);--tabs-trigger-border-color-hover:transparent;--tabs-trigger-bg-active:transparent;--tabs-trigger-color-active:var(--vds-color-text,#111827);--tabs-trigger-border-color-active:transparent;--tabs-trigger-shadow-active:none;--tabs-trigger-focus-ring-color:var(--vds-color-ring,#6366f1);--tabs-trigger-focus-ring-width:2px;--tabs-trigger-focus-ring-offset:-2px;--tabs-trigger-transition-duration:var(--vds-duration-fast,.1s);--tabs-trigger-transition-ease:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1))}.vds-tabs-content{--tabs-content-padding-block:var(--vds-space-4,1rem);--tabs-content-focus-ring-color:var(--vds-color-ring,#6366f1);--tabs-content-focus-ring-width:2px;--tabs-content-focus-ring-offset:2px;--tabs-content-focus-ring-radius:var(--vds-radius-control,var(--vds-radius-element,.375rem));--tabs-content-enter-duration:var(--vds-duration-fast,.1s);--tabs-content-enter-ease:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--tabs-content-enter-translate:.5rem}.vds-tabs{--tabs-root-gap:var(--vds-space-4,1rem);--tabs-root-separator-color:var(--vds-color-border-muted,#e5e7eb)}.vds-tabs-panels{--tabs-panels-transition-duration:.32s;--tabs-panels-transition-ease:var(--vds-ease-out,cubic-bezier(.2, .9, .25, 1));--tabs-panels-padding-block:var(--vds-space-4,1rem)}.vds-tabs-list[data-variant=underline]{--tabs-list-gap:var(--vds-space-4,1rem);--tabs-list-border-width:1px;--tabs-indicator-display:block;--tabs-indicator-thickness:2px;--tabs-indicator-inset:0}.vds-tabs-list[data-variant=underline] .vds-tabs-trigger{--tabs-trigger-color-active:var(--vds-color-text,#111827)}.vds-tabs-list[data-variant=line]{--tabs-list-gap:var(--vds-space-4,1rem);--tabs-list-border-width:1px;--tabs-indicator-display:block;--tabs-indicator-thickness:2px;--tabs-indicator-inset:0}.vds-tabs-list[data-variant=line] .vds-tabs-trigger{--tabs-trigger-color-active:var(--vds-color-text,#111827)}.vds-tabs-list[data-variant=pills]{--tabs-list-gap:var(--vds-space-1,.25rem);--tabs-indicator-display:block;--tabs-indicator-color:var(--vds-color-primary-solid,#6366f1);--tabs-indicator-radius:var(--vds-radius-badge,9999px)}.vds-tabs-list[data-variant=pills] .vds-tabs-trigger{--tabs-trigger-radius:var(--vds-radius-badge,9999px);--tabs-trigger-bg-active:var(--vds-color-primary-solid,#6366f1);--tabs-trigger-color-active:var(--vds-color-on-primary,#fff);--tabs-trigger-bg-hover:var(--vds-color-bg-muted,#f3f4f6);--tabs-trigger-color-hover:var(--vds-color-text,#111827)}.vds-tabs-list[data-variant=segmented]{--tabs-list-gap:0;--tabs-list-bg:var(--vds-color-bg-muted,#f3f4f6);--tabs-list-radius:var(--vds-radius-segmented,var(--vds-radius-element,.375rem));--tabs-list-padding-inline:var(--vds-space-1,.25rem);--tabs-list-padding-block:var(--vds-space-1,.25rem);--tabs-indicator-display:block;--tabs-indicator-color:var(--vds-color-surface,#fff);--tabs-indicator-radius:max(0px, calc(var(--tabs-list-radius) - var(--tabs-list-border-width) - var(--tabs-list-padding-block)))}.vds-tabs-list[data-variant=segmented] .vds-tabs-trigger{--tabs-trigger-optical-offset:var(--vds-control-optical-offset,0px);--tabs-trigger-radius:var(--vds-radius-inset,max(0px, calc(var(--tabs-list-radius) - var(--tabs-list-border-width) - var(--tabs-list-padding-block))));--tabs-trigger-bg-active:var(--vds-color-surface,#fff);--tabs-trigger-color-active:var(--vds-color-text,#111827);--tabs-trigger-shadow-active:var(--vds-shadow-sm,0 1px 2px 0 #0000000d)}.vds-tabs-list[data-variant=segmented][data-orientation=vertical]{--tabs-list-radius:var(--vds-radius-control,var(--vds-radius-element,.375rem))}.vds-tabs-list[data-variant=boxed]{--tabs-list-gap:0;--tabs-list-border-width:1px;--tabs-boxed-curve:var(--vds-radius-tabs-boxed,min(var(--vds-radius-control,.5rem), var(--vds-radius-4,.5rem)));--tabs-boxed-bg:var(--vds-color-surface,#fff);--tabs-boxed-border:var(--vds-color-border,#d1d5db)}.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger{--tabs-trigger-radius:var(--tabs-boxed-curve);--tabs-trigger-bg-hover:var(--vds-color-surface-hover,#f9fafb);--tabs-trigger-bg-active:var(--tabs-boxed-bg);--tabs-trigger-color-active:var(--vds-color-text,#111827)}.vds-tabs-list[data-variant=bordered]{--tabs-list-gap:var(--vds-space-1,.25rem)}.vds-tabs-list[data-variant=bordered] .vds-tabs-trigger{--tabs-trigger-border-width:1px;--tabs-trigger-radius:var(--vds-radius-tabs-trigger,var(--vds-radius-element,.375rem));--tabs-trigger-border-color:var(--vds-color-border,#d1d5db);--tabs-trigger-border-color-hover:var(--vds-color-border,#d1d5db);--tabs-trigger-bg-hover:var(--vds-color-surface-hover,#f9fafb);--tabs-trigger-bg-active:var(--vds-color-primary-solid,#6366f1);--tabs-trigger-border-color-active:var(--vds-color-primary-solid,#6366f1);--tabs-trigger-color-active:var(--vds-color-on-primary,#fff)}.vds-tabs-list[data-variant=solid]{--tabs-list-gap:var(--vds-space-1,.25rem)}.vds-tabs-list[data-variant=solid] .vds-tabs-trigger{--tabs-trigger-radius:var(--vds-radius-tabs-trigger,var(--vds-radius-element,.375rem));--tabs-trigger-bg-hover:var(--vds-color-bg-muted,#f3f4f6);--tabs-trigger-bg-active:var(--vds-color-primary-solid,#6366f1);--tabs-trigger-color-active:var(--vds-color-on-primary,#fff)}.vds-tabs-list[data-variant=soft]{--tabs-list-gap:var(--vds-space-1,.25rem)}.vds-tabs-list[data-variant=soft] .vds-tabs-trigger{--tabs-trigger-radius:var(--vds-radius-tabs-trigger,var(--vds-radius-element,.375rem));--tabs-trigger-bg-hover:var(--vds-color-bg-muted,#f3f4f6);--tabs-trigger-bg-active:var(--vds-color-primary-bg,#eef2ff);--tabs-trigger-color-active:var(--vds-color-primary-text,#3730a3)}.vds-tabs-list[data-variant=ghost]{--tabs-list-gap:var(--vds-space-1,.25rem)}.vds-tabs-list[data-variant=ghost] .vds-tabs-trigger{--tabs-trigger-radius:var(--vds-radius-tabs-trigger,var(--vds-radius-element,.375rem));--tabs-trigger-bg-hover:var(--vds-color-bg-muted,#f3f4f6);--tabs-trigger-bg-active:transparent;--tabs-trigger-color-active:var(--vds-color-text,#111827)}.vds-tabs-list[data-size="2xs"] .vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-2xs,1.5rem);--tabs-trigger-padding-inline:var(--vds-space-2,.5rem);--tabs-trigger-gap:var(--vds-space-1,.25rem);--tabs-trigger-font-size:var(--vds-text-xs,.75rem)}.vds-tabs-list[data-size=xs] .vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-xs,1.75rem);--tabs-trigger-padding-inline:var(--vds-space-2-5,.625rem);--tabs-trigger-gap:var(--vds-space-1,.25rem);--tabs-trigger-font-size:var(--vds-text-xs,.75rem)}.vds-tabs-list[data-size=sm] .vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-sm,2rem);--tabs-trigger-padding-inline:var(--vds-space-3,.75rem);--tabs-trigger-gap:var(--vds-space-1-5,.375rem);--tabs-trigger-font-size:var(--vds-text-sm,.875rem)}.vds-tabs-list[data-size=lg] .vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-lg,2.5rem);--tabs-trigger-padding-inline:var(--vds-space-5,1.25rem);--tabs-trigger-gap:var(--vds-space-2,.5rem);--tabs-trigger-font-size:var(--vds-text-base,1rem)}.vds-tabs-list[data-size=xl] .vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-xl,2.75rem);--tabs-trigger-padding-inline:var(--vds-space-6,1.5rem);--tabs-trigger-gap:var(--vds-space-2,.5rem);--tabs-trigger-font-size:var(--vds-text-base,1rem)}.vds-tabs-list[data-size="2xl"] .vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-2xl,3.25rem);--tabs-trigger-padding-inline:var(--vds-space-7,1.75rem);--tabs-trigger-gap:var(--vds-space-2-5,.625rem);--tabs-trigger-font-size:var(--vds-text-lg,1.125rem)}.vds-tabs-list[data-size="3xl"] .vds-tabs-trigger{--tabs-trigger-height:var(--vds-size-3xl,4rem);--tabs-trigger-padding-inline:var(--vds-space-8,2rem);--tabs-trigger-gap:var(--vds-space-3,.75rem);--tabs-trigger-font-size:var(--vds-text-xl,1.25rem)}}
@layer design-system.components{.vds-tabs{min-inline-size:0;display:block}.vds-tabs[data-orientation=vertical]{align-items:stretch;gap:var(--tabs-root-gap);display:flex}.vds-tabs[data-orientation=vertical]>.vds-tabs-content{min-inline-size:0;border-inline-start:1px solid var(--tabs-root-separator-color);flex:1 1 0;padding-inline-start:var(--tabs-root-gap)}.vds-tabs[data-orientation=vertical]>.vds-tabs-list:is([data-variant=underline],[data-variant=line],[data-variant=boxed])~.vds-tabs-content{border-inline-start:0}.vds-tabs-list{align-items:stretch;gap:var(--tabs-list-gap);padding-inline:var(--tabs-list-padding-inline);padding-block:var(--tabs-list-padding-block);background-color:var(--tabs-list-bg);border-radius:var(--tabs-list-radius);border:0 solid var(--tabs-list-border-color);border-block-end-width:var(--tabs-list-border-width);scrollbar-width:none;max-inline-size:100%;display:inline-flex;position:relative;overflow:auto visible}.vds-tabs-list::-webkit-scrollbar{display:none}.vds-tabs-list::-webkit-scrollbar{block-size:6px}.vds-tabs-list>.vds-tabs-trigger{flex:none}.vds-tabs-trigger{z-index:1;justify-content:center;align-items:center;gap:var(--tabs-trigger-gap);min-block-size:var(--tabs-trigger-height);padding-inline:var(--tabs-trigger-padding-inline);font-family:var(--tabs-trigger-font-family);font-size:var(--tabs-trigger-font-size);font-weight:var(--tabs-trigger-font-weight);line-height:var(--tabs-trigger-line-height);color:var(--tabs-trigger-color);background-color:var(--tabs-trigger-bg);border:var(--tabs-trigger-border-width) solid var(--tabs-trigger-border-color);border-radius:var(--tabs-trigger-radius);cursor:pointer;appearance:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--tabs-trigger-transition-duration) var(--tabs-trigger-transition-ease), background-color var(--tabs-trigger-transition-duration) var(--tabs-trigger-transition-ease), border-color var(--tabs-trigger-transition-duration) var(--tabs-trigger-transition-ease), box-shadow var(--tabs-trigger-transition-duration) var(--tabs-trigger-transition-ease);flex:none;padding-block-start:var(--tabs-trigger-padding-block);padding-block-end:var(--tabs-trigger-padding-block);display:inline-flex;position:relative}.vds-tabs-trigger-content{align-items:center;justify-content:inherit;gap:inherit;inline-size:100%;min-inline-size:0;line-height:var(--vds-control-line-height,1.5);transform:translateY(var(--tabs-trigger-optical-offset));white-space:inherit;display:flex}.vds-tabs-trigger-content>svg{transform:translateY(calc(var(--tabs-trigger-optical-offset) * -1))}.vds-tabs-trigger-content>:has(>svg:only-child){transform:translateY(calc(var(--tabs-trigger-optical-offset) * -1))}:is(.vds-tabs-trigger-content>svg,.vds-tabs-trigger-content>:has(>svg:only-child)>svg){inline-size:var(--tabs-trigger-icon-size,1.125rem);block-size:var(--tabs-trigger-icon-size,1.125rem);flex-shrink:0;display:block}.vds-tabs-trigger:hover:not(:disabled):not([data-disabled]):not([data-state=active]){color:var(--tabs-trigger-color-hover);background-color:var(--tabs-trigger-bg-hover);border-color:var(--tabs-trigger-border-color-hover)}.vds-tabs-trigger[data-state=active]{color:var(--tabs-trigger-color-active);background-color:var(--tabs-trigger-bg-active);border-color:var(--tabs-trigger-border-color-active);box-shadow:var(--tabs-trigger-shadow-active)}.vds-tabs-trigger:focus-visible{outline:var(--tabs-trigger-focus-ring-width) solid var(--tabs-trigger-focus-ring-color);outline-offset:var(--tabs-trigger-focus-ring-offset)}.vds-tabs-trigger:disabled,.vds-tabs-trigger[data-disabled]{opacity:var(--vds-opacity-disabled,.5);cursor:not-allowed}.vds-tabs:not([data-orientation=vertical])>.vds-tabs-list~.vds-tabs-content{padding-block-start:var(--tabs-content-padding-block)}.vds-tabs-content:focus-visible{outline:var(--tabs-content-focus-ring-width) solid var(--tabs-content-focus-ring-color);outline-offset:var(--tabs-content-focus-ring-offset);border-radius:var(--tabs-content-focus-ring-radius)}.vds-tabs-content{--tabs-content-enter-x:var(--tabs-content-enter-translate)}.vds-tabs-content:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--tabs-content-enter-x:calc(var(--tabs-content-enter-translate) * -1)}.vds-tabs-content[data-state=active]{animation:vds-tabs-content-in var(--tabs-content-enter-duration) var(--tabs-content-enter-ease)}@keyframes vds-tabs-content-in{0%{opacity:0;transform:translateX(var(--tabs-content-enter-x))}to{opacity:1;transform:translate(0)}}.vds-tabs[data-orientation=vertical] .vds-tabs-content[data-state=active]{animation-name:vds-tabs-content-in-y}@keyframes vds-tabs-content-in-y{0%{opacity:0;transform:translateY(var(--tabs-content-enter-translate))}to{opacity:1;transform:translateY(0)}}.vds-tabs-content[data-swiping=true]{will-change:transform;transition:none!important;animation:none!important}.vds-tabs-panels{padding-block-start:var(--tabs-panels-padding-block);position:relative;overflow:hidden}.vds-tabs-panels-track{--tabs-panels-tx-sign:1;inline-size:100%;transform:translateX(calc(var(--tabs-panels-tx,0%) * var(--tabs-panels-tx-sign)));transition:transform var(--tabs-panels-transition-duration) var(--tabs-panels-transition-ease);display:flex}.vds-tabs-panels-track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--tabs-panels-tx-sign:-1}.vds-tabs-panels[data-swipeable=true] .vds-tabs-panels-track{touch-action:pan-y}.vds-tabs-panels-slide{flex:0 0 100%;min-inline-size:0}.vds-tabs-panels-slide>.vds-tabs-content[hidden]{display:block}.vds-tabs-panels .vds-tabs-content[data-state=active],.vds-tabs-panels .vds-tabs-content{animation:none}.vds-tabs-panels-slide:not([data-active=true]){pointer-events:none}@media (prefers-reduced-motion:reduce){.vds-tabs-panels-track{transition:none}}.vds-tabs-list[data-animated=true]:after{content:"";pointer-events:none;z-index:0;display:var(--tabs-indicator-display);background-color:var(--tabs-indicator-color);border-radius:var(--tabs-indicator-radius);opacity:var(--tabs-indicator-ready,0);transition:transform var(--tabs-indicator-transition-duration) var(--tabs-indicator-transition-ease), inline-size var(--tabs-indicator-transition-duration) var(--tabs-indicator-transition-ease), block-size var(--tabs-indicator-transition-duration) var(--tabs-indicator-transition-ease);position:absolute}.vds-tabs-list[data-variant=underline][data-animated=true]:after{inline-size:var(--tabs-indicator-w,0);block-size:var(--tabs-indicator-thickness);transform:translateX(var(--tabs-indicator-tx,0));inset-block-end:calc(-1 * var(--tabs-list-border-width));inset-inline-start:0}.vds-tabs-list[data-variant=underline][data-orientation=vertical][data-animated=true]:after{inline-size:var(--tabs-indicator-thickness);block-size:var(--tabs-indicator-h,0);transform:translateY(var(--tabs-indicator-ty,0));inset-block:0 auto;inset-inline-start:auto;inset-inline-end:calc(-1 * var(--tabs-list-border-width))}.vds-tabs-list[data-variant=line][data-animated=true]:after{inline-size:var(--tabs-indicator-w,0);block-size:var(--tabs-indicator-thickness);transform:translateX(var(--tabs-indicator-tx,0));inset-block-start:calc(-1 * var(--tabs-list-border-width));inset-inline-start:0}.vds-tabs-list[data-variant=line][data-orientation=vertical][data-animated=true]:after{inline-size:var(--tabs-indicator-thickness);block-size:var(--tabs-indicator-h,0);transform:translateY(var(--tabs-indicator-ty,0));inset-block:0 auto;inset-inline-start:calc(-1 * var(--tabs-list-border-width))}.vds-tabs-list[data-variant=pills][data-animated=true]:after,.vds-tabs-list[data-variant=segmented][data-animated=true]:after{inline-size:var(--tabs-indicator-w,0);block-size:var(--tabs-indicator-h,0);transform:translate(var(--tabs-indicator-tx,0), var(--tabs-indicator-ty,0));inset-block-start:0;inset-inline-start:0}.vds-tabs-list[data-variant=segmented][data-animated=true]:after{box-shadow:var(--vds-shadow-sm,0 1px 2px 0 #0000000d)}.vds-tabs-list[data-variant=pills][data-animated=true] .vds-tabs-trigger[data-state=active],.vds-tabs-list[data-variant=segmented][data-animated=true] .vds-tabs-trigger[data-state=active]{box-shadow:none;background-color:#0000}.vds-tabs-list[data-variant=underline]:not([data-animated=true]) .vds-tabs-trigger{box-shadow:inset 0 calc(-1 * var(--tabs-indicator-thickness)) 0 0 transparent}.vds-tabs-list[data-variant=underline]:not([data-animated=true]) .vds-tabs-trigger[data-state=active]{box-shadow:inset 0 calc(-1 * var(--tabs-indicator-thickness)) 0 0 var(--tabs-indicator-color)}.vds-tabs-list[data-variant=line]:not([data-animated=true]) .vds-tabs-trigger{box-shadow:inset 0 var(--tabs-indicator-thickness) 0 0 transparent}.vds-tabs-list[data-variant=line]:not([data-animated=true]) .vds-tabs-trigger[data-state=active]{box-shadow:inset 0 var(--tabs-indicator-thickness) 0 0 var(--tabs-indicator-color)}.vds-tabs-list[data-variant=boxed]{padding-inline:var(--tabs-boxed-curve);align-items:flex-end;overflow-x:auto}.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger{border:1px solid #0000;border-block-end:0;border-start-start-radius:var(--tabs-boxed-curve);border-start-end-radius:var(--tabs-boxed-curve);border-end-end-radius:0;border-end-start-radius:0;margin-block-end:calc(-1 * var(--tabs-list-border-width));padding-block-end:var(--tabs-list-border-width)}.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger[data-state=active]{border-color:var(--tabs-boxed-border)}.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger:before,.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger:after{content:"";inline-size:var(--tabs-boxed-curve);block-size:var(--tabs-boxed-curve);opacity:0;pointer-events:none;transition:opacity var(--tabs-trigger-transition-duration) var(--tabs-trigger-transition-ease);position:absolute}.vds-tabs-list[data-variant=boxed]:not([data-orientation=vertical]) .vds-tabs-trigger:before,.vds-tabs-list[data-variant=boxed]:not([data-orientation=vertical]) .vds-tabs-trigger:after{background:radial-gradient(circle at var(--tabs-boxed-curve-origin-x,0) 0, transparent 0 calc(var(--tabs-boxed-curve) - var(--tabs-list-border-width)), var(--tabs-boxed-border) calc(var(--tabs-boxed-curve) - var(--tabs-list-border-width)) var(--tabs-boxed-curve), var(--tabs-boxed-bg) var(--tabs-boxed-curve));inset-block-end:0}.vds-tabs-list[data-variant=boxed]:not([data-orientation=vertical]) .vds-tabs-trigger:before{--tabs-boxed-curve-origin-x:0%;inset-inline-start:calc(-1 * var(--tabs-boxed-curve))}.vds-tabs-list[data-variant=boxed]:not([data-orientation=vertical]) .vds-tabs-trigger:after{--tabs-boxed-curve-origin-x:100%;inset-inline-end:calc(-1 * var(--tabs-boxed-curve))}.vds-tabs-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-variant=boxed]:not([data-orientation=vertical]) .vds-tabs-trigger:before{--tabs-boxed-curve-origin-x:100%}.vds-tabs-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-variant=boxed]:not([data-orientation=vertical]) .vds-tabs-trigger:after{--tabs-boxed-curve-origin-x:0%}.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger[data-state=active]:before,.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger[data-state=active]:after{opacity:1}.vds-tabs-list[data-variant=boxed][data-orientation=vertical]{padding-inline:0;padding-block:var(--tabs-boxed-curve);--tabs-boxed-curve-shadow-x:calc(var(--tabs-boxed-curve) / 2);align-items:stretch}.vds-tabs-list[data-variant=boxed][data-orientation=vertical] .vds-tabs-trigger{border-block-end-width:var(--tabs-list-border-width);border-block-end-style:solid;border-inline-end-width:0;border-start-start-radius:var(--tabs-boxed-curve);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--tabs-boxed-curve);margin-block-end:0;margin-inline-end:calc(-1 * var(--tabs-list-border-width));padding-block-end:var(--tabs-trigger-padding-block);padding-inline-end:calc(var(--tabs-trigger-padding-inline) + var(--tabs-list-border-width))}.vds-tabs-list[data-variant=boxed][data-orientation=vertical] .vds-tabs-trigger:before{border:0;border-inline-end:var(--tabs-list-border-width) solid var(--tabs-boxed-border);border-block-end:var(--tabs-list-border-width) solid var(--tabs-boxed-border);box-shadow:var(--tabs-boxed-curve-shadow-x) calc(var(--tabs-boxed-curve) / 2) 0 0 var(--tabs-boxed-bg);border-start-end-radius:0;border-end-end-radius:var(--tabs-boxed-curve);inset-block-start:calc(-1 * var(--tabs-boxed-curve));inset-block-end:auto;inset-inline-start:auto;inset-inline-end:calc(-1 * var(--tabs-list-border-width))}.vds-tabs-list[data-variant=boxed][data-orientation=vertical] .vds-tabs-trigger:after{border:0;border-inline-end:var(--tabs-list-border-width) solid var(--tabs-boxed-border);border-block-start:var(--tabs-list-border-width) solid var(--tabs-boxed-border);box-shadow:var(--tabs-boxed-curve-shadow-x) calc(-1 * var(--tabs-boxed-curve) / 2) 0 0 var(--tabs-boxed-bg);border-start-end-radius:var(--tabs-boxed-curve);border-end-start-radius:0;inset-block-start:auto;inset-block-end:calc(-1 * var(--tabs-boxed-curve));inset-inline-start:auto;inset-inline-end:calc(-1 * var(--tabs-list-border-width))}.vds-tabs-list:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))[data-variant=boxed][data-orientation=vertical]{--tabs-boxed-curve-shadow-x:calc(-1 * var(--tabs-boxed-curve) / 2)}.vds-tabs-list[data-orientation=vertical]{border-block-end-width:0;border-inline-end-width:var(--tabs-list-border-width);flex-direction:column;align-items:stretch}.vds-tabs-list[data-orientation=vertical] .vds-tabs-trigger{white-space:normal;overflow-wrap:anywhere;text-align:start;block-size:auto;min-inline-size:0;min-block-size:var(--tabs-trigger-height);justify-content:flex-start;inline-size:100%;padding-block-start:var(--vds-space-2,.5rem);padding-block-end:var(--vds-space-2,.5rem)}.vds-tabs-list[data-orientation=vertical]{max-inline-size:100%;overflow:visible auto}.vds-tabs-list[data-variant=line][data-orientation=vertical]{border-inline-end-width:0;border-inline-start-width:var(--tabs-list-border-width)}.vds-tabs-list[data-orientation=vertical]{--tabs-static-inline-sign:1}.vds-tabs-list[data-orientation=vertical]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--tabs-static-inline-sign:-1}.vds-tabs-list[data-variant=underline][data-orientation=vertical]:not([data-animated=true]) .vds-tabs-trigger{box-shadow:inset calc(-1 * var(--tabs-static-inline-sign) * var(--tabs-indicator-thickness)) 0 0 0 transparent}.vds-tabs-list[data-variant=underline][data-orientation=vertical]:not([data-animated=true]) .vds-tabs-trigger[data-state=active]{box-shadow:inset calc(-1 * var(--tabs-static-inline-sign) * var(--tabs-indicator-thickness)) 0 0 0 var(--tabs-indicator-color)}.vds-tabs-list[data-variant=line][data-orientation=vertical]:not([data-animated=true]) .vds-tabs-trigger{box-shadow:inset calc(var(--tabs-static-inline-sign) * var(--tabs-indicator-thickness)) 0 0 0 transparent}.vds-tabs-list[data-variant=line][data-orientation=vertical]:not([data-animated=true]) .vds-tabs-trigger[data-state=active]{box-shadow:inset calc(var(--tabs-static-inline-sign) * var(--tabs-indicator-thickness)) 0 0 0 var(--tabs-indicator-color)}.vds-tabs-list[data-full-width=true]{inline-size:100%;display:flex}.vds-tabs-list[data-full-width=true] .vds-tabs-trigger{white-space:normal;overflow-wrap:anywhere;min-inline-size:0;padding-block:max(var(--tabs-trigger-padding-block), var(--vds-space-1,.25rem));flex:1 1 0}@media (forced-colors:active){.vds-tabs-trigger:is([data-state=active],[data-state=checked]){outline-offset:-1px;outline:1px solid highlight}.vds-tabs-trigger:focus-visible{outline-offset:-3px;outline:2px solid highlight}}@media (prefers-reduced-motion:reduce){.vds-tabs-list:after,.vds-tabs-trigger,.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger:before,.vds-tabs-list[data-variant=boxed] .vds-tabs-trigger:after{transition:none}.vds-tabs-content[data-state=active]{animation:none}}}