/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-tracking:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-hui-0{margin:var(--hui-space-0)}.mx-auto{margin-inline:auto}.mt-hui-2{margin-top:var(--hui-space-2)}.mt-hui-8{margin-top:var(--hui-space-8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-hui-touch-target{width:var(--hui-size-touch-target);height:var(--hui-size-touch-target)}.min-h-hui-touch-target{min-height:var(--hui-size-touch-target)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-hui-1{gap:var(--hui-space-1)}.gap-hui-2{gap:var(--hui-space-2)}.gap-hui-4{gap:var(--hui-space-4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-hui-md{border-radius:var(--hui-radius-md)}.rounded-hui-sm{border-radius:var(--hui-radius-sm)}.rounded-t-hui-md{border-top-left-radius:var(--hui-radius-md);border-top-right-radius:var(--hui-radius-md)}.rounded-b-hui-none{border-bottom-right-radius:var(--hui-radius-none);border-bottom-left-radius:var(--hui-radius-none)}.border{border-style:var(--tw-border-style);border-width:1px}.border-hui-none{border-style:var(--tw-border-style);border-width:var(--hui-border-none)}.border-hui-thin{border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin)}.border-b-hui-thin{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--hui-border-width-thin)}.border-none{--tw-border-style:none;border-style:none}.border-hui-border{border-color:var(--hui-color-border)}.border-transparent{border-color:#0000}.bg-hui-background-raised{background-color:var(--hui-color-background-raised)}.bg-hui-disabled-background{background-color:var(--hui-color-disabled-background)}.bg-hui-surface{background-color:var(--hui-color-surface)}.bg-hui-surface-raised{background-color:var(--hui-color-surface-raised)}.bg-transparent{background-color:#0000}.p-hui-0{padding:var(--hui-space-0)}.p-hui-2{padding:var(--hui-space-2)}.p-hui-4{padding:var(--hui-space-4)}.px-hui-1{padding-inline:var(--hui-space-1)}.px-hui-2{padding-inline:var(--hui-space-2)}.py-hui-8{padding-block:var(--hui-space-8)}.pt-hui-4{padding-top:var(--hui-space-4)}.pb-hui-8{padding-bottom:var(--hui-space-8)}.font-hui-sans{font-family:var(--hui-font-family-sans)}.text-hui-2xl{font-size:var(--hui-font-size-2xl)}.text-hui-lg{font-size:var(--hui-font-size-lg)}.text-hui-sm{font-size:var(--hui-font-size-sm)}.leading-hui-normal{--tw-leading:var(--hui-line-height-normal);line-height:var(--hui-line-height-normal)}.leading-hui-relaxed{--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed)}.leading-hui-tight{--tw-leading:var(--hui-line-height-tight);line-height:var(--hui-line-height-tight)}.font-hui-bold{--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold)}.text-hui-foreground{color:var(--hui-color-foreground)}.text-hui-foreground-muted{color:var(--hui-color-foreground-muted)}.text-hui-interactive{color:var(--hui-color-interactive)}.text-hui-interactive-disabled{color:var(--hui-color-interactive-disabled)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-hui-fast{--tw-duration:var(--hui-duration-fast);transition-duration:var(--hui-duration-fast)}.ease-hui-standard{--tw-ease:var(--hui-easing-standard);transition-timing-function:var(--hui-easing-standard)}.aria-disabled\:border-hui-interactive-disabled[aria-disabled=true]{border-color:var(--hui-color-interactive-disabled)}.aria-disabled\:bg-hui-disabled-background[aria-disabled=true]{background-color:var(--hui-color-disabled-background)}.aria-disabled\:text-hui-interactive-disabled[aria-disabled=true]{color:var(--hui-color-interactive-disabled)}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[state\=open\]\:block[data-state=open]{display:block}.data-\[state\=open\]\:shadow-hui-sm[data-state=open]{--tw-shadow:var(--hui-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@layer hui.site{*,:before,:after{box-sizing:border-box}:where(html){scroll-behavior:smooth}:where(body),:where(h1,h2,h3,h4,p,ul,ol,pre){margin:var(--hui-space-0)}:where(button,input){font:inherit}:where(button,select,textarea,input:not([type=checkbox]):not([type=radio]),input[role=switch]){--tw-border-style:solid;border-style:solid}.site-page{background-color:var(--hui-color-background-raised);min-height:100vh;font-family:var(--hui-font-family-sans);--tw-leading:var(--hui-line-height-normal);line-height:var(--hui-line-height-normal);color:var(--hui-color-foreground)}.site-announcement{justify-content:center;align-items:center;gap:var(--hui-space-2);background-color:var(--hui-color-foreground);padding-inline:var(--hui-space-4);padding-block:var(--hui-space-2);font-size:var(--hui-font-size-xs);color:var(--hui-color-surface);flex-wrap:wrap;display:flex}.site-announcement a{--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-surface)}.site-announcement-mark{border-radius:var(--hui-radius-full);background-color:var(--hui-color-interactive);padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);font-family:var(--hui-font-family-mono);--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold);color:var(--hui-color-interactive-contrast);text-transform:uppercase}.site-skip-link{pointer-events:none;z-index:var(--hui-z-index-toast);background-color:var(--hui-color-interactive);padding-inline:var(--hui-space-3);padding-block:var(--hui-space-2);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-interactive-contrast);opacity:0;outline-style:var(--tw-outline-style);outline-width:var(--hui-size-focus-ring);outline-offset:var(--hui-size-focus-ring);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));position:fixed;inset-block-start:var(--hui-space-2);inset-inline-start:var(--hui-space-2)}.site-skip-link:focus{pointer-events:auto;opacity:1}.site-topbar{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-background-raised);padding-inline:var(--hui-space-4);padding-block:var(--hui-space-1);z-index:var(--hui-z-index-dropdown);position:sticky;inset-block-start:var(--hui-space-0)}.site-topbar-inner{min-height:var(--hui-size-touch-target);justify-content:space-between;align-items:center;gap:var(--hui-space-4);max-width:100%;max-inline-size:calc(var(--hui-size-touch-target) * 58);margin-inline:auto;display:flex}.site-mobile-nav{position:relative}.site-mobile-nav summary{min-height:var(--hui-size-touch-target);border-radius:var(--hui-radius-md);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-surface);padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);font-size:var(--hui-font-size-sm);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-foreground);cursor:pointer;list-style-type:none}.site-mobile-nav summary::-webkit-details-marker{display:none}.site-mobile-nav nav{z-index:var(--hui-z-index-dropdown);margin-top:var(--hui-space-2);min-width:var(--hui-size-touch-target);gap:var(--hui-space-1);border-color:var(--hui-color-border);background-color:var(--hui-color-surface-raised);padding:var(--hui-space-2);--tw-shadow:var(--hui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);min-inline-size:calc(var(--hui-size-touch-target) * 10);top:100%;display:grid;position:absolute;inset-inline-end:var(--hui-space-0)}.site-mobile-nav a{border-radius:var(--hui-radius-sm);padding-inline:var(--hui-space-2);padding-block:var(--hui-space-2);font-size:var(--hui-font-size-sm);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-foreground);text-decoration-line:none}.site-mobile-nav a:hover,.site-mobile-nav a:focus-visible{background-color:var(--hui-color-background);color:var(--hui-color-interactive)}.site-wordmark,.site-topnav,.site-header-actions,.site-inline-actions,.site-hero-meta,.site-section-meta,.site-code-tabs,.site-config-actions,.site-config-meta,.site-footer-links{align-items:center;gap:var(--hui-space-2);flex-wrap:wrap;display:flex}.site-wordmark{gap:var(--hui-space-2);--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold);color:var(--hui-color-foreground);text-decoration-line:none}.site-wordmark:hover{color:var(--hui-color-foreground)}.site-mark{width:var(--hui-size-touch-target);height:var(--hui-size-touch-target);border-radius:var(--hui-radius-sm);background-color:var(--hui-color-interactive);font-family:var(--hui-font-family-mono);color:var(--hui-color-interactive-contrast);justify-content:center;align-items:center;display:inline-flex}.site-wordmark-subtitle{font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);--tw-font-weight:var(--hui-font-weight-regular);font-weight:var(--hui-font-weight-regular);color:var(--hui-color-foreground-muted);display:none}.site-topnav{font-size:var(--hui-font-size-sm);display:none}.site-topnav a,.site-footer-links a{border-radius:var(--hui-radius-sm);padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-foreground-muted);text-decoration-line:none}.site-topnav a:hover,.site-footer-links a:hover{background-color:var(--hui-color-surface);color:var(--hui-color-interactive)}.site-header-actions{gap:var(--hui-space-1)}.site-header-actions .site-button-secondary{display:none}.site-button{min-height:var(--hui-size-touch-target);cursor:pointer;justify-content:center;align-items:center;gap:var(--hui-space-1);border-radius:var(--hui-radius-md);padding-inline:var(--hui-space-3);padding-block:var(--hui-space-1);font-size:var(--hui-font-size-sm);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);outline-offset:var(--hui-size-focus-ring);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:var(--hui-duration-fast);transition-duration:var(--hui-duration-fast);--tw-ease:var(--hui-easing-standard);transition-timing-function:var(--hui-easing-standard);text-decoration-line:none;display:inline-flex}.site-button:focus-visible,.site-text-link:focus-visible,.site-component-card:focus-visible,.site-principle:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--hui-size-focus-ring);outline-color:var(--hui-color-focus-ring)}.site-button-primary{border-color:var(--hui-color-interactive);background-color:var(--hui-color-interactive);color:var(--hui-color-interactive-contrast)}.site-button-primary:hover{border-color:var(--hui-color-interactive-hover);background-color:var(--hui-color-interactive-hover);color:var(--hui-color-interactive-contrast)}.site-button-secondary{border-color:var(--hui-color-border);background-color:var(--hui-color-surface);color:var(--hui-color-foreground)}.site-button-secondary:hover{border-color:var(--hui-color-interactive);color:var(--hui-color-interactive)}.site-button-on-dark{border-color:var(--hui-color-surface);background-color:var(--hui-color-surface);color:var(--hui-color-foreground)}.site-button-on-dark:hover{border-color:var(--hui-color-interactive);background-color:var(--hui-color-interactive);color:var(--hui-color-interactive-contrast)}.site-text-link{align-items:center;gap:var(--hui-space-1);padding-inline:var(--hui-space-1);padding-block:var(--hui-space-1);font-size:var(--hui-font-size-sm);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-link);display:inline-flex}.site-shell{min-width:0;max-inline-size:calc(var(--hui-size-touch-target) * 58);margin-inline:auto}.site-hero{gap:var(--hui-space-8);padding-inline:var(--hui-space-4);padding-block:var(--hui-space-8);display:grid}.site-hero-copy{align-content:center;gap:var(--hui-space-4);display:grid}.site-kicker,.site-eyebrow{font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold);color:var(--hui-color-interactive);text-transform:uppercase;--tw-tracking:var(--tracking-normal,0em);letter-spacing:var(--tracking-normal,0em)}.site-kicker{align-items:center;gap:var(--hui-space-2);display:inline-flex}.site-kicker:before{width:var(--hui-size-control);height:var(--hui-size-control);border-radius:var(--hui-radius-full);background-color:var(--hui-color-interactive);content:""}.site-hero h1{font-size:var(--hui-font-size-2xl);--tw-leading:var(--hui-line-height-tight);line-height:var(--hui-line-height-tight);--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold);max-inline-size:calc(var(--hui-size-touch-target) * 30)}.site-hero-lead{font-size:var(--hui-font-size-lg);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-foreground-muted);max-inline-size:calc(var(--hui-size-touch-target) * 34)}.site-inline-actions{margin-top:var(--hui-space-2);gap:var(--hui-space-3)}.site-hero-meta{gap:var(--hui-space-3);font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);color:var(--hui-color-foreground-muted)}.site-hero-meta span{align-items:center;gap:var(--hui-space-1);border-radius:var(--hui-radius-full);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-interactive);background-color:var(--hui-color-surface);padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);color:var(--hui-color-interactive);display:inline-flex}.site-hero-visual{border-radius:var(--hui-radius-xl);background-color:var(--hui-color-foreground);padding:var(--hui-space-3);--tw-shadow:var(--hui-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative;overflow:hidden}.site-hero-visual:before,.site-hero-visual:after{pointer-events:none;border-radius:var(--hui-radius-full);border-color:var(--hui-color-interactive);border-width:var(--hui-size-focus-ring);content:"";opacity:.35;position:absolute}.site-hero-visual:before{inline-size:calc(var(--hui-size-touch-target) * 16);block-size:calc(var(--hui-size-touch-target) * 16);inset-block-start:calc(var(--hui-size-touch-target) * -6);inset-inline-end:calc(var(--hui-size-touch-target) * -4)}.site-hero-visual:after{inline-size:calc(var(--hui-size-touch-target) * 11);block-size:calc(var(--hui-size-touch-target) * 11);inset-block-end:calc(var(--hui-size-touch-target) * -6);inset-inline-start:calc(var(--hui-size-touch-target) * -3)}.site-lab-window{border-radius:var(--hui-radius-lg);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-surface-raised);color:var(--hui-color-foreground);--tw-shadow:var(--hui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);z-index:var(--hui-z-index-base);position:relative;overflow:hidden}.site-lab-bar{justify-content:space-between;align-items:center;gap:var(--hui-space-2);border-bottom-style:var(--tw-border-style);border-bottom-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);padding-inline:var(--hui-space-3);padding-block:var(--hui-space-2);display:flex}.site-lab-dots{gap:var(--hui-space-1);display:flex}.site-lab-dots span{width:var(--hui-size-control);height:var(--hui-size-control);border-radius:var(--hui-radius-full);background-color:var(--hui-color-border)}.site-lab-label{font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);color:var(--hui-color-foreground-muted)}.site-lab-content{gap:var(--hui-space-3);padding:var(--hui-space-4);display:grid}.site-lab-heading{gap:var(--hui-space-1);display:grid}.site-lab-heading strong{font-size:var(--hui-font-size-lg);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold)}.site-lab-heading span{font-size:var(--hui-font-size-sm);color:var(--hui-color-foreground-muted)}.site-lab-tabs{gap:var(--hui-space-1)}.site-lab-tabs hui-tabs-list,.site-code-tabs hui-tabs-list{border-block-end:var(--hui-border-none)}.site-lab-tabs hui-tabs-tab{padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);font-size:var(--hui-font-size-sm);color:var(--hui-color-foreground-muted)}.site-lab-tabs hui-tabs-tab[data-state=active]{--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-interactive)}.site-lab-panel{gap:var(--hui-space-3);min-block-size:calc(var(--hui-size-touch-target) * 6);display:grid}.site-lab-panel p{font-size:var(--hui-font-size-sm);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-foreground-muted)}@media (max-width:39.99rem){.site-lab-panel{block-size:calc(var(--hui-size-touch-target) * 9)}}.site-lab-form,.site-lab-form-row{gap:var(--hui-space-2);display:grid}.site-lab-form hui-field{gap:var(--hui-space-1);display:grid}.site-lab-form hui-field-label,.site-lab-form .site-form-label{font-size:var(--hui-font-size-xs);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-foreground-muted)}.site-lab-form hui-field input{min-height:var(--hui-size-touch-target);border-radius:var(--hui-radius-md);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-surface);padding-inline:var(--hui-space-2);font-size:var(--hui-font-size-sm);--tw-shadow:var(--hui-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline-offset:var(--hui-size-focus-ring);--tw-outline-style:none;outline-style:none;inline-size:100%}.site-lab-form hui-field input:focus-visible{border-color:var(--hui-color-interactive);outline-style:var(--tw-outline-style);outline-width:var(--hui-size-focus-ring);outline-color:var(--hui-color-focus-ring)}.site-section{gap:var(--hui-space-6);border-top-style:var(--tw-border-style);border-top-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);padding-inline:var(--hui-space-4);padding-block:var(--hui-space-8);display:grid}.site-section-heading{gap:var(--hui-space-2);display:grid}.site-section-heading h2{font-size:var(--hui-font-size-xl);--tw-leading:var(--hui-line-height-tight);line-height:var(--hui-line-height-tight);--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold)}.site-section-heading p{--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-foreground-muted);max-inline-size:calc(var(--hui-size-touch-target) * 33)}.site-section-meta{justify-content:space-between}.site-section-meta .site-text-link{display:none}.site-principles{gap:var(--hui-space-3);display:grid}.site-principle{gap:var(--hui-space-3);border-radius:var(--hui-radius-lg);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-surface);padding:var(--hui-space-4);--tw-shadow:var(--hui-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:var(--hui-duration-fast);transition-duration:var(--hui-duration-fast);--tw-ease:var(--hui-easing-standard);transition-timing-function:var(--hui-easing-standard);text-decoration-line:none;display:grid}.site-principle:hover{border-color:var(--hui-color-interactive);--tw-shadow:var(--hui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transform:translateY(var(--hui-space-negative-1))}.site-principle-mark{width:var(--hui-size-touch-target);height:var(--hui-size-touch-target);border-radius:var(--hui-radius-sm);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-interactive);font-family:var(--hui-font-family-mono);color:var(--hui-color-interactive);justify-content:center;align-items:center;display:inline-flex}.site-principle h3{font-size:var(--hui-font-size-lg);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold)}.site-principle p{font-size:var(--hui-font-size-sm);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-foreground-muted)}.site-component-grid{gap:var(--hui-space-3);display:grid}.site-component-card{gap:var(--hui-space-2);border-radius:var(--hui-radius-lg);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-surface);padding:var(--hui-space-3);color:var(--hui-color-foreground);--tw-shadow:var(--hui-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:var(--hui-duration-fast);transition-duration:var(--hui-duration-fast);--tw-ease:var(--hui-easing-standard);transition-timing-function:var(--hui-easing-standard);grid-template-columns:1fr auto;text-decoration-line:none;display:grid}.site-component-card:hover{border-color:var(--hui-color-interactive);--tw-shadow:var(--hui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transform:translateY(var(--hui-space-negative-1))}.site-component-card h3{font-size:var(--hui-font-size-lg);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold)}.site-component-card code{border-radius:var(--hui-radius-sm);background-color:var(--hui-color-background-raised);padding-inline:var(--hui-space-1);font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);color:var(--hui-color-interactive);grid-column:1/-1;inline-size:fit-content}.site-component-card p{font-size:var(--hui-font-size-sm);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-foreground-muted);grid-column:1/-1}.site-component-card span{--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold);color:var(--hui-color-interactive);grid-area:1/2}.site-configurator{border-radius:var(--hui-radius-xl);background-color:var(--hui-color-foreground);padding:var(--hui-space-3);color:var(--hui-color-surface);--tw-shadow:var(--hui-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.site-configurator-head{justify-content:space-between;align-items:flex-end;gap:var(--hui-space-3);border-bottom-style:var(--tw-border-style);border-bottom-width:var(--hui-border-width-thin);border-color:var(--hui-color-foreground-muted);padding-bottom:var(--hui-space-3);flex-wrap:wrap;display:flex}.site-configurator-head h2{font-size:var(--hui-font-size-xl);--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold)}.site-configurator .site-eyebrow{color:var(--hui-color-surface)}.site-configurator-head p{font-size:var(--hui-font-size-sm);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-surface);opacity:.75;max-inline-size:calc(var(--hui-size-touch-target) * 27)}.site-configurator-body{margin-top:var(--hui-space-3);gap:var(--hui-space-3);display:grid}.site-config-controls,.site-config-preview,.site-config-output{border-radius:var(--hui-radius-lg);background-color:var(--hui-color-surface);padding:var(--hui-space-3);color:var(--hui-color-foreground)}.site-config-controls{align-content:flex-start;gap:var(--hui-space-3);display:grid}.site-config-controls h3,.site-config-preview h3,.site-config-output h3{font-size:var(--hui-font-size-md);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold)}.site-config-control-grid{gap:var(--hui-space-4);display:grid}.site-config-control{gap:var(--hui-space-1);--tw-border-style:none;min-inline-size:0;padding:var(--hui-space-0);border-style:none;display:grid}.site-config-control>:where(label,span,legend){font-size:var(--hui-font-size-xs);--tw-font-weight:var(--hui-font-weight-bold);font-weight:var(--hui-font-weight-bold);color:var(--hui-color-foreground-muted)}.site-config-control hui-radio-group{gap:var(--hui-space-1);flex-flow:wrap;display:flex}.site-config-control hui-radio[as=button] button[role=radio]{min-height:var(--hui-size-touch-target);border-style:var(--tw-border-style);border-width:var(--hui-border-none);--tw-border-style:none;padding-inline:var(--hui-space-2);font-size:var(--hui-font-size-sm);color:var(--hui-color-foreground-muted);background-color:#0000;border-style:none}.site-config-control hui-radio[as=button] button[role=radio]:hover{background-color:var(--hui-color-background);color:var(--hui-color-interactive)}.site-config-control hui-radio[as=button][data-state=checked] button[role=radio]{background-color:var(--hui-color-interactive);color:var(--hui-color-interactive-contrast)}.site-config-preview{gap:var(--hui-space-3);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-background-raised);display:grid}.site-config-preview-stage{min-height:var(--hui-size-touch-target);justify-content:center;align-items:center;gap:var(--hui-space-3);min-block-size:calc(var(--hui-size-touch-target) * 10);display:flex}.site-config-preview-stage>:where(hui-checkbox,hui-switch,hui-radio-group,hui-select,hui-tabs,hui-accordion,hui-dialog,hui-menu),.site-config-preview-stage>.hui-studio-surface{max-inline-size:100%}.hui-studio-surface{gap:var(--hui-space-3);padding:var(--hui-space-6);inline-size:min(100%, calc(var(--hui-size-touch-target) * 28));background:var(--hui-color-background);border:var(--hui-border-width-thin) solid var(--hui-color-border);border-radius:var(--hui-radius-md);display:grid}.hui-studio-surface>:where(hui-tabs,hui-accordion,hui-dialog,hui-menu){max-inline-size:100%}.hui-studio-surface[data-radius=sm]{border-radius:var(--hui-radius-sm)}.hui-studio-surface[data-radius=md]{border-radius:var(--hui-radius-md)}.hui-studio-surface[data-radius=lg]{border-radius:var(--hui-radius-lg)}.hui-studio-surface[data-radius=xl]{border-radius:var(--hui-radius-xl)}.hui-studio-surface[data-elevation=none]{--tw-shadow:var(--hui-shadow-none);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hui-studio-surface[data-elevation=sm]{--tw-shadow:var(--hui-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hui-studio-surface[data-elevation=md]{--tw-shadow:var(--hui-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hui-studio-surface[data-elevation=lg]{--tw-shadow:var(--hui-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hui-studio-surface[data-surface=background]{background-color:var(--hui-color-background)}.hui-studio-surface[data-surface=raised]{background-color:var(--hui-color-background-raised)}.site-config-preview-stage>:where(hui-radio-group,hui-checkbox-group){inline-size:100%}.site-config-output{gap:var(--hui-space-3);display:grid}.site-config-token-summary{gap:var(--hui-space-2);flex-wrap:wrap;display:flex}.site-config-token{align-items:center;gap:var(--hui-space-1);border-color:var(--hui-color-border);padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);color:var(--hui-color-foreground);border-block-start:var(--hui-border-width-thin) solid var(--hui-color-border);border-radius:var(--hui-radius-none);display:inline-flex}.site-config-token-label{font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);color:var(--hui-color-foreground-muted)}.site-config-token-value{font-size:var(--hui-font-size-sm);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold)}.site-code-tabs{gap:var(--hui-space-3);display:grid}.site-code-tabs hui-tabs-list{gap:var(--hui-space-1)}.site-code-tabs>hui-tabs-list hui-tabs-tab{padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);font-size:var(--hui-font-size-sm);color:var(--hui-color-foreground-muted)}.site-code-tabs>hui-tabs-list hui-tabs-tab[data-state=active]{--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-interactive)}.site-code-tab{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--hui-border-width-thin);padding-inline:var(--hui-space-2);padding-block:var(--hui-space-1);font-size:var(--hui-font-size-sm);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold);color:var(--hui-color-foreground-muted);cursor:pointer;border-color:#0000}.site-config-output pre{border-radius:var(--hui-radius-md);background-color:var(--hui-color-foreground);padding:var(--hui-space-3);font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-surface);min-block-size:calc(var(--hui-size-touch-target) * 8);overflow-wrap:anywhere;white-space:pre-wrap;overflow-x:auto}.site-config-output pre>syntax-highlight,.site-config-output pre>code>syntax-highlight,.site-install-card pre>syntax-highlight{color:inherit;font:inherit;line-height:inherit;white-space:inherit;background-color:#0000;display:block;overflow:visible}.site-config-output code{color:var(--hui-color-surface)}.site-config-meta{justify-content:space-between}.site-config-meta span{font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);color:var(--hui-color-foreground-muted)}.site-configurator .site-button-secondary{background-color:var(--hui-color-surface);color:var(--hui-color-foreground)}.site-configurator .site-button-secondary:hover{border-color:var(--hui-color-interactive);color:var(--hui-color-interactive)}.site-install{gap:var(--hui-space-4);display:grid}.site-install-card{gap:var(--hui-space-3);border-radius:var(--hui-radius-lg);border-style:var(--tw-border-style);border-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);background-color:var(--hui-color-surface);padding:var(--hui-space-3);--tw-shadow:var(--hui-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:grid}.site-install-card pre{border-radius:var(--hui-radius-md);background-color:var(--hui-color-foreground);padding:var(--hui-space-3);font-family:var(--hui-font-family-mono);font-size:var(--hui-font-size-xs);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-surface);overflow-wrap:anywhere;white-space:pre-wrap;overflow-x:auto}.site-install-card code{color:var(--hui-color-surface)}.site-install-aside{align-content:flex-start;gap:var(--hui-space-3);display:grid}.site-install-aside h3{font-size:var(--hui-font-size-lg);--tw-font-weight:var(--hui-font-weight-semibold);font-weight:var(--hui-font-weight-semibold)}.site-install-aside p{font-size:var(--hui-font-size-sm);--tw-leading:var(--hui-line-height-relaxed);line-height:var(--hui-line-height-relaxed);color:var(--hui-color-foreground-muted)}.site-footer{justify-content:space-between;align-items:center;gap:var(--hui-space-3);border-top-style:var(--tw-border-style);border-top-width:var(--hui-border-width-thin);border-color:var(--hui-color-border);padding-inline:var(--hui-space-4);padding-block:var(--hui-space-6);flex-wrap:wrap;display:flex}.site-footer p{font-size:var(--hui-font-size-xs);color:var(--hui-color-foreground-muted)}@media (min-width:40rem){.site-wordmark-subtitle,.site-topnav,.site-header-actions .site-button-secondary,.site-section-meta .site-text-link{display:inline-flex}.site-mobile-nav{display:none}.site-topbar,.site-hero,.site-section{padding-inline:var(--hui-space-6)}.site-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-principles{grid-template-columns:repeat(3,minmax(0,1fr))}.site-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-configurator-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.site-config-controls{grid-area:1/1/span 2}.site-config-preview{grid-area:1/2}.site-config-output{grid-area:2/2}.site-install{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:flex-start}.site-footer{padding-inline:var(--hui-space-6)}}@media (min-width:64rem){.site-hero,.site-section{padding-inline:var(--hui-space-8)}.site-component-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-lab-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding-inline:var(--hui-space-8)}}@media (prefers-reduced-motion:reduce){:where(html){scroll-behavior:auto}.site-button,.site-principle,.site-component-card{transition-property:none}.site-principle:hover,.site-component-card:hover{transform:none}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}