@layer warp.components{:where([data-scope=tabs][data-part=root]){gap:var(--warp-space-group);min-inline-size:0;display:grid}:where([data-scope=tabs])>:where([data-part=list]){gap:var(--warp-space-tight);overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;min-inline-size:0;box-shadow:inset 0 calc(var(--warp-border-hairline) * -1) 0 var(--warp-color-border);--_fs:0px;--_fe:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--_fs), #000 calc(100% - var(--_fe)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--_fs), #000 calc(100% - var(--_fe)), transparent);display:flex;position:relative;overflow-x:auto}:where([data-scope=tabs])>:where([data-part=list])::-webkit-scrollbar{display:none}:where([data-scope=tabs])>:where([data-part=list][data-overflow~=start]){--_fs:32px}:where([data-scope=tabs])>:where([data-part=list][data-overflow~=end]){--_fe:32px}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]){scroll-snap-align:start;block-size:var(--warp-control-md);padding-inline:var(--warp-space-related);color:var(--warp-color-text-subtle);font:500 var(--warp-text-body-size)/1 var(--warp-text-body-font);white-space:nowrap;cursor:pointer;border-radius:var(--warp-radius-control) var(--warp-radius-control) 0 0;-webkit-tap-highlight-color:transparent;transition:color var(--warp-duration-fast) var(--warp-ease-out);background:0 0;border:0;flex:none;align-items:center;gap:6px;margin:0;display:inline-flex;position:relative}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]:hover),:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){color:var(--warp-color-text)}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]:focus-visible){outline-offset:-2px}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger]) :where([data-scope=badge]){block-size:18px;padding-inline:6px}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=indicator]){block-size:var(--warp-border-emphasis);background:var(--warp-color-accent-solid);pointer-events:none;position:absolute;inset-block-end:0;inset-inline-start:0}:where([data-scope=tabs])>:where([data-part=content]){min-inline-size:0}:where([data-scope=tabs])>:where([data-part=content]:focus-visible){outline-offset:4px;border-radius:var(--warp-radius-control)}:where([data-scope=tabs])>:where([data-part=content][hidden]){display:none}:where([data-scope=tabs])>:where([data-part=content]:not([hidden])){animation:warp-settle var(--warp-spring-duration) var(--warp-ease-spring)}@keyframes warp-settle{0%{opacity:0;translate:0 calc(var(--warp-motion-distance) * .5)}}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list]){inline-size:fit-content;max-inline-size:100%;box-shadow:none;background:var(--warp-color-surface-sunken);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:calc(var(--warp-radius-control) + 3px);gap:2px;padding:2px}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list])>:where([data-part=trigger]){z-index:1;block-size:calc(var(--warp-control-md) - 6px);padding-inline:var(--warp-pad-control);border-radius:var(--warp-radius-control)}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list])>:where([data-part=indicator]){background:var(--warp-color-surface-raised);border-radius:var(--warp-radius-control);block-size:auto;box-shadow:0 0 0 var(--warp-border-hairline) var(--warp-color-border), var(--warp-elevation-1);inset-block:2px}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list]){gap:0}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=trigger]){padding-inline:var(--warp-pad-control);border:var(--warp-border-hairline) solid transparent;border-block-end:0}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){background:var(--warp-color-surface-raised);border-color:var(--warp-color-border);box-shadow:0 var(--warp-border-hairline) 0 var(--warp-color-surface-raised)}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=indicator]){inset-block:0 auto}:where([data-scope=tabs][data-variant=enclosed][data-part=root]){gap:0}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=content]){padding:var(--warp-pad-surface);background:var(--warp-color-surface-raised);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:0 0 var(--warp-radius-surface) var(--warp-radius-surface);border-block-start:0}@media (forced-colors:active){:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){forced-color-adjust:none;color:canvastext}:where([data-scope=tabs])>:where([data-part=list])>:where([data-part=indicator]){box-shadow:none;background:highlight}:where([data-scope=tabs][data-variant=pill])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){color:highlighttext}:where([data-scope=tabs][data-variant=enclosed])>:where([data-part=list])>:where([data-part=trigger][aria-selected=true]){box-shadow:none;background:canvas;border-color:canvastext}}}