@layer reset{@scope ([data-pharos-theme="pharos"]) to ([data-pharos-theme]){:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-heading);color:var(--color-text-primary)}:where(h1){font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:1.3333}:where(h2){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.4}:where(h3){font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.4118}:where(h4){font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.4286}:where(h5){font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.6667}:where(h6){font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.6}:where(p){font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.4286;color:var(--color-text-primary)}:where(small){font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.6667;color:var(--color-text-secondary)}:where(code,pre){font-family:var(--font-family-code);font-size:var(--font-size-base);line-height:1.4286}:where(hr){border:none;border-top:1px solid var(--color-border)}}}@layer pharos-theme{:root{color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}@scope ([data-pharos-theme="pharos"]) to ([data-pharos-theme]){:scope{--font-size-4xs:0.375rem;--font-size-3xs:0.4375rem;--font-size-2xs:0.5rem;--font-size-xs:0.625rem;--font-size-sm:0.75rem;--font-size-base:0.875rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.8125rem;--font-size-4xl:2.1875rem;--font-size-5xl:2.625rem;--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-bold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-bold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.3793;--duration-fast-min:95ms;--duration-fast:125ms;--duration-fast-max:165ms;--duration-medium-min:225ms;--duration-medium:300ms;--duration-medium-max:400ms;--duration-slow-min:525ms;--duration-slow:700ms;--duration-slow-max:935ms;--font-family-body:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-heading:Figtree,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-code:ui-monospace,"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-syntax-keyword:light-dark(#7C51A1,#C4A3E0);--color-syntax-string:light-dark(#005600,#a6d2a2);--color-syntax-comment:light-dark(#737373,#a3a3a3);--color-syntax-number:light-dark(#C44A28,#FFA07A);--color-syntax-function:light-dark(#034694,#8BB8F8);--color-syntax-type:light-dark(#7C51A1,#C4A3E0);--color-syntax-variable:light-dark(#383838,#e5e5e5);--color-syntax-operator:light-dark(#737373,#a3a3a3);--color-syntax-constant:light-dark(#C44A28,#FFA07A);--color-syntax-tag:light-dark(#89001a,#ffaeaa);--color-syntax-attribute:light-dark(#B87400,#FFD066);--color-syntax-property:light-dark(#005348,#83dac9);--color-syntax-punctuation:light-dark(#a3a3a3,#525252);--color-syntax-background:light-dark(#fafafa,#0a0a0a);--color-background-surface:light-dark(#ffffff,#262626);--color-background-body:light-dark(#f1f1f1,#1b1b1b);--color-background-card:light-dark(#ffffff,#1b1b1b);--color-background-popover:light-dark(#ffffff,#1b1b1b);--color-background-muted:light-dark(#f1f1f1,#1b1b1b);--color-accent:light-dark(#F26641,#FF8A5C);--color-accent-muted:light-dark(#FDE0D6,#F266414D);--color-neutral:light-dark(#0000000F,#FFFFFF1A);--color-overlay:light-dark(#00000080,#000000CC);--color-overlay-hover:light-dark(#0000000D,#FFFFFF0D);--color-overlay-pressed:light-dark(#0000001A,#FFFFFF1A);--color-text-primary:light-dark(#383838,#fafafa);--color-text-secondary:light-dark(#737373,#a3a3a3);--color-text-disabled:light-dark(#a3a3a3,#525252);--color-text-accent:light-dark(#F26641,#FF8A5C);--color-on-dark:#ffffff;--color-on-light:#383838;--color-on-accent:light-dark(#ffffff,#171717);--color-on-success:light-dark(#ffffff,#171717);--color-on-error:light-dark(#ffffff,#171717);--color-on-warning:#383838;--color-icon-accent:light-dark(#F26641,#FF8A5C);--color-icon-primary:light-dark(#383838,#fafafa);--color-icon-secondary:light-dark(#737373,#a3a3a3);--color-icon-disabled:light-dark(#a3a3a3,#525252);--color-success:light-dark(#007004,#9fe59b);--color-error:light-dark(#a50c25,#ffc6c1);--color-warning:light-dark(#745b00,#fdcf4f);--color-success-muted:light-dark(#c5e5c0,#84c9803D);--color-error-muted:light-dark(#facecb,#ff9e973D);--color-warning-muted:light-dark(#f8da9d,#deb4333D);--color-border:light-dark(#00000014,#FFFFFF1A);--color-border-emphasized:light-dark(#d4d4d4,#525252);--color-skeleton:light-dark(#ebebeb,#525252);--color-shadow:light-dark(#0000001A,#0000004D);--color-tint-hover:light-dark(black,white);--color-background-red:light-dark(#facecb,#ff9e973D);--color-border-red:light-dark(#e6bab8,#ff6f6c);--color-icon-red:light-dark(#89001a,#ff9e97);--color-text-red:light-dark(#89001a,#ffc6c1);--color-background-orange:light-dark(#FDE0D6,#F266413D);--color-border-orange:light-dark(#F5C4B3,#F26641);--color-icon-orange:light-dark(#C44A28,#FFA07A);--color-text-orange:light-dark(#C44A28,#FFC4A8);--color-background-yellow:light-dark(#FFF0CC,#FAA61A3D);--color-border-yellow:light-dark(#F5D78A,#FAA61A);--color-icon-yellow:light-dark(#B87400,#FFD066);--color-text-yellow:light-dark(#B87400,#FFE08A);--color-background-green:light-dark(#c5e5c0,#84c9803D);--color-border-green:light-dark(#b2d1ac,#69ad67);--color-icon-green:light-dark(#0c5700,#84c980);--color-text-green:light-dark(#0c5700,#9fe59b);--color-background-teal:light-dark(#a5e3d6,#7ec6b83D);--color-border-teal:light-dark(#94d6c8,#63ab9d);--color-icon-teal:light-dark(#005348,#7ec6b8);--color-text-teal:light-dark(#005348,#99e2d3);--color-background-cyan:light-dark(#a3e0ef,#83c2d43D);--color-border-cyan:light-dark(#91d3e3,#67a7b8);--color-icon-cyan:light-dark(#00505f,#83c2d4);--color-text-cyan:light-dark(#00505f,#9edef0);--color-background-blue:light-dark(#D6E4F5,#6BA3F53D);--color-border-blue:light-dark(#A8C4E8,#6BA3F5);--color-icon-blue:light-dark(#034694,#8BB8F8);--color-text-blue:light-dark(#034694,#C5DBFC);--color-background-purple:light-dark(#EDE4F4,#7C51A13D);--color-border-purple:light-dark(#D0BBE3,#A67BC4);--color-icon-purple:light-dark(#7C51A1,#C4A3E0);--color-text-purple:light-dark(#5C3A7A,#DCC8F0);--color-background-pink:light-dark(#fccadc,#ff99c33D);--color-border-pink:light-dark(#e7b7c8,#f273aa);--color-icon-pink:light-dark(#83004b,#ff99c3);--color-text-pink:light-dark(#83004b,#ffc3da);--color-background-gray:light-dark(#e5e5e5,var(--color-neutral));--color-border-gray:light-dark(#d4d4d4,#262626);--color-icon-gray:light-dark(#525252,#a3a3a3);--color-text-gray:light-dark(#383838,#e5e5e5);--radius-none:0.25rem;--radius-inner:0.375rem;--radius-element:0.625rem;--radius-container:0.75rem;--radius-page:1.75rem;--radius-full:9999px;--shadow-low:0 2px 4px light-dark(oklch(0 0 0/5%),oklch(0 0 0/25%)),0 4px 8px light-dark(oklch(0 0 0/10%),oklch(0 0 0/40%)),inset 0 0 0 1px light-dark(transparent,oklch(1 0 0/8%));--shadow-med:0 2px 4px light-dark(oklch(0 0 0/5%),oklch(0 0 0/35%)),0 4px 12px light-dark(oklch(0 0 0/10%),oklch(0 0 0/50%)),inset 0 0 0 1px light-dark(transparent,oklch(1 0 0/12%));--shadow-high:0 4px 6px light-dark(oklch(0 0 0/10%),oklch(0 0 0/50%)),0 12px 24px light-dark(oklch(0 0 0/15%),oklch(0 0 0/70%)),inset 0 0 0 1px light-dark(transparent,oklch(1 0 0/15%));--shadow-inset-hover:inset 0px 0px 0px 2px #F266414D;--shadow-inset-selected:inset 0px 0px 0px 2px #F2664180;--shadow-inset-success:inset 0px 0px 0px 2px #1981004D;--shadow-inset-warning:inset 0px 0px 0px 2px #ffce2f4D;--shadow-inset-error:inset 0px 0px 0px 2px #e33f4a4D}.pharos-heading.level-1{font-family:var(--font-family-heading);font-size:var(--text-heading-1-size);font-weight:var(--text-heading-1-weight);line-height:var(--text-heading-1-leading)}.pharos-heading.level-2{font-family:var(--font-family-heading);font-size:var(--text-heading-2-size);font-weight:var(--text-heading-2-weight);line-height:var(--text-heading-2-leading)}.pharos-heading.level-3{font-family:var(--font-family-heading);font-size:var(--text-heading-3-size);font-weight:var(--text-heading-3-weight);line-height:var(--text-heading-3-leading)}.pharos-heading.level-4{font-family:var(--font-family-heading);font-size:var(--text-heading-4-size);font-weight:var(--text-heading-4-weight);line-height:var(--text-heading-4-leading)}.pharos-heading.level-5{font-family:var(--font-family-heading);font-size:var(--text-heading-5-size);font-weight:var(--text-heading-5-weight);line-height:var(--text-heading-5-leading)}.pharos-heading.level-6{font-family:var(--font-family-heading);font-size:var(--text-heading-6-size);font-weight:var(--text-heading-6-weight);line-height:var(--text-heading-6-leading)}.pharos-text.body{font-family:var(--font-family-body);font-size:var(--text-body-size);line-height:var(--text-body-leading)}.pharos-text.large{font-family:var(--font-family-body);font-size:var(--text-large-size);line-height:var(--text-large-leading)}.pharos-text.label{font-family:var(--font-family-body);font-size:var(--text-label-size);line-height:var(--text-label-leading)}.pharos-text.code{font-family:var(--font-family-code);font-size:var(--text-code-size);line-height:var(--text-code-leading)}.pharos-text.supporting{font-family:var(--font-family-body);font-size:var(--text-supporting-size);line-height:var(--text-supporting-leading)}.pharos-text.display-1{font-family:var(--font-family-heading);font-size:var(--text-display-1-size);line-height:var(--text-display-1-leading)}.pharos-text.display-2{font-family:var(--font-family-heading);font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading)}.pharos-text.display-3{font-family:var(--font-family-heading);font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading)}.pharos-button.destructive{background-color:var(--color-error-muted);color:var(--color-error)}.pharos-badge.info{background-color:light-dark(#034694,#6BA3F5);color:light-dark(#ffffff,#171717)}.pharos-badge.neutral{background-color:var(--color-background-gray);color:var(--color-text-gray)}.pharos-badge.success{background-color:light-dark(#198100,#64af4c);color:light-dark(#ffffff,#171717)}.pharos-badge.warning{background-color:#ffce2f;color:#171717}.pharos-badge.error{background-color:light-dark(#e33f4a,#ff705d);color:light-dark(#ffffff,#171717)}.pharos-badge.red{background-color:var(--color-background-red);color:var(--color-text-red)}.pharos-badge.orange{background-color:var(--color-background-orange);color:var(--color-text-orange)}.pharos-badge.yellow{background-color:var(--color-background-yellow);color:var(--color-text-yellow)}.pharos-badge.green{background-color:var(--color-background-green);color:var(--color-text-green)}.pharos-badge.teal{background-color:var(--color-background-teal);color:var(--color-text-teal)}.pharos-badge.cyan{background-color:var(--color-background-cyan);color:var(--color-text-cyan)}.pharos-badge.blue{background-color:var(--color-background-blue);color:var(--color-text-blue)}.pharos-badge.purple{background-color:var(--color-background-purple);color:var(--color-text-purple)}.pharos-badge.pink{background-color:var(--color-background-pink);color:var(--color-text-pink)}.pharos-badge.gray{background-color:var(--color-background-gray);color:var(--color-text-gray)}.pharos-statusdot.success{background-color:light-dark(#198100,#64af4c)}.pharos-statusdot.warning{background-color:#ffce2f}.pharos-statusdot.error{background-color:light-dark(#e33f4a,#ff705d)}.pharos-statusdot.accent{background-color:light-dark(#F26641,#FF8A5C)}.pharos-banner.info{background-color:var(--color-background-blue);--color-accent-muted:transparent;--color-text-primary:var(--color-text-blue);--color-text-secondary:var(--color-text-blue);--color-accent:var(--color-text-blue)}.pharos-banner.success{--color-text-primary:var(--color-text-green);--color-text-secondary:var(--color-text-green);--color-success:var(--color-text-green)}.pharos-banner.warning{--color-text-primary:var(--color-text-yellow);--color-text-secondary:var(--color-text-yellow);--color-warning:var(--color-text-yellow)}.pharos-banner.error{--color-text-primary:var(--color-text-red);--color-text-secondary:var(--color-text-red);--color-error:var(--color-text-red)}.pharos-switch{--color-background-gray:var(--color-border-emphasized)}.pharos-progressbar{--color-background-muted:var(--color-border-emphasized)}.pharos-progressbar.accent{--color-accent:#F26641}.pharos-progressbar.success{--color-success:#198100}.pharos-progressbar.warning{--color-warning:#ffce2f}.pharos-progressbar.error{--color-error:#e33f4a}.pharos-card{--pharos-card-padding:var(--spacing-3)}.pharos-section{--pharos-section-padding:var(--spacing-3)}.pharos-heading.primary,.pharos-text.primary{color:var(--color-text-primary)}.pharos-heading.secondary,.pharos-text.secondary{color:var(--color-text-secondary)}.pharos-heading.disabled,.pharos-text.disabled{color:var(--color-text-disabled)}.pharos-heading.placeholder,.pharos-text.placeholder{color:var(--color-text-secondary)}.pharos-heading.accent,.pharos-text.accent{color:var(--color-text-accent)}.pharos-text.size-4xs{font-size:var(--font-size-4xs)}.pharos-text.size-3xs{font-size:var(--font-size-3xs)}.pharos-text.size-2xs{font-size:var(--font-size-2xs)}.pharos-text.xsm{font-size:var(--font-size-xs)}.pharos-text.sm{font-size:var(--font-size-sm)}.pharos-text.base{font-size:var(--font-size-base)}.pharos-text.lg{font-size:var(--font-size-lg)}.pharos-text.xl{font-size:var(--font-size-xl)}.pharos-text.size-2xl{font-size:var(--font-size-2xl)}.pharos-text.size-3xl{font-size:var(--font-size-3xl)}.pharos-text.size-4xl{font-size:var(--font-size-4xl)}[data-pharos-media=dark]{color-scheme:dark;--color-text-primary:var(--color-on-dark);--color-icon-primary:var(--color-on-dark);--color-accent:var(--color-on-dark)}[data-pharos-media=light]{color-scheme:light;--color-text-primary:var(--color-on-light);--color-icon-primary:var(--color-on-light);--color-accent:var(--color-on-light)}}}@layer pharos-theme{}:root{--docs-header-height:64px;--docs-sidebar-width:260px;--docs-content-max:760px;--docs-page-max:1200px;--docs-hero-gradient:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 60%),radial-gradient(900px 500px at 90% 0%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 55%),var(--color-background-body)}body,html{min-height:100%}body{background:var(--color-background-body);color:var(--color-text-primary)}.docs-page{max-width:var(--docs-page-max);margin-inline:auto;padding-inline:var(--spacing-6)}.docs-prose{max-width:var(--docs-content-max)}.docs-prose h1,.docs-prose h2,.docs-prose h3{scroll-margin-top:calc(var(--docs-header-height) + 16px)}.docs-prose pre{overflow-x:auto;border-radius:var(--radius-element,8px);padding:var(--spacing-4);background:var(--color-background-secondary,#111);font-size:.875rem;line-height:1.6}.docs-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.docs-prose :not(pre)>code{padding:.15em .4em;border-radius:4px;background:color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.docs-prose table{width:100%;border-collapse:collapse;font-size:.9rem}.docs-prose td,.docs-prose th{text-align:left;padding:.65rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);vertical-align:top}.docs-prose th{font-weight:600}.docs-prose ol,.docs-prose ul{-webkit-padding-start:1.25rem;padding-inline-start:1.25rem}.docs-prose li,.docs-prose p{line-height:1.7}.docs-prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}@keyframes docs-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes docs-fade-in{0%{opacity:0}to{opacity:1}}.motion-fade-up{animation:docs-fade-up .6s ease-out both}.motion-fade-up-delay-1{animation:docs-fade-up .6s ease-out .1s both}.motion-fade-up-delay-2{animation:docs-fade-up .6s ease-out .2s both}.motion-fade-in{animation:docs-fade-in .5s ease-out both}@media (prefers-reduced-motion:reduce){.motion-fade-in,.motion-fade-up,.motion-fade-up-delay-1,.motion-fade-up-delay-2{animation:none}}.docs-search-backdrop{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,#000 45%,transparent);display:flex;align-items:flex-start;justify-content:center;padding:12vh var(--spacing-4) var(--spacing-4)}.docs-search-panel{width:min(640px,100%);background:var(--color-background-body);border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:12px;box-shadow:0 24px 64px color-mix(in srgb,#000 28%,transparent);overflow:hidden}.docs-search-input{width:100%;border:0;outline:none;background:transparent;color:var(--color-text-primary);font:inherit;font-size:1.05rem;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.docs-search-results{max-height:360px;overflow:auto;padding:var(--spacing-2)}.docs-search-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;font:inherit;padding:var(--spacing-3) var(--spacing-4);border-radius:8px;cursor:pointer;text-decoration:none}.docs-search-item:hover,.docs-search-item[data-active=true]{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.docs-demo-frame{border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:12px;padding:var(--spacing-6);background:color-mix(in srgb,var(--color-background-secondary,var(--color-background-body)) 70%,transparent)}.docs-demo-controls{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-radius:12px;background:color-mix(in srgb,var(--color-background-secondary,var(--color-background-body)) 40%,transparent)}.docs-demo-control{display:grid;grid-template-columns:minmax(96px,140px) 1fr;grid-gap:var(--spacing-3);gap:var(--spacing-3);align-items:center}.docs-demo-control-label{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.docs-demo-control-field{min-width:0;overflow-x:auto}.docs-demo-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:13px;padding:6px 28px 6px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-text-primary) 18%,transparent);background:linear-gradient(45deg,transparent 50%,currentColor 50%) calc(100% - 14px) calc(50% - 2px) /5px 5px no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) calc(100% - 9px) calc(50% - 2px) /5px 5px no-repeat,var(--color-background-body,#fff);color:inherit;max-width:100%;cursor:pointer}@media (max-width:640px){.docs-demo-control{grid-template-columns:1fr;gap:var(--spacing-2)}}.docs-card{display:block;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:12px;padding:var(--spacing-5);transition:border-color .15s ease,transform .15s ease}.docs-card:hover{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);transform:translateY(-1px)}.docs-sidebar-desktop{display:none}@media (min-width:900px){.docs-sidebar-desktop{display:block}}@media (max-width:768px){.docs-page{padding-inline:var(--spacing-4)}header .docs-page nav{display:none}}.docs-components-shell{display:flex;align-items:flex-start;gap:0;max-width:1440px;margin-inline:auto;min-height:calc(100vh - var(--docs-header-height))}.docs-components-sidebar-slot{display:none;width:var(--docs-sidebar-width);flex-shrink:0;position:-webkit-sticky;position:sticky;top:var(--docs-header-height);max-height:calc(100vh - var(--docs-header-height));overflow:auto;-webkit-border-end:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-inline-end:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);background:var(--color-background-body)}.docs-components-sidebar{padding:var(--spacing-5) var(--spacing-4) var(--spacing-8)}.docs-components-overview-link{text-decoration:none;color:inherit}.docs-components-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.docs-components-nav-link{display:block;text-decoration:none;color:var(--color-text-secondary);font-size:13px;line-height:1.3;padding:7px 10px;border-radius:8px;transition:background .12s ease,color .12s ease}.docs-components-nav-link:hover{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-text-primary) 6%,transparent)}.docs-components-nav-link[data-active=true]{color:var(--color-text-primary);font-weight:600;background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.docs-components-main{flex:1 1;min-width:0}.docs-components-content{padding:var(--spacing-8) var(--spacing-6) var(--spacing-12)}.docs-components-hero{text-align:center;padding-block:var(--spacing-6) var(--spacing-4)}.docs-components-section{scroll-margin-top:calc(var(--docs-header-height) + 16px);display:flex;flex-direction:column;gap:var(--spacing-4)}.docs-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--spacing-5);gap:var(--spacing-5)}.docs-preview-card{position:relative;display:flex;flex-direction:column;gap:var(--spacing-3);color:inherit}.docs-preview-card-hit{position:absolute;inset:0;z-index:2;border-radius:16px}.docs-preview-card:hover .docs-preview-frame{border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);transform:translateY(-2px)}.docs-preview-card-label{padding-inline:4px}.docs-preview-frame{position:relative;height:180px;border-radius:16px;border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);background:color-mix(in srgb,var(--color-background-secondary,var(--color-background-body)) 55%,transparent);overflow:hidden;transition:border-color .15s ease,transform .15s ease;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.docs-preview-stage{position:absolute;left:50%;top:50%;width:420px;height:220px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);box-sizing:border-box;transform:translate(-50%,-50%) scale(.58);transform-origin:center center}.docs-preview-stage>*{width:100%;max-width:100%;min-width:0}.docs-preview-fallback{height:100%;display:flex;align-items:center;justify-content:center}.docs-components-mobile-nav{display:block;margin:var(--spacing-4) var(--spacing-4) 0;border:1px solid color-mix(in srgb,var(--color-text-primary) 12%,transparent);border-radius:12px;padding:var(--spacing-3) var(--spacing-4)}.docs-components-mobile-nav>summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none}.docs-components-mobile-nav>summary::-webkit-details-marker{display:none}.docs-components-mobile-nav-body{margin-top:var(--spacing-3);max-height:50vh;overflow:auto}.docs-components-mobile-nav .docs-components-sidebar{padding:0}@media (min-width:900px){.docs-components-sidebar-slot{display:block}.docs-components-mobile-nav{display:none}}@media (max-width:899px){.docs-components-content{padding-inline:var(--spacing-4)}}