@layer cap.reset,cap.tokens,cap.base;@layer cap.components{.cap-tabs{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.cap-tabs[data-orientation=vertical]{align-items:flex-start;gap:var(--space-5);flex-direction:row}.cap-tabs-list{--cap-tab-h:max(var(--target), calc(var(--control) - 6px));--cap-tab-fs:var(--fs-body);box-sizing:border-box;overscroll-behavior-x:contain;scrollbar-width:thin;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--sunken);flex:none;align-items:stretch;gap:2px;max-inline-size:100%;margin:0;padding:4px;display:inline-flex;overflow:auto hidden}.cap-tabs-list[data-size=sm]{--cap-tab-h:max(var(--target), calc(var(--control) - 10px));--cap-tab-fs:var(--fs-detail)}.cap-tabs-list[data-size=lg]{--cap-tab-h:var(--control);--cap-tab-fs:var(--fs-lead)}.cap-tabs-list[data-fill]{display:flex}.cap-tabs-list[data-fill]>.cap-tab{flex:1}.cap-tabs[data-orientation=vertical]>.cap-tabs-list{flex-direction:column;align-items:stretch;overflow:visible auto}.cap-tabs[data-orientation=vertical]>.cap-tabs-list>.cap-tab{text-align:start;justify-content:flex-start}.cap-tab{justify-content:center;align-items:center;gap:var(--space-3);box-sizing:border-box;min-height:var(--cap-tab-h,var(--control));min-width:var(--cap-tab-min-inline-size,var(--target));padding:0 var(--pad-x);border-radius:var(--radius-s);color:var(--muted);font-family:var(--ui);font-size:var(--cap-tab-fs,var(--fs-body));font-weight:var(--cap-tab-weight,500);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;flex:none;margin:0;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.cap-tab:visited{color:var(--muted)}.cap-tab>svg{pointer-events:none;flex:none;width:16px;height:16px}.cap-tab:hover,.cap-tab[data-force=hover]{background:var(--raised);color:var(--text)}.cap-tab[aria-selected=true],.cap-tab[aria-current=page]{border-color:var(--accent);background:var(--surface);color:var(--cap-tab-ink,var(--text));box-shadow:var(--shadow-xs);font-weight:600}.cap-tab:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:1px}.cap-tab[aria-disabled=true],.cap-tab:disabled{color:var(--dim);box-shadow:none;cursor:not-allowed;background:0 0;text-decoration:line-through}.cap-tab-count{color:var(--muted);font-size:var(--fs-detail);font-variant-numeric:var(--figures);font-weight:500}.cap-tab:is([aria-selected=true],[aria-current=page],:hover) .cap-tab-count{color:var(--text)}.cap-tabs-list[data-variant=line]{gap:var(--space-4);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:0;display:flex}.cap-tabs-list[data-variant=line]>.cap-tab{min-height:var(--control);box-shadow:none;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding-inline:2px}.cap-tabs-list[data-variant=line]>.cap-tab:hover,.cap-tabs-list[data-variant=line]>.cap-tab[data-force=hover]{border-bottom-color:var(--line-strong);background:0 0}.cap-tabs-list[data-variant=line]>.cap-tab[aria-selected=true],.cap-tabs-list[data-variant=line]>.cap-tab[aria-current=page]{border-bottom-color:var(--accent);box-shadow:none;background:0 0}.cap-tabs-list[data-variant=line]>.cap-tab:focus-visible{outline-offset:-5px;border-radius:var(--radius-s)}.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]{border-bottom:0;border-inline-start:1px solid var(--line);gap:0}.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]>.cap-tab{min-height:var(--control);margin-bottom:0;padding-inline:var(--pad-x);border-bottom:0;border-inline-start:2px solid #0000;margin-inline-start:-1px}.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]>.cap-tab:hover,.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]>.cap-tab[data-force=hover]{border-inline-start-color:var(--line-strong)}.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]>.cap-tab[aria-selected=true],.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]>.cap-tab[aria-current=page]{border-inline-start-color:var(--accent)}.cap-tabs-list[data-variant=pill]{--_tone:var(--accent);--cap-tab-tone:var(--_tone);--_soft:var(--cap-tab-mark,var(--surface));border-radius:var(--cap-tabs-tray-radius,var(--radius-full));background:var(--cap-tabs-tray,var(--sunken));touch-action:pan-y;padding:6px}.cap-tabs-list[data-variant=pill]>.cap-tab{border-radius:var(--cap-tab-mark-radius,var(--radius-full));padding-inline:calc(var(--pad-x) * 1.5)}.cap-tabs-list[data-variant=pill]>.cap-tab[aria-selected=true],.cap-tabs-list[data-variant=pill]>.cap-tab[aria-current=page]{border-color:var(--cap-tab-mark-edge,var(--_tone));background:var(--_soft);box-shadow:var(--cap-tab-mark-shadow,var(--shadow-xs))}.cap-tabs-list[data-variant=pill][data-dragging]{cursor:grabbing}.cap-tabs-list[data-variant=pill][data-dragging]>.cap-tab[aria-selected=true]:not([data-near]){box-shadow:none;font-weight:var(--cap-tab-weight,500);background:0 0;border-color:#0000}.cap-tabs-list[data-variant=pill][data-dragging]>.cap-tab[data-near]{border-color:var(--cap-tab-mark-edge,var(--_tone));background:var(--_soft);color:var(--cap-tab-ink,var(--text));font-weight:600}.cap-tabs-list[data-variant=pill]:has(>.cap-tab[aria-selected=true]){cursor:grab}.cap-tabs-list[data-variant=pill]:has(>:is([aria-selected=true],[aria-current=page],[data-near])[data-tone]){--_soft:color-mix(in srgb, var(--_tone) 14%, var(--cap-tab-mark,var(--surface)))}.cap-tabs-list[data-variant=pill]:has(>:is([aria-selected=true],[aria-current=page])[data-tone=info]){--_tone:var(--info)}.cap-tabs-list[data-variant=pill][data-dragging]:has(>[data-near][data-tone=info]){--_tone:var(--info)}.cap-tabs-list[data-variant=pill]:has(>:is([aria-selected=true],[aria-current=page])[data-tone=ok]){--_tone:var(--ok)}.cap-tabs-list[data-variant=pill][data-dragging]:has(>[data-near][data-tone=ok]){--_tone:var(--ok)}.cap-tabs-list[data-variant=pill]:has(>:is([aria-selected=true],[aria-current=page])[data-tone=warn]){--_tone:var(--warn)}.cap-tabs-list[data-variant=pill][data-dragging]:has(>[data-near][data-tone=warn]){--_tone:var(--warn)}.cap-tabs-list[data-variant=pill]:has(>:is([aria-selected=true],[aria-current=page])[data-tone=crit]){--_tone:var(--crit)}.cap-tabs-list[data-variant=pill][data-dragging]:has(>[data-near][data-tone=crit]){--_tone:var(--crit)}.cap-tabs-list[data-variant=pill][data-dragging]:has(>[data-near][data-tone=accent]){--_tone:var(--accent)}.cap-tabs-panel-label{margin:0 0 var(--space-2);color:var(--muted);font-family:var(--ui);font-size:var(--fs-detail)}.cap-tabs[data-progressive]:has(>[role=tablist])>.cap-tabs-panel>.cap-tabs-panel-label{display:none}.cap-tabs-panel{border-radius:var(--radius-s);flex:1;min-width:0}.cap-tabs-panel[hidden=until-found]{block-size:0;inline-size:0;position:absolute;overflow:hidden}.cap-tabs-panel:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:2px}.cap-tabs-panel[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.cap-tab{transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}}@supports (anchor-name:--a) and (anchor-scope:all){@media (prefers-reduced-motion:no-preference) and (forced-colors:none){.cap-tabs-list{anchor-scope:--cap-tab-on;position:relative}.cap-tabs-list>.cap-tab:is([aria-selected=true],[aria-current=page]){anchor-name:--cap-tab-on;box-shadow:none;background:0 0;border-color:#0000}.cap-tabs-list:has(>.cap-tab:where([aria-selected=true],[aria-current=page])):before{content:"";position-anchor:--cap-tab-on;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);border:1px solid var(--accent);border-radius:var(--radius-s);background:var(--surface);box-shadow:var(--shadow-xs);pointer-events:none;transition:inset var(--dur-base) var(--ease-in-out);position:absolute}.cap-tabs-list[data-variant=pill]:before{border-color:var(--cap-tab-mark-edge,var(--_tone));border-radius:var(--cap-tab-mark-radius,var(--radius-full));background:var(--_soft);box-shadow:var(--cap-tab-mark-shadow,var(--shadow-xs));transition:inset var(--dur-slow) var(--ease-spring), background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out)}.cap-tabs-list[data-variant=pill][data-dragging]>.cap-tab[data-near]{background:0 0;border-color:#0000}.cap-tabs-list[data-variant=pill][data-dragging]:before{left:var(--cap-pill-start);right:var(--cap-pill-end);transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out)}.cap-tabs-list[data-variant=line]>.cap-tab:is([aria-selected=true],[aria-current=page]){border-bottom-color:#0000}.cap-tabs-list[data-variant=line]:before{background:var(--accent);box-shadow:none;border:0;border-radius:0;inset-block-start:calc(anchor(bottom) - 2px)}.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]>.cap-tab:is([aria-selected=true],[aria-current=page]){border-inline-start-color:#0000}.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]:before{inset-block:anchor(top) anchor(bottom);inset-inline:anchor(start) auto;inline-size:2px}}}@media print{.cap-tabs[data-progressive]>.cap-tabs-list{display:none}.cap-tabs[data-progressive]>.cap-tabs-panel[hidden]{content-visibility:visible;block-size:auto;inline-size:auto;display:block;position:static;overflow:visible}.cap-tabs[data-progressive]:has(>[role=tablist])>.cap-tabs-panel>.cap-tabs-panel-label{display:block}}@media (forced-colors:active){.cap-tabs-list[data-dragging]>.cap-tab[data-near]{forced-color-adjust:none;color:canvastext;border-color:highlight}.cap-tab:is([aria-selected=true],[aria-current=page]){forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.cap-tab:is([aria-selected=true],[aria-current=page]) .cap-tab-count{color:highlighttext}.cap-tabs-list[data-variant=line]>.cap-tab:is([aria-selected=true],[aria-current=page]){color:canvastext;background:0 0;border-bottom-color:highlight}.cap-tabs[data-orientation=vertical]>.cap-tabs-list[data-variant=line]>.cap-tab:is([aria-selected=true],[aria-current=page]){border-bottom-color:#0000;border-inline-start-color:highlight}.cap-tabs-list[data-variant=line]>.cap-tab:is([aria-selected=true],[aria-current=page]) .cap-tab-count{color:canvastext}.cap-tab:is([aria-disabled=true],:disabled){color:graytext}}}@layer cap.utilities;
