@scope([data-example]){[data-slot=tabs]{gap:var(--space-2);flex-direction:column;width:24rem;max-width:100%;display:flex}[data-slot=tabs][data-orientation=vertical]{align-items:flex-start;gap:var(--space-2);flex-direction:row}:scope[data-example^=tabs\/]>*>:has(>[data-slot=tabs]){width:24rem;max-width:100%}[data-slot=tabs-list]{align-self:flex-start;gap:var(--space-1);scrollbar-width:none;max-width:calc(100% + 6px);margin:-3px;padding:3px;display:flex;position:relative;overflow-x:auto}[data-slot=tabs-list][data-orientation=vertical]{flex-direction:column;flex:none;gap:2px}[data-slot=tabs-tab]{z-index:1;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);height:32px;color:var(--muted);font:inherit;white-space:nowrap;cursor:default;background:0 0;border:0;flex-shrink:0;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}[data-slot=tabs-tab]:hover:not([data-disabled]){color:var(--ink)}[data-slot=tabs-tab][data-selected]{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop);color:var(--ink)}[data-slot=tabs-tab][data-disabled]{color:var(--line-disabled)}[data-slot=tabs-tab]:focus-visible{outline-offset:0}[data-slot=tabs-tab][data-orientation=vertical]{justify-content:flex-start;padding-inline:10px}[data-slot=tabs-tab][data-orientation=vertical]:hover:not([data-disabled],[data-selected]){background:var(--tint)}[data-slot=tabs-list]:has([data-slot=tabs-indicator])>[data-slot=tabs-tab][data-selected]{box-shadow:none;background:0 0}[data-slot=tabs-tab]>[data-slot=badge]{height:18px;color:var(--muted);font-variant-numeric:tabular-nums;padding-inline:6px}[data-slot=tabs-tab-icon]{color:var(--muted);display:flex}[data-selected]>[data-slot=tabs-tab-icon]{color:inherit}[data-slot=tabs-indicator]{top:var(--active-tab-top);left:var(--active-tab-left);box-sizing:border-box;width:var(--active-tab-width);height:var(--active-tab-height);border-radius:var(--radius-control);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--ink), var(--shadow-drop);position:absolute}[data-slot=tabs-panel]{box-sizing:border-box;width:100%;min-width:0;min-height:6rem;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface-1);color:var(--ink);text-wrap:pretty}[data-slot=tabs-panel][data-orientation=vertical]{flex:1;align-self:stretch}[data-slot=tabs-panel][hidden]{display:none}[data-slot=tabs-panel]>[data-slot=field],[data-slot=tabs-panel] [data-slot=field-control]{width:100%}[data-slot=stack]:has(>[data-slot=tabs-panel]){box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface-1);width:100%;min-height:6rem;display:grid;overflow:hidden}[data-slot=stack]:has(>[data-slot=tabs-panel])>[data-slot=tabs-panel]{background:0 0;border:0;border-radius:0;grid-area:1/1;min-height:0}:scope:is([data-example=tabs\/indicator],[data-example=tabs\/animation]) [data-slot=tabs-indicator]{transition-property:top,left,width,height;transition-duration:calc(var(--duration) * 2)}:scope:is([data-example=tabs\/indicator],[data-example=tabs\/animation]) [data-slot=tabs-indicator][data-activation-direction=none]{transition:none}:scope[data-example=tabs\/keep-mounted] [data-slot=tabs-panel]{min-height:9.5rem}:scope[data-example=tabs\/animation] [data-slot=stack]>[data-slot=tabs-panel]{transition:opacity var(--duration), translate var(--duration)}:scope[data-example=tabs\/animation] [data-slot=stack]>[data-slot=tabs-panel]:is([data-starting-style],[data-ending-style]){opacity:0}:scope[data-example=tabs\/animation] [data-slot=stack]>[data-slot=tabs-panel][data-activation-direction=right][data-starting-style],:scope[data-example=tabs\/animation] [data-slot=stack]>[data-slot=tabs-panel][data-activation-direction=left][data-ending-style]{translate:2rem}:scope[data-example=tabs\/animation] [data-slot=stack]>[data-slot=tabs-panel][data-activation-direction=left][data-starting-style],:scope[data-example=tabs\/animation] [data-slot=stack]>[data-slot=tabs-panel][data-activation-direction=right][data-ending-style]{translate:-2rem}}