/*! tailwindcss v4.3.0 | 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)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-tracking: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-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:var(--surface);--color-surface-alt:var(--surface-alt);--color-surface-inverse:var(--surface-inverse);--color-text:var(--text);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-inverse:var(--text-inverse);--color-border:var(--border);--color-shadow:var(--shadow-color);--color-success:var(--success);--color-warning:var(--warning);--color-info:var(--info)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.right-\[var\(--space-2\)\]{right:var(--space-2)}.left-\[var\(--space-2\)\]{left:var(--space-2)}.col-span-full{grid-column:1/-1}.float-none{float:none}.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-0{margin:calc(var(--spacing) * 0)}.mx-\[var\(--space-half\)\]{margin-inline:var(--space-half)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-\[var\(--space-2\)\]{margin-top:var(--space-2)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-\[var\(--space-1\)\]{margin-bottom:var(--space-1)}.mb-\[var\(--space-half\)\]{margin-bottom:var(--space-half)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-full{height:100%}.max-h-32{max-height:calc(var(--spacing) * 32)}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-\[400px\]{max-width:400px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-\[var\(--space-4\)\]{scroll-margin-top:var(--space-4)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(280px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[var\(--space-1\)\]{gap:var(--space-1)}.gap-\[var\(--space-2\)\]{gap:var(--space-2)}.gap-\[var\(--space-3\)\]{gap:var(--space-3)}.gap-\[var\(--space-4\)\]{gap:var(--space-4)}.gap-\[var\(--space-half\)\]{gap:var(--space-half)}.self-center{align-self:center}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.border-\[var\(--card-border-color\,var\(--border\)\)\]{border-color:var(--card-border-color,var(--border))}.border-border{border-color:var(--color-border)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface-alt\)\]{background-color:var(--surface-alt)}.bg-\[var\(--surface-inverse\)\]{background-color:var(--surface-inverse)}.bg-border{background-color:var(--color-border)}.bg-surface{background-color:var(--color-surface)}.bg-surface-alt{background-color:var(--color-surface-alt)}.bg-surface-inverse\/15{background-color:var(--color-surface-inverse)}@supports (color:color-mix(in lab,red,red)){.bg-surface-inverse\/15{background-color:color-mix(in oklab,var(--color-surface-inverse) 15%,transparent)}}.fill-surface-inverse{fill:var(--color-surface-inverse)}.fill-text-inverse{fill:var(--color-text-inverse)}.p-0{padding:calc(var(--spacing) * 0)}.p-\[var\(--space-1\)\]{padding:var(--space-1)}.p-\[var\(--space-2\)\]{padding:var(--space-2)}.p-\[var\(--space-3\)\]{padding:var(--space-3)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-\[var\(--space-2\)\]{padding-inline:var(--space-2)}.px-\[var\(--space-3\)\]{padding-inline:var(--space-3)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-\[var\(--space-1\)\]{padding-block:var(--space-1)}.py-\[var\(--space-2\)\]{padding-block:var(--space-2)}.py-\[var\(--space-half\)\]{padding-block:var(--space-half)}.pt-\[var\(--space-2\)\]{padding-top:var(--space-2)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[font-size\:var\(--toggle-icon-size\)\]{font-size:var(--toggle-icon-size)}.text-\[10px\],.text-\[length\:10px\]{font-size:10px}.text-\[length\:var\(--font-size-sm\)\]{font-size:var(--font-size-sm)}.text-\[length\:var\(--font-size-xs\)\]{font-size:var(--font-size-xs)}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--text-inverse\)\]{color:var(--text-inverse)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--toggle-icon-color\)\]{color:var(--toggle-icon-color)}.text-\[var\(--toggle-icon-size\)\]{color:var(--toggle-icon-size)}.text-shadow{color:var(--color-shadow)}.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.text-text-secondary{color:var(--color-text-secondary)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.accent-info{accent-color:var(--color-info)}.accent-success{accent-color:var(--color-success)}.accent-warning{accent-color:var(--color-warning)}.opacity-60{opacity:.6}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow,.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.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));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:text-text:hover{color:var(--color-text)}}@container (min-width:24rem){.\@sm\:block{display:block}.\@sm\:flex{display:flex}.\@sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@sm\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}}@container (min-width:28rem){.\@md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@md\:grid-cols-\[var\(--branding-grid-width\)_1fr\]{grid-template-columns:var(--branding-grid-width) 1fr}.\@md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.\@md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}}html[data-design-theme=style-guide]{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--rose:#e20613;--rose-light:#e2061314;--orange:#c27a00;--orange-light:#c27a0014;--amber:#c27a00;--amber-light:#c27a0014;--lime:#1a8a3f;--lime-light:#1a8a3f14;--emerald:#1a8a3f;--emerald-light:#1a8a3f14;--teal:#0047ab;--teal-light:#0047ab14;--cyan:#0047ab;--cyan-light:#0047ab14;--sky:#0047ab;--sky-light:#0047ab14;--indigo:#0047ab;--indigo-light:#0047ab14;--violet:#0047ab;--violet-light:#0047ab14;--purple:#0047ab;--purple-light:#0047ab14;--fuchsia:#e20613;--fuchsia-light:#e2061314;--pink:#e20613;--pink-light:#e2061314;--size-border-thin:1px;--size-border-thick:2px;--size-border-heavy:3px;--size-border-extra-heavy:4px;--size-border-medium:1.5px;--size-border-accent:5px;--size-md-sm:14px;--size-2xs:10px;--size-space-1-mid:12px;--size-space-2:16px;--size-space-2-qtr:18px;--size-xl-lerp:24px;--size-dot:6px;--size-icon-sm:18px;--size-action:28px;--space-7:56px;--space-9:72px;--space-11:88px;--space-15:120px;--space-18:144px;--space-25:200px;--space-30:240px;--space-32:256px;--space-35:280px;--space-37:296px;--space-48:384px;--space-52:416px;--space-60:480px;--space-64:512px;--space-80:640px;--space-90:720px;--space-96:768px;--space-108:864px;--space-112:896px;--space-128:1024px;--space-144:1152px;--space-150:1200px;--space-160:1280px;--space-0-mid:4px;--space-1-mid:12px;--space-2-mid:20px;--space-4-mid:36px;--space-5-mid:44px;--space-7-mid:60px;--space-32-mid:260px;--space-37-mid:300px;--space-52-mid:420px;--line-height-base:1.5;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-heading:1.2;--line-height-compact:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.02em;--letter-spacing-wide:.05em;--letter-spacing-wider:.08em;--letter-spacing-snug:-.01em;--letter-spacing-label:.06em;--letter-spacing-widest:.1em;--radius-none:0%;--radius-xl:50%;--radius-circle:50%;--border-thin:var(--size-border-thin);--border-thick:var(--size-border-thick);--border-heavy:var(--size-border-heavy);--border-control:var(--size-border-medium);--border-accent:var(--size-border-accent);--accent-width:var(--space-1);--transition-fast:.1s;--transition-base:.15s;--transition-slow:.3s;--transition-medium:.22s;--overlay-highlight:#ffffff38;--overlay-shadow:#0000002e;--overlay-backdrop:#0006;--shadow-elevation:0 var(--space-1) var(--space-3) var(--shadow-color),0 var(--space-half) var(--space-2) var(--shadow-color);--shadow-sm:0 var(--space-quarter) var(--border-heavy) #00000040;--shadow-inset:inset 0 var(--space-quarter) var(--space-half) #0000000f;--shadow-overlay:0 var(--space-1) var(--space-4) #0000002e,0 var(--space-half) var(--space-1) #0000001a;--shadow-toast:0 var(--space-half) var(--space-1) #00000059;--shadow-control:inset 0 var(--size-border-thin) var(--border-heavy) #0000000a;--shadow-thumb:0 var(--size-border-thin) var(--size-border-extra-heavy) #0000002e,0 var(--size-border-thin) var(--size-border-thick) #0000001a;--shadow-panel:0 var(--space-1) var(--space-4) var(--shadow-color),0 var(--space-half) var(--space-1) #0000000f,0 0 var(--size-border-thin) #0000000f;--shadow-dialog:0 var(--space-3) var(--space-8) #0000002e,0 var(--space-1) var(--space-4) var(--shadow-color),0 0 var(--size-border-thick) #0000000f;--shadow-floating:0 var(--space-half) var(--space-3) #0000001f,0 var(--size-border-thin) var(--size-dot) #00000014;--opacity-muted:.45;--opacity-subtle:.55;--opacity-soft:.75;--opacity-disabled:.4;--opacity-faint:.3;--z-chrome:300;--z-panel:200;--z-dropdown:50;--z-overlay:100;--z-dialog:101;--z-floating:90;--on-semantic-color:var(--white);--control-height:var(--space-5);--navbar-height:var(--space-7);--dropdown-max-height:var(--space-25);--popover-min-width:var(--space-25);--sidebar-width:var(--space-30);--url-bar-max-width:var(--space-30);--aside-width:var(--space-32-mid);--card-min-width:var(--space-35);--dialog-width:var(--space-52-mid);--prose-max-width:var(--space-60);--micro-label-font-family:var(--font-mono);--micro-label-font-size:var(--font-size-xs);--micro-label-font-weight:var(--font-weight-bold);--micro-label-letter-spacing:var(--letter-spacing-wider);--micro-label-text-transform:uppercase;--micro-label-color:var(--gray-500);--font-sans:"Space Grotesk",sans-serif;--font-mono:"IBM Plex Mono",monospace;--font-display:"Space Grotesk",sans-serif;--font-body:"Space Grotesk",sans-serif;--font-decorative:"Space Grotesk",sans-serif;--size-xs:11px;--size-sm:13px;--size-md:16px;--size-lg:20px;--size-xl:28px;--font-size-2xs:9px;--font-size-xs:var(--size-xs);--font-size-sm:var(--size-sm);--font-size-md:var(--size-md);--font-size-lg:var(--size-lg);--font-size-xl:var(--size-xl);--font-size-2xl:36px;--font-size-3xl:44px;--font-size-display:52px;--font-size-base:var(--size-md);--success:#1a8a3f;--success-tint:#1a8a3f1a;--warning:#c27a00;--warning-tint:#c27a001a;--error:#c41a1a;--error-tint:#c41a1a1a;--info:#0047ab;--info-tint:#0047ab1a;--semantic-danger-accent:#e20613;--semantic-danger-background:#e206130f;--semantic-danger-color:#c41a1a;--semantic-warning-accent:#c27a00;--semantic-warning-background:#c27a000f;--semantic-warning-color:#c27a00;--semantic-success-accent:#1a8a3f;--semantic-success-background:#1a8a3f0f;--semantic-success-color:#1a8a3f;--semantic-info-accent:#0047ab;--semantic-info-background:#0047ab0f;--semantic-info-color:#0047ab;--semantic-primary-accent:#000;--semantic-primary-background:#0000000a;--semantic-primary-color:#000;--semantic-brand-accent:#e20613;--semantic-brand-background:#e206130f;--semantic-brand-color:#e20613;--base-font-size:16px;--base-line-height:1.5;--base-font-family:var(--font-sans);--base-font-color:var(--text,var(--black));--base-background:var(--surface,var(--white));--bg:var(--surface,var(--white));--card-grid-gap:var(--space-2);--card-grid-min-width:var(--card-min-width);--card-border-width:var(--border-thin);--card-border-style:solid;--card-border:var(--card-border-width) var(--card-border-style) var(--card-border-color);--card-border-width-accent:var(--accent-width);--card-padding:var(--space-3);--card-transition:var(--transition-base);--card-header-color:var(--text-secondary);--card-footer-color:var(--text-secondary);--card-hover-background:var(--surface-alt);--card-accent-color:var(--brand-red);--card-filled-background:var(--black);--card-filled-color:var(--text-inverse);--card-filled-hover-background:var(--gray-900);--card-title-font-size:var(--font-size-md);--card-title-font-weight:var(--font-weight-bold);--card-title-letter-spacing:var(--letter-spacing-tight);--card-title-margin-bottom:var(--space-1);--card-title-line-height:var(--line-height-heading);--card-body-padding:var(--space-1) var(--card-padding) var(--space-1) var(--card-padding);--card-body-font-size:var(--font-size-sm);--card-body-color:var(--text-secondary);--card-body-line-height:var(--line-height-relaxed);--card-body-filled-color:var(--text-muted);--card-tag-font-family:var(--font-mono);--card-tag-font-size:var(--font-size-2xs);--card-tag-font-weight:var(--font-weight-medium);--card-tag-padding:var(--space-half) var(--space-1);--card-tag-background:var(--surface-alt);--card-tag-color:var(--gray-700);--card-tag-margin-top:var(--space-2);--card-rounded-radius:var(--radius-md);--card-drop-shadow:var(--shadow-elevation);--card-drop-shadow-color:var(--shadow-color);--card-separator-width:var(--border-thin);--card-separator-color:var(--border);--table-cell-padding:var(--space-2) var(--space-1);--table-header-font-size:var(--micro-label-font-size);--table-header-font-family:var(--micro-label-font-family);--table-header-letter-spacing:var(--letter-spacing-wide);--table-header-border-width:var(--border-thick);--btn-line-height:var(--line-height-compact);--btn-padding-y:var(--space-1);--btn-padding-x:var(--space-2);--btn-border-width:var(--border-thin);--btn-border-style:solid;--btn-transition:var(--transition-base);--btn-rounded-radius:var(--radius-md);--btn-drop-shadow:var(--shadow-elevation);--btn-sm-font-size:var(--space-1-mid);--btn-sm-padding-y:var(--space-half);--btn-sm-padding-x:var(--space-1);--btn-lg-font-size:var(--font-size-md);--btn-lg-padding-y:var(--space-2);--btn-lg-padding-x:var(--space-3);--btn-xl-font-size:var(--size-icon-sm);--btn-xl-padding-y:var(--space-3);--btn-xl-padding-x:var(--space-4);--btn-active-offset:var(--border-thin);--btn-overlay-highlight:var(--overlay-highlight);--btn-overlay-shadow:var(--overlay-shadow);--badge-padding:var(--space-half) var(--space-1);--badge-radius:var(--radius-md);--badge-font-size:var(--font-size-xs);--badge-font-weight:var(--font-weight-semibold);--badge-font-family:var(--font-mono);--badge-line-height:var(--line-height-tight);--badge-count-min-width:var(--size-icon-sm);--badge-count-height:var(--size-icon-sm);--badge-count-padding:0 var(--space-half);--alert-border-width:var(--border-heavy);--alert-gap:var(--space-half);--alert-title-font-weight:var(--font-weight-semibold);--alert-title-font-size:var(--font-size-sm);--alert-title-line-height:var(--line-height-tight);--alert-body-font-size:var(--font-size-sm);--alert-body-line-height:var(--line-height-normal);--toast-gap:var(--space-2);--toast-padding:var(--space-3) var(--space-3);--toast-bg:var(--surface);--toast-bg-success:var(--success-tint);--toast-bg-error:var(--error-tint);--toast-bg-warning:var(--warning-tint);--toast-bg-info:var(--info-tint);--toast-color:var(--text);--toast-color-success:var(--success);--toast-color-error:var(--error);--toast-color-warning:var(--warning);--toast-color-info:var(--info);--toast-font-size:var(--font-size-sm);--toast-font-weight:var(--font-weight-normal);--toast-line-height:var(--line-height-tight);--toast-max-width:var(--prose-max-width);--toast-border-width:var(--border-accent);--toast-shadow:var(--shadow-toast);--toast-dot-size:var(--radius-md);--progress-height:var(--space-1);--progress-height-sm:var(--space-half);--progress-height-lg:var(--radius-md);--progress-radius:var(--radius-none);--progress-transition:width var(--transition-slow) ease;--status-dot-row-gap:var(--size-dot);--status-dot-row-font-size:var(--font-size-sm);--status-dot-size:var(--space-1);--tag-padding:var(--space-half) var(--space-1);--tag-radius:var(--radius);--tag-font-size:var(--font-size-xs);--tag-font-weight:var(--font-weight-medium);--tag-font-family:var(--font-mono);--tag-border-width:var(--border-thin);--field-height:var(--hui-field-height);--field-padding-x:var(--hui-field-padding-x);--field-font-size:var(--hui-field-font-size);--field-bg:var(--hui-field-bg);--field-border-color:var(--hui-field-border);--field-border-hover:var(--hui-field-border-hover);--field-focus-border:var(--hui-field-focus-border);--field-shadow:var(--hui-field-shadow);--field-border-width:var(--hui-field-border-width);--field-transition:border-color var(--transition-base) ease,box-shadow var(--transition-base) ease,background var(--transition-base) ease;--field-focus-ring:0 0 0 var(--hui-focus-ring-width) var(--hui-focus-ring-color);--field-textarea-padding:var(--space-1) var(--space-2);--field-textarea-min-height:var(--space-11);--field-textarea-line-height:var(--line-height-normal);--field-select-padding-right:var(--space-4);--field-validation-bar-width:var(--border-heavy);--field-label-gap:var(--space-half);--field-group-gap:var(--space-1);--field-label-font-size:var(--micro-label-font-size);--field-label-font-weight:var(--micro-label-font-weight);--field-label-letter-spacing:var(--micro-label-letter-spacing);--field-checkbox-font-size:var(--font-size-sm);--field-hint-font-size:var(--font-size-xs);--field-hint-line-height:var(--line-height-tight);--field-hint-margin-top:var(--size-border-thin);--field-hint-margin-left:var(--size-border-thick);--field-char-count-line-height:var(--line-height-tight);--control-size:var(--space-2);--control-border-width:var(--border-control);--control-border-color:var(--border-strong);--control-transition:border-color var(--transition-fast),background var(--transition-fast);--control-shadow:var(--shadow-inset);--control-checked-color:var(--brand-blue);--switch-width:var(--space-4-mid);--switch-height:var(--size-lg);--switch-radius:var(--size-2xs);--switch-transition:background var(--transition-base);--switch-thumb-size:var(--size-md-sm);--switch-thumb-radius:calc(var(--space-1) - var(--border-thin));--switch-thumb-inset:var(--size-border-heavy);--switch-thumb-checked-pos:calc(var(--size-lg) - var(--size-border-thin));--switch-thumb-shadow:var(--shadow-sm);--switch-thumb-transition:left var(--transition-base);--radio-size:var(--space-2);--radio-border-width:var(--border-control);--radio-inner-shadow:inset 0 0 0 var(--size-border-extra-heavy) var(--brand-blue);--shell-navbar-height:var(--navbar-height);--shell-navbar-z-index:var(--z-chrome);--shell-navbar-font-size:var(--font-size-sm);--shell-navbar-border-width:var(--border-thin);--shell-navbar-link-gap:var(--border-thick);--shell-navbar-link-padding:var(--space-half) var(--space-1);--shell-navbar-link-font-size:var(--font-size-sm);--shell-navbar-link-radius:var(--radius);--shell-navbar-link-transition:opacity var(--transition-fast),background var(--transition-fast);--shell-navbar-link-opacity:var(--opacity-soft);--shell-navbar-link-active-weight:var(--font-weight-semibold);--shell-navbar-action-size:var(--size-action);--shell-navbar-action-font-size:var(--font-size-sm);--shell-navbar-action-radius:var(--radius);--shell-navbar-action-transition:background var(--transition-fast);--shell-navbar-dismiss-padding:var(--space-half) var(--space-1);--shell-navbar-dismiss-font-size:var(--font-size-xs);--shell-navbar-dismiss-radius:var(--radius);--shell-navbar-dismiss-transition:background var(--transition-fast);--shell-sidebar-width:var(--sidebar-width);--shell-sidebar-z-index:var(--z-panel);--shell-sidebar-border-width:var(--border-thin);--shell-sidebar-section-font-size:var(--micro-label-font-size);--shell-sidebar-section-letter-spacing:var(--micro-label-letter-spacing);--shell-sidebar-section-opacity:var(--opacity-muted);--shell-sidebar-item-gap:var(--space-1);--shell-sidebar-item-padding:var(--space-1) var(--space-3);--shell-sidebar-item-font-size:var(--font-size-sm);--shell-sidebar-item-transition:background var(--transition-fast);--shell-sidebar-item-active-weight:var(--font-weight-semibold);--shell-sidebar-glyph-size:var(--size-icon-sm);--shell-sidebar-glyph-font-size:var(--font-size-sm);--shell-sidebar-divider-width:var(--border-thin);--shell-aside-width:var(--aside-width);--shell-aside-z-index:var(--z-panel);--shell-aside-border-width:var(--border-thin);--shell-aside-section-font-size:var(--font-size-xs);--shell-aside-section-letter-spacing:var(--letter-spacing-wide);--shell-aside-section-opacity:var(--opacity-muted);--shell-aside-row-padding:var(--space-1) var(--space-3);--shell-aside-row-font-size:var(--font-size-sm);--shell-aside-row-border-width:var(--border-thin);--shell-aside-meta-font-size:var(--font-size-xs);--shell-aside-meta-opacity:var(--opacity-subtle);--shell-footer-height:var(--space-4);--shell-footer-z-index:var(--z-chrome);--shell-footer-font-size:var(--font-size-xs);--shell-footer-border-width:var(--border-thin);--shell-footer-dot-size:var(--size-dot);--shell-footer-dot-opacity:var(--opacity-faint);--screen-frame-radius:var(--space-1);--screen-frame-shadow:var(--shadow-overlay);--screen-frame-border-width:var(--border-thin);--screen-titlebar-gap:var(--size-dot);--screen-titlebar-padding:var(--space-1) var(--space-2);--screen-titlebar-font-size:var(--font-size-xs);--screen-dots-gap:var(--space-half);--screen-dot-size:var(--font-size-2xs);--screen-dot-close:#ff5f56;--screen-dot-minimize:#ffbd2e;--screen-dot-maximize:#27c93f;--screen-url-padding:var(--space-half) var(--space-1);--screen-url-radius:var(--space-half);--screen-url-max-width:var(--url-bar-max-width);--screen-url-border-width:var(--border-thin);--sg-border:var(--border-thin) solid var(--border);--sg-screen-url-max-width:var(--space-37-mid);--sg-screen-body-min-height:var(--space-25);--sg-screen-shadow:var(--size-dot) var(--size-dot) 0 var(--gray-200);--sg-section-number-padding:var(--border-heavy) var(--space-1);--sg-section-number-letter-spacing:var(--micro-label-letter-spacing);--sg-section-title-font-size:var(--font-size-lg);--sg-principle-label-width:var(--space-9);--sg-description-max-width:var(--prose-max-width);--sg-hairline:var(--border-thick);--sg-group-content-padding:var(--border-thick) var(--size-dot);--sg-group-content-gap:var(--border-thick);--sg-group-item-margin-right:var(--space-half);--sg-bar-height:var(--size-lg);--sg-bar-min-width:var(--space-half);--sg-bar-radius:var(--radius);--sg-bar-label-font-size:var(--micro-label-font-size);--sg-spacing-label-width:var(--space-10);--sg-spacing-value-width:var(--space-7-mid);--sg-spacing-gap:var(--size-dot);--sg-principles-font-size:var(--font-size-sm);--sg-principles-line-height:var(--line-height-relaxed);--sg-diagram-min-height:var(--space-15);--sg-diagram-gutter-width:var(--space-5);--sg-diagram-hatch-width:var(--border-thick);--sg-diagram-hatch-gap:var(--space-1);--sg-diagram-annotation-font-size:var(--space-1);--sg-diagram-padding-height:var(--space-2);--sg-diagram-padding-height-sm:var(--space-1);--sg-diagram-detail-font-size:var(--font-size-sm);--sg-diagram-detail-font-weight:var(--font-weight-semibold);--sg-diagram-note-font-size:var(--micro-label-font-size);--branding-logo-font-size:28px;--branding-logo-font-weight:700;--branding-logo-letter-spacing:-.04em;--branding-logo-text-transform:none;--branding-logo-bg:var(--white);--branding-border:2px solid var(--black);--branding-grid-width:var(--card-min-width);--branding-logo-max-width:var(--space-20);--branding-logo-max-height:var(--space-15);--branding-placeholder-width:var(--space-15);--branding-placeholder-height:var(--space-10);--branding-placeholder-border:var(--border-thick) dashed var(--border-strong);--branding-name-font-size:var(--space-2-mid);--branding-name-font-weight:var(--font-weight-bold);--branding-name-letter-spacing:var(--letter-spacing-tight);--branding-name-border:var(--card-border);--branding-field-label-font-size:var(--micro-label-font-size);--branding-field-label-font-weight:var(--micro-label-font-weight);--branding-field-label-letter-spacing:var(--letter-spacing-wide);--branding-field-value-font-size:var(--font-size-sm);--branding-field-value-line-height:var(--line-height-relaxed);--branding-field-value-color:var(--text-secondary);--branding-keyword-font-size:var(--micro-label-font-size);--branding-keyword-font-weight:var(--micro-label-font-weight);--branding-keyword-letter-spacing:var(--micro-label-letter-spacing);--branding-keyword-color:var(--text-secondary);--branding-keyword-padding:var(--border-heavy) var(--font-size-2xs);--branding-keyword-border:var(--border-thin) solid var(--border-strong);--branding-keyword-gap:var(--space-half);--branding-keyword-margin-top:var(--space-half);--branding-logo-padding:0;--branding-logo-border-radius:var(--radius);--hr-height:var(--border-thin);--hr-thick:var(--border-thick);--hr-heavy:var(--border-heavy);--hr-glow-blur:.3px;--hr-overline-length:var(--space-6);--token-grid-min-width:var(--space-37-mid);--token-grid-gap:var(--space-2);--token-card-background:var(--surface);--token-card-border:var(--border-thin) solid var(--border);--token-card-padding:var(--space-3);--token-card-title-font-size:var(--micro-label-font-size);--token-card-title-font-weight:var(--micro-label-font-weight);--token-card-title-text-transform:var(--micro-label-text-transform);--token-card-title-letter-spacing:var(--micro-label-letter-spacing);--token-card-title-color:var(--base-font-color);--token-card-title-margin-bottom:var(--space-2);--token-card-title-padding-bottom:var(--space-1);--token-card-title-border-bottom:var(--border-thin) solid var(--border);--token-row-padding:var(--border-heavy) 0;--token-row-font-family:var(--font-mono);--token-row-font-size:var(--font-size-xs);--token-row-gap:var(--space-1);--token-name-color:var(--gray-500);--token-value-color:var(--base-font-color);--token-value-font-weight:var(--font-weight-medium);--token-preview-color-size:var(--size-space-2);--token-preview-color-border:var(--border-thin) solid var(--border);--token-preview-font-size:var(--font-size-sm);--token-preview-space-max-width:var(--space-6);--token-preview-space-max-height:var(--space-2);--token-preview-radius-size:var(--space-3);--token-preview-radius-border:var(--border-thick) solid var(--token-value-color);--font-size-base-lerp:16px;--font-size-xs-lerp:11px;--font-size-sm-lerp:13px;--font-size-md-lerp:16px;--font-size-lg-lerp:20px;--font-size-xl-lerp:24px;--font-size-2xl-lerp:32px;--font-size-3xl-lerp:40px;--font-size-display-lerp:56px;--gray-100-lerp:#ededed;--toggle-icon-collapsed:"▶";--toggle-icon-expanded:"▼";--toggle-icon-size:var(--font-size-2xs);--toggle-icon-color:var(--gray-400);--toggle-transition:var(--transition-base) ease;--collapse-section-height:var(--space-16);--collapse-subsection-height:var(--space-8);--fieldset-legend-padding:var(--size-dot);--fieldset-legend-margin-bottom:var(--border-thick);--fieldset-border-width:var(--border-thin);--hui-control-size:var(--size-lg);--hui-checkbox-radius:var(--border-heavy);--hui-switch-track-width:var(--space-5-mid);--hui-switch-track-height:var(--space-3);--hui-switch-track-radius:var(--radius-md);--hui-switch-thumb-size:var(--size-space-2-qtr);--hui-switch-thumb-bg:var(--white);--hui-radio-option-padding-y:var(--size-dot);--hui-radio-option-padding-x:var(--font-size-2xs);--hui-radio-dot-size:var(--size-space-2);--hui-control-gap:var(--space-1);--hui-control-border-width:var(--size-border-medium);--hui-control-transition:background var(--transition-base) ease,border-color var(--transition-base) ease;--hui-control-label-color:var(--text-secondary);--hui-switch-gap:var(--space-3);--hui-switch-thumb-radius:var(--radius-circle);--hui-switch-thumb-inset:var(--border-heavy);--hui-switch-thumb-transition:left var(--transition-medium) cubic-bezier(.4,0,.2,1);--hui-switch-track-transition:background var(--transition-medium) ease;--hui-radio-border-width:var(--border-thin);--hui-radio-transition:border-color var(--transition-base) ease,background var(--transition-base) ease;--hui-radio-dot-radius:var(--radius-circle);--hui-radio-dot-inner-size:calc(var(--space-1) - var(--border-thin));--hui-radio-dot-inner-radius:var(--radius-circle);--hui-trigger-padding-y:var(--space-1);--hui-trigger-padding-x:var(--size-space-1-mid);--hui-trigger-font-size:var(--font-size-sm);--hui-trigger-font-weight:var(--font-weight-medium);--hui-trigger-gap:var(--size-dot);--hui-trigger-border-width:var(--border-thin);--hui-trigger-transition:border-color var(--transition-base) ease,background var(--transition-base) ease;--hui-panel-padding:var(--size-dot);--hui-panel-margin-top:var(--size-dot);--hui-panel-item-padding-y:var(--space-1);--hui-panel-item-padding-x:var(--font-size-2xs);--hui-panel-item-font-size:var(--font-size-sm);--hui-panel-item-color:var(--text);--hui-popover-padding:var(--space-3);--hui-panel-border-width:var(--border-thin);--hui-panel-z-index:var(--z-dropdown);--hui-panel-item-gap:var(--space-1);--hui-panel-item-radius-inset:var(--border-thick);--hui-panel-item-transition:background var(--transition-fast) ease,color var(--transition-fast) ease;--hui-panel-item-disabled-opacity:var(--opacity-disabled);--hui-panel-item-selected-weight:var(--font-weight-semibold);--hui-panel-sep-height:var(--border-thin);--hui-panel-sep-margin-y:var(--space-half);--hui-panel-max-height:var(--dropdown-max-height);--hui-menu-min-width:var(--space-20);--hui-popover-min-width:var(--popover-min-width);--hui-combo-icon-area:var(--space-4-mid);--hui-tab-padding-y:var(--font-size-2xs);--hui-tab-padding-x:var(--size-space-2);--hui-tab-font-size:var(--font-size-sm);--hui-tab-font-weight:var(--font-weight-medium);--hui-tab-font-weight-selected:var(--font-weight-semibold);--hui-tab-panel-color:var(--text-secondary);--hui-tab-indicator-width:var(--border-thick);--hui-tab-indicator-offset:calc(-1 * var(--border-thin));--hui-tab-transition:color var(--transition-base) ease,border-color var(--transition-base) ease;--hui-tab-list-border-width:var(--border-thin);--hui-disclosure-padding-y:var(--font-size-2xs);--hui-disclosure-padding-x:var(--size-md-sm);--hui-disclosure-font-size:var(--font-size-sm);--hui-disclosure-font-weight:var(--font-weight-medium);--hui-disclosure-border-width:var(--border-thin);--hui-disclosure-transition:background var(--transition-base) ease;--hui-disclosure-chevron-size:var(--size-md-sm);--hui-disclosure-chevron-transition:transform var(--transition-medium) cubic-bezier(.4,0,.2,1);--hui-disclosure-panel-line-height:var(--line-height-relaxed);--hui-field-height:var(--control-height);--hui-field-padding-x:var(--size-space-1-mid);--hui-field-font-size:var(--font-size-sm);--hui-field-border-width:var(--border-thin);--hui-field-transition:border-color var(--transition-base) ease,box-shadow var(--transition-base) ease;--hui-field-icon-area:var(--space-4);--hui-field-chevron-color:var(--gray-400);--hui-field-chevron-size:var(--size-dot);--hui-field-chevron-border-width:var(--size-border-medium);--hui-field-chevron-offset:var(--size-space-1-mid);--hui-label-font-size:var(--font-size-xs);--hui-label-font-weight:var(--font-weight-semibold);--hui-label-letter-spacing:var(--letter-spacing-label);--hui-label-color:var(--text-muted);--hui-description-font-size:var(--font-size-xs);--hui-description-color:var(--text-muted);--hui-textarea-resize:none;--hui-dialog-padding:var(--space-4);--hui-dialog-max-width:var(--dialog-width);--hui-dialog-backdrop-z-index:var(--z-overlay);--hui-dialog-z-index:var(--z-dialog);--hui-dialog-positioner-padding:var(--space-4);--hui-dialog-title-weight:var(--font-weight-bold);--hui-dialog-body-line-height:var(--line-height-relaxed);--hui-showcase-cell-padding:var(--space-3);--hui-showcase-cell-min-height:140px;--hui-showcase-border-width:var(--border-thin);--hui-showcase-accent-width:var(--border-heavy);--hui-showcase-grid-gap:var(--border-thin);--hui-showcase-label-font-size:var(--font-size-2xs);--hui-showcase-label-weight:var(--font-weight-bold);--hui-showcase-label-letter-spacing:var(--letter-spacing-wider);--hui-showcase-label-padding-bottom:var(--font-size-2xs);--hui-showcase-label-border-width:var(--border-thin);--code-bg:var(--gray-900);--code-text:var(--gray-100);--code-border:var(--gray-700);--code-keyword:var(--brand-blue);--code-string:var(--success);--code-comment:var(--gray-500);--code-function:var(--amber);--code-number:var(--brand-red);--code-line-number:var(--gray-600);--terminal-bg:var(--gray-900);--terminal-text:var(--gray-100);--terminal-border:var(--gray-700);--terminal-title-bar-bg:var(--gray-800);--terminal-prompt:var(--success);--terminal-command:var(--gray-100);--terminal-output:var(--gray-400);--terminal-success:var(--success);--terminal-error:var(--error);--terminal-warning:var(--warning);--card-accent-side:left;--card-background:var(--white);--card-border-color:var(--gray-200);--card-header-background:var(--gray-50);--card-footer-background:var(--gray-50);--card-footer-font-size:11px;--btn-font-family:var(--font-sans);--btn-font-weight:700;--btn-font-size:13px;--btn-letter-spacing:.04em;--btn-background:var(--black);--btn-color:var(--white);--btn-border-color:transparent;--btn-hover-background:var(--gray-800);--btn-hover-border-color:transparent;--btn-outline-background:transparent;--btn-outline-color:var(--black);--btn-outline-hover-background:var(--gray-50);--sg-section-title-font-family:var(--font-sans);--sg-section-title-text-transform:uppercase;--sg-section-title-letter-spacing:.04em;--sg-section-title-color:var(--text);--sg-section-number-bg:var(--black);--sg-section-number-border:none;--sg-section-number-color:var(--white);--sg-section-number-radius:0;--sg-section-desc-font-family:var(--font-mono);--sg-section-desc-color:var(--text-muted);--sg-type-specimen-bg:var(--gray-50);--sg-type-specimen-border:1px solid var(--gray-200);--sg-type-specimen-border-bottom:2px solid var(--black);--sg-type-specimen-radius:0;--sg-type-specimen-padding:var(--space-3);--sg-type-specimen-margin:0 0 var(--space-3) 0;--sg-type-specimen-name-color:var(--black);--sg-type-specimen-name-font:var(--font-sans);--hr-section-height:8px;--hr-section-color:none;--hr-subsection-color:var(--gray-200);--hr-subsection-height:1px;--hr-accent-color:var(--red);--hui-focus-ring-color:#e206134d;--hui-focus-ring-width:2px;--hui-control-color:var(--black);--hui-control-bg:var(--white);--hui-control-border:var(--gray-300);--hui-control-shadow:none;--hui-switch-track-on-bg:var(--black);--hui-switch-track-off-bg:var(--gray-300);--hui-switch-thumb-shadow:none;--hui-radio-option-border:var(--gray-200);--hui-radio-option-border-active:var(--black);--hui-radio-option-bg-active:#00000008;--hui-trigger-bg:var(--white);--hui-trigger-border:var(--gray-300);--hui-trigger-border-hover:var(--black);--hui-trigger-color:var(--black);--hui-panel-bg:var(--white);--hui-panel-border:var(--gray-200);--hui-panel-shadow:4px 4px 0 var(--black);--hui-panel-item-active-bg:var(--gray-50);--hui-panel-item-active-color:var(--black);--hui-panel-sep-color:var(--gray-200);--hui-tab-color:var(--gray-400);--hui-tab-color-selected:var(--black);--hui-tab-color-hover:var(--gray-700);--hui-tab-border-selected:var(--black);--hui-tab-list-border:var(--gray-200);--hui-disclosure-bg:var(--gray-50);--hui-disclosure-bg-hover:var(--gray-100);--hui-disclosure-border:var(--gray-200);--hui-disclosure-color:var(--black);--hui-disclosure-panel-bg:var(--white);--hui-disclosure-panel-color:var(--gray-700);--hui-disclosure-chevron-color:var(--gray-400);--hui-field-bg:var(--white);--hui-field-border:var(--gray-300);--hui-field-border-hover:var(--gray-500);--hui-field-focus-border:var(--black);--hui-field-color:var(--black);--hui-field-shadow:none;--hui-combo-placeholder-color:var(--gray-400);--hui-combo-btn-color:var(--gray-400);--hui-dialog-bg:var(--white);--hui-dialog-shadow:8px 8px 0 var(--black);--hui-dialog-title-color:var(--black);--hui-dialog-body-color:var(--gray-700);--hui-dialog-backdrop:#00000080;--hui-showcase-accent:var(--red);--hui-showcase-bg:var(--gray-50);--hui-showcase-border:var(--gray-200);--hui-showcase-cell-bg:var(--white);--hui-showcase-cell-border:var(--gray-200);--hui-showcase-label-color:var(--gray-400);--white:#fff;--off-white:#fafafa;--gray-50:#f5f5f5;--gray-100:#eee;--gray-200:#e0e0e0;--gray-300:#bdbdbd;--gray-400:#9e9e9e;--gray-500:#757575;--gray-600:#616161;--gray-700:#424242;--gray-800:#212121;--gray-900:#121212;--black:#000;--red:#e20613;--red-light:#e2061314;--red-mid:#e2061326;--blue:#0047ab;--blue-light:#0047ab14;--blue-mid:#0047ab26;--yellow:#f5c518;--yellow-light:#f5c5181f;--yellow-mid:#f5c51840;--brand-red:#e20613;--brand-red-light:#e2061314;--brand-red-mid:#e2061326;--brand-blue:#0047ab;--brand-blue-light:#0047ab14;--brand-blue-mid:#0047ab26;--brand-yellow:#f5c518;--brand-yellow-light:#f5c5181f;--brand-yellow-mid:#f5c51840;--unit:8px;--space-quarter:2px;--space-half:4px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--space-16:128px;--space-20:160px;--col-gap:16px;--radius:2px;--radius-sm:0px;--radius-md:2px;--radius-lg:2px;--theme-content-container-type:inline-size;--theme-content-position:relative;--theme-surface:var(--white);--theme-surface-alt:var(--gray-50);--theme-surface-inverse:var(--black);--theme-text:var(--black);--theme-text-secondary:var(--gray-700);--theme-text-muted:var(--gray-500);--theme-text-inverse:var(--white);--theme-border:var(--gray-200);--theme-border-strong:var(--gray-300);--theme-shadow-color:#00000014;--theme-surface-accent:var(--blue-light);--theme-surface-warning:var(--yellow-light);--theme-surface-danger:var(--red-light);--theme-text-link:var(--blue);--theme-border-accent:var(--black);--theme-focus-ring:#0047ab4d;--theme-bg:var(--white);--theme-card-border-color:var(--black);--theme-card-bg:var(--white);--theme-radius-none:0;--theme-radius-sm:2px;--layout-standard-max-width:1200px;--layout-standard-padding:var(--space-6);--layout-standard-margin:0 auto;--layout-standard-content-bg:transparent;--layout-wide-max-width:1200px;--layout-wide-padding:var(--space-6);--layout-wide-margin:0 auto;--layout-wide-content-bg:transparent;--layout-full-max-width:100%;--layout-full-padding:var(--space-4);--layout-full-margin:0;--layout-full-content-bg:transparent;--layout-narrow-max-width:600px;--layout-narrow-padding:var(--space-6);--layout-narrow-margin:0 auto;--layout-narrow-content-bg:transparent;--layout-article-max-width:720px;--layout-article-padding:var(--space-6);--layout-article-margin:0 auto;--layout-article-content-bg:transparent}html[data-design-theme=style-guide].dark{--theme-surface:#1a1a1a;--theme-surface-alt:#252525;--theme-surface-inverse:var(--gray-200);--theme-text:#e8e8e8;--theme-text-secondary:var(--gray-400);--theme-text-muted:var(--gray-500);--theme-text-inverse:var(--gray-900);--theme-border:#333;--theme-border-strong:var(--gray-600);--theme-shadow-color:#0000004d;--theme-surface-accent:#0047ab2e;--theme-surface-warning:#f5c51826;--theme-surface-danger:#e2061326;--theme-text-link:#7eb8ff;--theme-border-accent:#ccc;--theme-focus-ring:#7eb8ff59;--theme-bg:#1a1a1a;--theme-card-border-color:#444;--theme-card-bg:#1e1e1e}html[data-design-theme=style-guide]{--content-container-type:var(--theme-content-container-type);--content-position:var(--theme-content-position);--surface:var(--theme-surface);--surface-alt:var(--theme-surface-alt);--surface-inverse:var(--theme-surface-inverse);--text:var(--theme-text);--text-secondary:var(--theme-text-secondary);--text-muted:var(--theme-text-muted);--text-inverse:var(--theme-text-inverse);--border:var(--theme-border);--border-strong:var(--theme-border-strong);--shadow-color:var(--theme-shadow-color);--surface-accent:var(--theme-surface-accent);--surface-warning:var(--theme-surface-warning);--surface-danger:var(--theme-surface-danger);--text-link:var(--theme-text-link);--border-accent:var(--theme-border-accent);--focus-ring:var(--theme-focus-ring);--bg:var(--theme-bg);--card-border-color:var(--theme-card-border-color);--card-bg:var(--theme-card-bg);--radius-none:var(--theme-radius-none);--radius-sm:var(--theme-radius-sm)}.content{container-type:var(--theme-content-container-type);position:var(--theme-content-position);max-width:var(--layout-standard-max-width);padding:var(--layout-standard-padding);margin:var(--layout-standard-margin);background:var(--layout-standard-content-bg)}.content.wide{max-width:var(--layout-wide-max-width);padding:var(--layout-wide-padding);margin:var(--layout-wide-margin);background:var(--layout-wide-content-bg)}.content.full{max-width:var(--layout-full-max-width);padding:var(--layout-full-padding);margin:var(--layout-full-margin);background:var(--layout-full-content-bg)}.content.narrow{max-width:var(--layout-narrow-max-width);padding:var(--layout-narrow-padding);margin:var(--layout-narrow-margin);background:var(--layout-narrow-content-bg)}.content.article{max-width:var(--layout-article-max-width);padding:var(--layout-article-padding);margin:var(--layout-article-margin);background:var(--layout-article-content-bg)}html[data-design-theme=style-guide] .product-branding{border:var(--branding-border);margin-bottom:var(--space-8)}html[data-design-theme=style-guide] .product-branding-logo{background:var(--branding-logo-bg);padding:var(--space-6);min-height:var(--space-25);justify-content:center;align-items:center;display:flex}html[data-design-theme=style-guide] .product-branding-logo svg{max-width:var(--branding-logo-max-width);max-height:var(--branding-logo-max-height)}html[data-design-theme=style-guide] .product-branding-logo-placeholder{width:var(--branding-placeholder-width);height:var(--branding-placeholder-height);border:var(--branding-placeholder-border);font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);color:var(--micro-label-color);text-transform:var(--micro-label-text-transform);letter-spacing:var(--micro-label-letter-spacing);justify-content:center;align-items:center;display:flex}html[data-design-theme=style-guide] .product-branding-content{padding:var(--space-4)}html[data-design-theme=style-guide] .product-branding-name{font-size:var(--branding-name-font-size);font-weight:var(--branding-name-font-weight);letter-spacing:var(--branding-name-letter-spacing);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--branding-name-border)}html[data-design-theme=style-guide] .product-branding-field-label{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--micro-label-font-weight);text-transform:var(--micro-label-text-transform);letter-spacing:var(--micro-label-letter-spacing);color:var(--micro-label-color);margin-bottom:var(--size-dot)}html[data-design-theme=style-guide] .product-branding-field-value{font-size:var(--branding-field-value-font-size);line-height:var(--branding-field-value-line-height);color:var(--branding-field-value-color)}html[data-design-theme=style-guide] .product-branding-tags{gap:var(--branding-keyword-gap);margin-top:var(--branding-keyword-margin-top);flex-wrap:wrap;display:flex}html[data-design-theme=style-guide] .product-branding-tag{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--font-weight-medium);padding:var(--branding-keyword-padding);border:var(--branding-keyword-border);color:var(--branding-keyword-color)}html[data-design-theme=style-guide] .sg-section-header{border-bottom:var(--sg-border);margin-bottom:var(--space-3);padding-bottom:var(--space-2);align-items:flex-start;gap:var(--space-2);margin-top:var(--space-6);display:flex}html[data-design-theme=style-guide] .sg-section-number{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--micro-label-font-weight);color:var(--sg-section-number-color);background:var(--sg-section-number-bg);border:var(--sg-section-number-border);border-radius:var(--sg-section-number-radius);padding:var(--sg-section-number-padding);letter-spacing:var(--sg-section-number-letter-spacing);white-space:nowrap}html[data-design-theme=style-guide] .sg-section-title-group{flex:1}html[data-design-theme=style-guide] .sg-section-title{font-family:var(--sg-section-title-font-family);font-size:var(--sg-section-title-font-size);font-weight:var(--font-weight-bold);letter-spacing:var(--sg-section-title-letter-spacing);text-transform:var(--sg-section-title-text-transform);color:var(--sg-section-title-color);margin-bottom:var(--space-quarter);align-items:baseline;gap:var(--space-1);display:flex}html[data-design-theme=style-guide] .sg-section-desc{font-size:var(--font-size-sm);color:var(--sg-section-desc-color);font-family:var(--sg-section-desc-font-family);line-height:var(--line-height-normal)}html[data-design-theme=style-guide] .sg-type-specimen{background:var(--sg-type-specimen-bg);border:var(--sg-type-specimen-border);border-bottom:var(--sg-type-specimen-border-bottom);border-radius:var(--sg-type-specimen-radius);padding:var(--sg-type-specimen-padding);margin:var(--sg-type-specimen-margin)}html[data-design-theme=style-guide] .sg-type-specimen .font-mono.font-bold{color:var(--sg-type-specimen-name-color);font-family:var(--sg-type-specimen-name-font)}.sg-subsection-title,html[data-design-theme=style-guide] .sg-subsection{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--micro-label-font-weight);text-transform:var(--micro-label-text-transform);letter-spacing:var(--micro-label-letter-spacing);color:var(--text-muted);margin-bottom:var(--space-2);margin-top:var(--space-4);padding-bottom:var(--space-1);border-bottom:var(--sg-border)}html[data-design-theme=style-guide] .sg-group{margin-top:var(--space-8);padding-top:var(--space-8);border-top:var(--sg-border)}html[data-design-theme=style-guide] .sg-group:first-child,html[data-design-theme=style-guide] .sg-group:first-of-type{border-top:none;padding-top:0}html[data-design-theme=style-guide] .sg-group-header{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:var(--space-2);margin-bottom:0;display:flex}html[data-design-theme=style-guide] .sg-group-label{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--micro-label-font-weight);text-transform:var(--micro-label-text-transform);letter-spacing:var(--letter-spacing-widest);color:var(--text-muted);white-space:nowrap}html[data-design-theme=style-guide] .sg-group-line{height:var(--border-thick);background:var(--text-muted);flex:1}html[data-design-theme=style-guide] .sg-group-toggle{font-size:var(--font-size-xs);color:var(--text-muted);transition:transform var(--transition-medium) ease;align-items:center;display:inline-flex}html[data-design-theme=style-guide] .sg-group-contents{align-items:center;gap:var(--sg-group-content-gap);flex-wrap:wrap;display:flex}html[data-design-theme=style-guide] .sg-group-content-item{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);color:var(--text-muted);padding:var(--sg-group-content-padding);border:var(--sg-border);white-space:nowrap;letter-spacing:.03em;transition:color var(--transition-fast),border-color var(--transition-fast)}html[data-design-theme=style-guide] .sg-group-header:hover .sg-group-content-item{color:var(--text-secondary);border-color:var(--border-strong)}html[data-design-theme=style-guide] .sg-group-content-item .sg-group-item-num{color:var(--border);margin-right:var(--sg-group-item-margin-right)}html[data-design-theme=style-guide] .sg-section-head{font-family:var(--micro-label-font-family);font-size:var(--font-size-sm);font-weight:var(--micro-label-font-weight);letter-spacing:var(--letter-spacing-label);text-transform:var(--micro-label-text-transform);color:var(--text-muted);margin-bottom:var(--space-2)}html[data-design-theme=style-guide] .sg-principle-row{gap:var(--space-3);align-items:baseline;display:flex}html[data-design-theme=style-guide] .sg-principle-label{font-size:var(--font-size-sm);font-family:var(--micro-label-font-family);font-weight:var(--micro-label-font-weight);letter-spacing:var(--sg-section-number-letter-spacing);text-transform:var(--micro-label-text-transform);white-space:nowrap;min-width:var(--sg-principle-label-width);padding-top:var(--sg-hairline);flex-shrink:0}html[data-design-theme=style-guide] .sg-principle-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text);margin:0}html[data-design-theme=style-guide] .sg-principle-text.muted{color:var(--text-secondary);font-style:italic}html[data-design-theme=style-guide] .text-principle{color:var(--brand-red)}html[data-design-theme=style-guide] .text-approach{color:var(--text-muted)}html[data-design-theme=style-guide] .text-why{color:var(--brand-blue)}html[data-design-theme=style-guide] .dark .text-principle{color:var(--brand-red)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .dark .text-principle{color:color-mix(in srgb,var(--brand-red) 75%,white)}}html[data-design-theme=style-guide] .dark .text-why{color:var(--brand-blue)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .dark .text-why{color:color-mix(in srgb,var(--brand-blue) 75%,white)}}html[data-design-theme=style-guide] .sg-demo-box{padding:var(--space-3);background:var(--surface-alt);border:var(--sg-border)}html[data-design-theme=style-guide] .sg-anchor-heading{cursor:pointer;align-items:baseline;gap:var(--space-1);display:flex}html[data-design-theme=style-guide] .sg-anchor-heading-icon{font-size:var(--font-size-lg);-webkit-user-select:none;user-select:none}html[data-design-theme=style-guide] .sg-description{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-2);max-width:var(--sg-description-max-width);line-height:var(--line-height-relaxed)}html[data-design-theme=style-guide] .sg-preview-code{border:var(--sg-border);margin-bottom:var(--space-3)}html[data-design-theme=style-guide] .sg-preview-code-tabs{border-bottom:var(--sg-border);background:var(--surface-alt);align-items:center;gap:0;display:flex}html[data-design-theme=style-guide] .sg-preview-code-tab{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--font-weight-semibold);text-transform:var(--micro-label-text-transform);letter-spacing:var(--letter-spacing-label);padding:var(--space-1) var(--space-2);border:none;border-bottom:var(--border-thick) solid transparent;color:var(--text-muted);cursor:pointer;transition:color var(--transition-base) ease,border-color var(--transition-base) ease;background:0 0}html[data-design-theme=style-guide] .sg-preview-code-tab:hover{color:var(--text-secondary)}html[data-design-theme=style-guide] .sg-preview-code-tab.active{color:var(--text);border-bottom-color:var(--text)}html[data-design-theme=style-guide] .sg-preview-code-copy{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--font-weight-semibold);padding:var(--space-half) var(--space-1);margin-left:auto;margin-right:var(--space-1);background:var(--surface);border:var(--sg-border);color:var(--text-muted);cursor:pointer}html[data-design-theme=style-guide] .sg-preview-code-copy:hover{color:var(--text);border-color:var(--border-strong)}html[data-design-theme=style-guide] .sg-preview-code-preview{padding:var(--space-3);background:var(--surface)}html[data-design-theme=style-guide] .screen-frame{border:var(--border-thick) solid var(--text);margin-bottom:var(--space-4);box-shadow:var(--sg-screen-shadow)}html[data-design-theme=style-guide] .screen-titlebar{background:var(--surface-inverse);padding:var(--size-2xs) var(--size-space-2);gap:var(--space-1)}html[data-design-theme=style-guide] .screen-dot{width:var(--size-2xs);height:var(--size-2xs);border-radius:var(--radius-circle);background:var(--border-strong)}html[data-design-theme=style-guide] .screen-url{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);margin-left:var(--space-1);background:var(--surface-alt);padding:var(--border-heavy) var(--space-1-mid);max-width:var(--sg-screen-url-max-width)}html[data-design-theme=style-guide] .screen-body{aspect-ratio:16/9;background:var(--surface);color:var(--text);align-items:stretch;display:flex}html[data-design-theme=style-guide] .screen-body>*{width:100%;height:100%}html[data-design-theme=style-guide] .screen-label{font-family:var(--micro-label-font-family);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:var(--micro-label-text-transform);letter-spacing:var(--letter-spacing-wider);color:var(--text-muted);margin-bottom:var(--space-1)}html[data-design-theme=style-guide] .sg-mode-toggle{border-radius:var(--radius-md);border:1px solid #0000;display:inline-flex;overflow:hidden}html[data-design-theme=style-guide] .sg-mode-toggle-option{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--font-weight-medium);padding:var(--space-half) var(--space-2);color:var(--text-inverse);background:0 0}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .sg-mode-toggle-option{color:color-mix(in srgb,var(--text-inverse) 60%,transparent)}}html[data-design-theme=style-guide] .sg-mode-toggle-option{cursor:pointer;transition:color var(--transition-base) ease,background var(--transition-base) ease;white-space:nowrap;border:none}html[data-design-theme=style-guide] .sg-mode-toggle-left{border-radius:var(--radius-md) 0 0 var(--radius-md)}html[data-design-theme=style-guide] .sg-mode-toggle-right{border-radius:0 var(--radius-md) var(--radius-md) 0}html[data-design-theme=style-guide] .sg-mode-toggle-option:hover{color:var(--text-inverse)}html[data-design-theme=style-guide] .sg-mode-toggle-active{background:var(--text-inverse)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .sg-mode-toggle-active{background:color-mix(in srgb,var(--text-inverse) 15%,transparent)}}html[data-design-theme=style-guide] .sg-mode-toggle-active{color:var(--text-inverse);font-weight:var(--font-weight-bold)}html[data-design-theme=style-guide] .sg-floating-controls{bottom:var(--space-3);z-index:var(--z-floating);align-items:center;gap:var(--space-2);display:flex;position:fixed;left:50%;transform:translate(-50%)}.sg-layout-bar,html[data-design-theme=style-guide] .sg-mode-bar{background:var(--surface-inverse);color:var(--text-inverse);box-shadow:var(--shadow-floating);border-radius:var(--radius-md);padding:var(--space-half);border:1px solid #0000}html[data-design-theme=style-guide] .sg-layout-bar-group{gap:var(--space-quarter);display:flex}html[data-design-theme=style-guide] .sg-layout-bar-option{font-family:var(--micro-label-font-family);font-size:var(--micro-label-font-size);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--text-inverse);background:0 0;border:none}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .sg-layout-bar-option{color:color-mix(in srgb,var(--text-inverse) 60%,transparent)}}html[data-design-theme=style-guide] .sg-layout-bar-option{cursor:pointer;transition:color var(--transition-base) ease,background var(--transition-base) ease;white-space:nowrap}html[data-design-theme=style-guide] .sg-layout-bar-option:hover{color:var(--text-inverse);background:var(--text-inverse)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .sg-layout-bar-option:hover{background:color-mix(in srgb,var(--text-inverse) 10%,transparent)}}html[data-design-theme=style-guide] .sg-layout-bar-option[data-checked]{color:var(--text-inverse);background:var(--text-inverse)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .sg-layout-bar-option[data-checked]{background:color-mix(in srgb,var(--text-inverse) 15%,transparent)}}html[data-design-theme=style-guide] .sg-layout-bar-option[data-checked]{font-weight:var(--font-weight-bold)}html[data-design-theme=style-guide] .sg-mode-active-light{border-radius:var(--radius-md);background:var(--white)!important;color:var(--black)!important}html[data-design-theme=style-guide] .sg-mode-active-dark{border-radius:var(--radius-md);background:var(--black)!important;color:var(--white)!important}html[data-design-theme=style-guide] .token-grid{gap:var(--token-grid-gap);flex-wrap:wrap;align-items:flex-start;display:flex}html[data-design-theme=style-guide] .token-card{background:var(--token-card-background);border:var(--token-card-border);padding:var(--token-card-padding);min-width:var(--token-grid-min-width);flex:1 1 var(--token-grid-min-width);overflow:hidden}html[data-design-theme=style-guide] .token-card-title{font-size:var(--token-card-title-font-size);font-weight:var(--token-card-title-font-weight);text-transform:var(--token-card-title-text-transform);letter-spacing:var(--token-card-title-letter-spacing);color:var(--token-card-title-color);margin-bottom:var(--token-card-title-margin-bottom);padding-bottom:var(--token-card-title-padding-bottom);border-bottom:var(--token-card-title-border-bottom)}html[data-design-theme=style-guide] .token-row{align-items:center;gap:var(--token-row-gap);padding:var(--token-row-padding);font-family:var(--token-row-font-family);font-size:var(--token-row-font-size);display:flex;overflow:hidden}html[data-design-theme=style-guide] .token-name{color:var(--token-name-color);white-space:nowrap;flex:1}html[data-design-theme=style-guide] .token-value{color:var(--token-value-color);font-weight:var(--token-value-font-weight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html[data-design-theme=style-guide] .token-preview{white-space:nowrap;flex-shrink:0;display:inline-block}html[data-design-theme=style-guide] .token-preview--color{width:var(--token-preview-color-size);height:var(--token-preview-color-size);border:var(--token-preview-color-border)}html[data-design-theme=style-guide] .token-preview--font{font-size:var(--token-preview-font-size);color:var(--token-value-color)}html[data-design-theme=style-guide] .token-preview--space{background:var(--token-value-color);max-width:var(--token-preview-space-max-width);max-height:var(--token-preview-space-max-height)}html[data-design-theme=style-guide] .token-preview--radius{width:var(--token-preview-radius-size);height:var(--token-preview-radius-size);border:var(--token-preview-radius-border)}html[data-design-theme=style-guide] .token-preview--shadow{background:var(--token-card-background);width:24px;height:24px}html[data-design-theme=style-guide] .token-preview--size{color:var(--token-value-color);line-height:1}html[data-design-theme=style-guide] .sg-palette-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}html[data-design-theme=style-guide] .sg-palette-swatch{background:repeating-conic-gradient(var(--border) 0 25%,var(--surface) 0 50%) 0 0 /12px 12px;border:var(--border-thin) solid var(--border);height:var(--space-10);position:relative}html[data-design-theme=style-guide] .sg-palette-swatch-inner{height:100%;padding:var(--space-1);cursor:pointer;flex-direction:column;justify-content:flex-end;display:flex;position:relative}html[data-design-theme=style-guide] .sg-palette-swatch-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}html[data-design-theme=style-guide] .sg-palette-swatch-value{font-size:var(--font-size-xs);font-family:var(--font-mono);opacity:.7;display:block}.sg-palette-swatch-label,html[data-design-theme=style-guide] .sg-palette-swatch-value{color:inherit}html[data-design-theme=style-guide] .sg-palette-swatch-copied{top:var(--space-1);right:var(--space-1);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--white);padding:var(--border-heavy) 6px;background:#0009;position:absolute}html[data-design-theme=style-guide] .sg-swatch-popunder{z-index:20;background:var(--surface);border:var(--border-thin) solid var(--border);padding:var(--space-half) 0;font-family:var(--font-mono);font-size:var(--font-size-xs);display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a,0 1px 4px #0000000f}html[data-design-theme=style-guide] .sg-palette-swatch:hover .sg-swatch-popunder{display:block}html[data-design-theme=style-guide] .sg-swatch-popunder-row{align-items:center;gap:var(--space-1);padding:var(--border-heavy) var(--space-1);cursor:pointer;color:var(--text-secondary);white-space:nowrap;display:flex}html[data-design-theme=style-guide] .sg-swatch-popunder-row:hover{background:var(--surface-alt);color:var(--text)}html[data-design-theme=style-guide] .sg-swatch-popunder-row .sg-swatch-popunder-icon{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}html[data-design-theme=style-guide] .sg-swatch-popunder-row:hover .sg-swatch-popunder-icon{color:var(--text-secondary)}html[data-design-theme=style-guide] .sg-swatch-popunder-row.copied{color:var(--success)}html[data-design-theme=style-guide] .sg-palette-notes{margin-top:var(--space-1)}html[data-design-theme=style-guide] .sg-palette-note{align-items:center;gap:var(--space-1);padding:var(--space-half) 0;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-muted);display:flex}html[data-design-theme=style-guide] .sg-palette-note-dot{width:var(--space-2);height:var(--space-2);flex-shrink:0}html[data-design-theme=style-guide] .spacing-demo{gap:var(--sg-spacing-gap)}html[data-design-theme=style-guide] .spacing-label{font-size:var(--sg-bar-label-font-size)}html[data-design-theme=style-guide] .spacing-bar{height:var(--sg-bar-height);background:var(--text);border-radius:var(--sg-bar-radius);min-width:var(--sg-bar-min-width)}html[data-design-theme=style-guide] .spacing-value{font-size:var(--sg-bar-label-font-size)}html[data-design-theme=style-guide] .sg-principles{gap:var(--space-2)}html[data-design-theme=style-guide] .sg-principle{font-size:var(--sg-principles-font-size);line-height:var(--sg-principles-line-height);border-bottom:var(--border-thin) solid var(--border)}html[data-design-theme=style-guide] .sg-principle strong{color:var(--text)}html[data-design-theme=style-guide] .spacing-diagram{border:var(--border-thin) solid var(--border);border-radius:var(--radius)}html[data-design-theme=style-guide] .spacing-diagram-header{font-size:var(--micro-label-font-size);font-weight:var(--micro-label-font-weight);letter-spacing:var(--micro-label-letter-spacing);color:var(--text-muted);background:var(--surface-alt);border-bottom:var(--border-thin) solid var(--border)}html[data-design-theme=style-guide] .spacing-diagram-viewport{border:var(--border-thick) solid var(--border-strong);border-radius:var(--sg-bar-radius);position:relative;overflow:hidden}html[data-design-theme=style-guide] .spacing-diagram-viewport-label{font-size:var(--micro-label-font-size);letter-spacing:var(--sg-section-number-letter-spacing);border-bottom:var(--border-thin) solid var(--border)}html[data-design-theme=style-guide] .spacing-diagram-cols{min-height:var(--sg-diagram-min-height);align-items:stretch;display:flex}html[data-design-theme=style-guide] .spacing-diagram-gutter{width:var(--sg-diagram-gutter-width);min-width:var(--sg-diagram-gutter-width);background:repeating-linear-gradient(45deg,var(--border),var(--border) var(--sg-diagram-hatch-width),transparent var(--sg-diagram-hatch-width),transparent var(--sg-diagram-hatch-gap));justify-content:center;align-items:center;display:flex;overflow:hidden}html[data-design-theme=style-guide] .spacing-diagram-gutter span{font-size:var(--sg-diagram-annotation-font-size);color:var(--text-muted);writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap}html[data-design-theme=style-guide] .spacing-diagram-content{flex-direction:column;flex:1;display:flex}html[data-design-theme=style-guide] .spacing-diagram-block{border-left:var(--border-thin) solid var(--border);border-right:var(--border-thin) solid var(--border);flex-direction:column;display:flex}html[data-design-theme=style-guide] .spacing-diagram-padding{height:var(--sg-diagram-padding-height);background:repeating-linear-gradient(90deg,var(--border),var(--border) var(--sg-diagram-hatch-width),transparent var(--sg-diagram-hatch-width),transparent var(--sg-diagram-hatch-gap));border-top:var(--border-thin) dashed var(--border-strong)}html[data-design-theme=style-guide] .spacing-diagram-padding--sm{height:var(--sg-diagram-padding-height-sm)}html[data-design-theme=style-guide] .spacing-diagram-label{padding:var(--space-1) var(--space-2)}html[data-design-theme=style-guide] .spacing-diagram-label-title{font-size:var(--sg-diagram-detail-font-size);font-weight:var(--sg-diagram-detail-font-weight)}html[data-design-theme=style-guide] .spacing-diagram-label-meta{font-size:var(--sg-diagram-note-font-size);color:var(--text-muted);margin-top:var(--space-quarter)}html[data-design-theme=style-guide] .card-grid{grid-template-columns:repeat(auto-fill,minmax(var(--card-grid-min-width),1fr));gap:var(--card-grid-gap);display:grid}html[data-design-theme=style-guide] .card{background:var(--card-background);border:var(--card-border);transition:all var(--card-transition);flex-direction:column;display:flex}html[data-design-theme=style-guide] .card:hover{background:var(--card-hover-background)}html[data-design-theme=style-guide] .card-filled{background:var(--card-filled-background);color:var(--card-filled-color);border:var(--card-border)}html[data-design-theme=style-guide] .card-filled:hover{background:var(--card-filled-hover-background)}html[data-design-theme=style-guide] .card-title{font-size:var(--card-title-font-size);font-weight:var(--card-title-font-weight);letter-spacing:var(--card-title-letter-spacing);margin-bottom:var(--card-title-margin-bottom);line-height:var(--card-title-line-height)}html[data-design-theme=style-guide] .card-header .card-title{margin-bottom:0}html[data-design-theme=style-guide] .card-header{padding:var(--space-1) var(--card-padding);justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--card-header-background);color:var(--card-header-color);display:flex;position:relative}html[data-design-theme=style-guide] .card-header .card-title{color:inherit}html[data-design-theme=style-guide] .card-header:after{content:"";bottom:0;left:var(--card-separator-inset);right:var(--card-separator-inset);border-bottom:var(--card-separator-width) var(--card-separator-style) var(--card-separator-color);position:absolute}html[data-design-theme=style-guide] .card-body{padding:var(--card-body-padding);font-size:var(--card-body-font-size);color:var(--card-body-color);line-height:var(--card-body-line-height);flex:1}html[data-design-theme=style-guide] .card-filled .card-body{color:var(--card-body-filled-color)}html[data-design-theme=style-guide] .card-tag{font-family:var(--card-tag-font-family);font-size:var(--card-tag-font-size);font-weight:var(--card-tag-font-weight);padding:var(--card-tag-padding);background:var(--card-tag-background);color:var(--card-tag-color);margin-top:var(--card-tag-margin-top);display:inline-block}html[data-design-theme=style-guide] .card-footer{padding:var(--card-footer-padding);font-size:var(--card-footer-font-size);font-weight:var(--card-footer-font-weight);color:var(--card-footer-color);background:var(--card-footer-background);justify-content:space-between;align-items:center;display:flex;position:relative}html[data-design-theme=style-guide] .card-footer:before{content:"";top:0;left:var(--card-separator-inset);right:var(--card-separator-inset);border-top:var(--card-separator-width) var(--card-separator-style) var(--card-separator-color);position:absolute}html[data-design-theme=style-guide] table{border-collapse:collapse;width:100%}html[data-design-theme=style-guide] thead tr{border-bottom:var(--table-header-border-width) solid var(--card-border-color)}html[data-design-theme=style-guide] th{text-align:left;padding:var(--table-cell-padding);font-size:var(--table-header-font-size);text-transform:uppercase;letter-spacing:var(--table-header-letter-spacing);font-family:var(--table-header-font-family)}html[data-design-theme=style-guide] tbody tr{border-bottom:var(--card-separator-width) solid var(--card-separator-color)}html[data-design-theme=style-guide] tbody tr:last-child{border-bottom:none}html[data-design-theme=style-guide] td{padding:var(--table-cell-padding);vertical-align:top}html[data-design-theme=style-guide] .card.rounded{border-radius:var(--card-rounded-radius);overflow:hidden}html[data-design-theme=style-guide] .card-tag.inline{margin-top:0;margin-left:auto}html[data-design-theme=style-guide] .card-body-note{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}html[data-design-theme=style-guide] .ml-auto{margin-left:auto}html[data-design-theme=style-guide] .btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);letter-spacing:var(--btn-letter-spacing);background:var(--btn-background);color:var(--btn-color);border:var(--btn-border-width) var(--btn-border-style) var(--btn-border-color);cursor:pointer;transition:all var(--btn-transition);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex}html[data-design-theme=style-guide] .btn:hover{background:var(--btn-hover-background);border-color:var(--btn-hover-border-color)}html[data-design-theme=style-guide] .btn:active{transform:translateY(var(--btn-active-offset))}html[data-design-theme=style-guide] .btn:focus-visible{outline:var(--hui-focus-ring-width) solid var(--brand-blue);outline-offset:var(--space-quarter)}html[data-design-theme=style-guide] .btn.btn-sm{font-size:var(--btn-sm-font-size);padding:var(--btn-sm-padding-y) var(--btn-sm-padding-x)}html[data-design-theme=style-guide] .btn.btn-lg{font-size:var(--btn-lg-font-size);padding:var(--btn-lg-padding-y) var(--btn-lg-padding-x)}html[data-design-theme=style-guide] .btn.btn-xl{font-size:var(--btn-xl-font-size);padding:var(--btn-xl-padding-y) var(--btn-xl-padding-x)}html[data-design-theme=style-guide] .btn.btn-outline{background:var(--btn-outline-background);color:var(--btn-outline-color)}html[data-design-theme=style-guide] .btn.btn-outline:hover{background:var(--btn-outline-hover-background)}html[data-design-theme=style-guide] .btn.btn-ghost{color:var(--btn-outline-color);background:0 0;border-color:#0000}html[data-design-theme=style-guide] .btn.btn-ghost:hover{background:var(--btn-outline-hover-background)}html[data-design-theme=style-guide] .btn.rounded{border-radius:var(--btn-rounded-radius)}html[data-design-theme=style-guide] .btn.drop-shadow{box-shadow:var(--btn-drop-shadow)}@keyframes btn-selected-gradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}html[data-design-theme=style-guide] .card.danger{border-color:var(--semantic-danger-accent);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-danger-accent);color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .card.danger .card-header{color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .card.danger .card-title{color:inherit}html[data-design-theme=style-guide] .card.danger .card-tag{background:var(--semantic-danger-accent);color:var(--white)}html[data-design-theme=style-guide] .card.danger .card-footer{color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .card.danger.drop-shadow{box-shadow:0 8px 24px var(--semantic-danger-accent),0 2px 6px var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.danger.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-danger-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-danger-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card.accent-danger{border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-danger-accent)}html[data-design-theme=style-guide] .card.accent-danger .card-header:after{display:none}html[data-design-theme=style-guide] .card.accent-danger.drop-shadow{box-shadow:0 8px 24px var(--semantic-danger-accent),0 2px 6px var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.accent-danger.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-danger-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-danger-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card-header.accent-danger{border-bottom:var(--card-border-width-accent) var(--card-border-style) var(--semantic-danger-accent)}html[data-design-theme=style-guide] .card-header.danger{background:var(--semantic-danger-accent);color:var(--white);border:none}html[data-design-theme=style-guide] .card-header.danger:after{border-bottom-color:#ffffff40}html[data-design-theme=style-guide] .card-header.danger .card-title{color:inherit}html[data-design-theme=style-guide] .card-header.danger .card-tag{background:var(--semantic-danger-accent);color:var(--white)}html[data-design-theme=style-guide] .card-body.danger{background:var(--semantic-danger-background);color:var(--semantic-danger-color);border:none}html[data-design-theme=style-guide] .card-footer.danger{background:var(--semantic-danger-accent);color:var(--white);border-bottom:none;border-left:none;border-right:none}html[data-design-theme=style-guide] .card-footer.danger:before{border-top-color:#ffffff40}html[data-design-theme=style-guide] .btn.danger{background:var(--semantic-danger-accent);border-color:var(--semantic-danger-accent);color:var(--white);transition:background var(--btn-transition),border-color var(--btn-transition),box-shadow var(--transition-slow) ease;position:relative;overflow:hidden}html[data-design-theme=style-guide] .btn.danger:before{content:"";z-index:0;opacity:0;transition:opacity var(--transition-slow) ease;pointer-events:none;background:linear-gradient(135deg,#fff0,#ffffff38,#fff0,#0000002e) 0 0/300% 300%;position:absolute;inset:0}html[data-design-theme=style-guide] .btn.danger:hover{background:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.danger:hover{background:color-mix(in srgb,var(--semantic-danger-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.danger:hover{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.danger:hover{border-color:color-mix(in srgb,var(--semantic-danger-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.danger.drop-shadow{box-shadow:0 8px 24px var(--semantic-danger-accent),0 2px 6px var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.danger.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-danger-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-danger-accent) 20%,transparent)}}html[data-design-theme=style-guide] .btn.btn-ghost.danger{color:var(--semantic-danger-accent);background:0 0;border-color:#0000}html[data-design-theme=style-guide] .btn.btn-ghost.danger:hover{background:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-ghost.danger:hover{background:color-mix(in srgb,var(--semantic-danger-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.danger{border-color:var(--semantic-danger-accent);color:var(--semantic-danger-accent);background:0 0}html[data-design-theme=style-guide] .btn.btn-outline.danger:hover{background:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.danger:hover{background:color-mix(in srgb,var(--semantic-danger-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.accent-danger{border-bottom-color:var(--semantic-danger-accent);box-shadow:inset 0 -3px 6px var(--semantic-danger-accent);border-bottom-width:2px}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-danger{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-danger-accent) 25%,transparent)}}html[data-design-theme=style-guide] .btn.accent-danger.drop-shadow{box-shadow:inset 0 -3px 6px var(--semantic-danger-accent),0 8px 24px var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-danger.drop-shadow{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-danger-accent) 25%,transparent),0 8px 24px color-mix(in srgb,var(--semantic-danger-accent) 35%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.accent-danger{border-color:var(--semantic-danger-accent);color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .btn.btn-outline.accent-danger:hover{background:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.accent-danger:hover{background:color-mix(in srgb,var(--semantic-danger-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.danger.btn-selected{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.danger.btn-selected{border-color:color-mix(in srgb,var(--semantic-danger-accent) 70%,black)}}html[data-design-theme=style-guide] .btn.danger.btn-selected{box-shadow:inset 0 2px 6px var(--semantic-danger-accent),inset 0 1px 2px #0000004d}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.danger.btn-selected{box-shadow:inset 0 2px 6px color-mix(in srgb,var(--semantic-danger-accent) 40%,black),inset 0 1px 2px #0000004d}}html[data-design-theme=style-guide] .btn.danger.btn-selected:before{opacity:1;animation:btn-selected-gradient 2.5s infinite}.hui.menu-btn.danger,html[data-design-theme=style-guide] .hui.popover-btn.danger{border-color:var(--semantic-danger-accent);color:var(--semantic-danger-color)}.hui.menu-btn.danger[data-hover],html[data-design-theme=style-guide] .hui.popover-btn.danger[data-hover]{background:var(--semantic-danger-background)}.hui.combo-options.danger,.hui.listbox-options.danger,.hui.menu-items.danger,html[data-design-theme=style-guide] .hui.popover-panel.danger{border-left:var(--hui-showcase-accent-width) solid var(--semantic-danger-accent);border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){.hui.combo-options.danger,.hui.listbox-options.danger,.hui.menu-items.danger,html[data-design-theme=style-guide] .hui.popover-panel.danger{border-color:color-mix(in srgb,var(--semantic-danger-accent) 40%,var(--hui-panel-border))}}.hui.combo-options.danger,.hui.listbox-options.danger,.hui.menu-items.danger,html[data-design-theme=style-guide] .hui.popover-panel.danger{background:var(--semantic-danger-background)}html[data-design-theme=style-guide] .hui.listbox-btn.danger{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.danger{border-color:color-mix(in srgb,var(--semantic-danger-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.listbox-btn.danger[data-open]{border-color:var(--semantic-danger-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-danger-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.danger[data-open]{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-danger-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.listbox-btn.danger:after{border-right-color:var(--semantic-danger-accent);border-bottom-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.combo-input.danger{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.danger{border-color:color-mix(in srgb,var(--semantic-danger-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.combo-input.danger:focus{border-color:var(--semantic-danger-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-danger-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.danger:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-danger-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.combo-btn.danger{color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.danger{border-left:var(--hui-showcase-accent-width) solid var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.danger .dialog-title{color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.tab-list.danger .hui.tab[data-selected]{color:var(--semantic-danger-accent);border-bottom-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.disclosure-btn.danger{border-color:var(--semantic-danger-accent);background:var(--semantic-danger-background)}html[data-design-theme=style-guide] .hui.checkbox-wrap.danger[data-checked] .checkbox-visual{background:var(--semantic-danger-accent);border-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.switch-wrap.danger[data-checked] .switch-track{background:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.radio-option.danger[data-checked]{border-color:var(--semantic-danger-accent);background:var(--semantic-danger-background)}html[data-design-theme=style-guide] .hui.radio-option.danger[data-checked] .radio-dot{border-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.radio-option.danger[data-checked] .radio-dot-inner{background:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .hui.checkbox-wrap.danger:not([data-checked]) .checkbox-visual{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.checkbox-wrap.danger:not([data-checked]) .checkbox-visual{border-color:color-mix(in srgb,var(--semantic-danger-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.switch-wrap.danger:not([data-checked]) .switch-track{background:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.switch-wrap.danger:not([data-checked]) .switch-track{background:color-mix(in srgb,var(--semantic-danger-accent) 25%,var(--hui-switch-track-off-bg))}}html[data-design-theme=style-guide] .hui.radio-option.danger:not([data-checked]){border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.danger:not([data-checked]){border-color:color-mix(in srgb,var(--semantic-danger-accent) 30%,var(--hui-radio-option-border))}}html[data-design-theme=style-guide] .hui.radio-option.danger:not([data-checked]) .radio-dot{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.danger:not([data-checked]) .radio-dot{border-color:color-mix(in srgb,var(--semantic-danger-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.showcase.accent-danger,html[data-design-theme=style-guide] .hui.showcase.danger{border-top-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] fieldset.danger{background:var(--semantic-danger-background);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-danger-accent);border-radius:var(--radius);padding:var(--space-3)}fieldset.danger legend,html[data-design-theme=style-guide] fieldset.danger [data-slot=legend]{color:var(--semantic-danger-accent);border-bottom-color:var(--semantic-danger-accent)}fieldset.danger label,html[data-design-theme=style-guide] fieldset.danger [data-slot=label]{color:var(--semantic-danger-accent)}fieldset.danger .field-input,fieldset.danger .field-select,fieldset.danger .field-textarea,fieldset.danger [data-slot=input],fieldset.danger [data-slot=select],html[data-design-theme=style-guide] fieldset.danger [data-slot=textarea]{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.danger .field-input,fieldset.danger .field-select,fieldset.danger .field-textarea,fieldset.danger [data-slot=input],fieldset.danger [data-slot=select],html[data-design-theme=style-guide] fieldset.danger [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-danger-accent) 40%,var(--field-border-color))}}fieldset.danger .field-input:focus,fieldset.danger .field-select:focus,fieldset.danger .field-textarea:focus,fieldset.danger [data-slot=input]:focus,fieldset.danger [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.danger [data-slot=textarea]:focus{border-color:var(--semantic-danger-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-danger-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){fieldset.danger .field-input:focus,fieldset.danger .field-select:focus,fieldset.danger .field-textarea:focus,fieldset.danger [data-slot=input]:focus,fieldset.danger [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.danger [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-danger-accent) 25%,transparent),var(--field-shadow)}}fieldset.danger .field-hint,html[data-design-theme=style-guide] fieldset.danger [data-slot=description]{color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.danger .field-hint,html[data-design-theme=style-guide] fieldset.danger [data-slot=description]{color:color-mix(in srgb,var(--semantic-danger-accent) 60%,var(--text-muted))}}.field-group.danger label,html[data-design-theme=style-guide] .field-group.danger [data-slot=label]{color:var(--semantic-danger-accent)}.field-group.danger .field-input,.field-group.danger .field-select,.field-group.danger .field-textarea,.field-group.danger [data-slot=input],.field-group.danger [data-slot=select],html[data-design-theme=style-guide] .field-group.danger [data-slot=textarea]{border-color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.danger .field-input,.field-group.danger .field-select,.field-group.danger .field-textarea,.field-group.danger [data-slot=input],.field-group.danger [data-slot=select],html[data-design-theme=style-guide] .field-group.danger [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-danger-accent) 40%,var(--field-border-color))}}.field-group.danger .field-input:focus,.field-group.danger .field-select:focus,.field-group.danger .field-textarea:focus,.field-group.danger [data-slot=input]:focus,.field-group.danger [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.danger [data-slot=textarea]:focus{border-color:var(--semantic-danger-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-danger-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){.field-group.danger .field-input:focus,.field-group.danger .field-select:focus,.field-group.danger .field-textarea:focus,.field-group.danger [data-slot=input]:focus,.field-group.danger [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.danger [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-danger-accent) 25%,transparent),var(--field-shadow)}}.field-group.danger .field-hint,html[data-design-theme=style-guide] .field-group.danger [data-slot=description]{color:var(--semantic-danger-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.danger .field-hint,html[data-design-theme=style-guide] .field-group.danger [data-slot=description]{color:color-mix(in srgb,var(--semantic-danger-accent) 60%,var(--text-muted))}}html[data-design-theme=style-guide] .card.warning{border-color:var(--semantic-warning-accent);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-warning-accent);color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .card.warning .card-header{color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .card.warning .card-title{color:inherit}html[data-design-theme=style-guide] .card.warning .card-tag{background:var(--semantic-warning-accent);color:var(--white)}html[data-design-theme=style-guide] .card.warning .card-footer{color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .card.warning.drop-shadow{box-shadow:0 8px 24px var(--semantic-warning-accent),0 2px 6px var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.warning.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-warning-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-warning-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card.accent-warning{border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-warning-accent)}html[data-design-theme=style-guide] .card.accent-warning .card-header:after{display:none}html[data-design-theme=style-guide] .card.accent-warning.drop-shadow{box-shadow:0 8px 24px var(--semantic-warning-accent),0 2px 6px var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.accent-warning.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-warning-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-warning-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card-header.accent-warning{border-bottom:var(--card-border-width-accent) var(--card-border-style) var(--semantic-warning-accent)}html[data-design-theme=style-guide] .card-header.warning{background:var(--semantic-warning-accent);color:var(--white);border:none}html[data-design-theme=style-guide] .card-header.warning:after{border-bottom-color:#ffffff40}html[data-design-theme=style-guide] .card-header.warning .card-title{color:inherit}html[data-design-theme=style-guide] .card-header.warning .card-tag{background:var(--semantic-warning-accent);color:var(--white)}html[data-design-theme=style-guide] .card-body.warning{background:var(--semantic-warning-background);color:var(--semantic-warning-color);border:none}html[data-design-theme=style-guide] .card-footer.warning{background:var(--semantic-warning-accent);color:var(--white);border-bottom:none;border-left:none;border-right:none}html[data-design-theme=style-guide] .card-footer.warning:before{border-top-color:#ffffff40}html[data-design-theme=style-guide] .btn.warning{background:var(--semantic-warning-accent);border-color:var(--semantic-warning-accent);color:var(--white);transition:background var(--btn-transition),border-color var(--btn-transition),box-shadow var(--transition-slow) ease;position:relative;overflow:hidden}html[data-design-theme=style-guide] .btn.warning:before{content:"";z-index:0;opacity:0;transition:opacity var(--transition-slow) ease;pointer-events:none;background:linear-gradient(135deg,#fff0,#ffffff38,#fff0,#0000002e) 0 0/300% 300%;position:absolute;inset:0}html[data-design-theme=style-guide] .btn.warning:hover{background:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.warning:hover{background:color-mix(in srgb,var(--semantic-warning-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.warning:hover{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.warning:hover{border-color:color-mix(in srgb,var(--semantic-warning-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.warning.drop-shadow{box-shadow:0 8px 24px var(--semantic-warning-accent),0 2px 6px var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.warning.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-warning-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-warning-accent) 20%,transparent)}}html[data-design-theme=style-guide] .btn.btn-ghost.warning{color:var(--semantic-warning-accent);background:0 0;border-color:#0000}html[data-design-theme=style-guide] .btn.btn-ghost.warning:hover{background:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-ghost.warning:hover{background:color-mix(in srgb,var(--semantic-warning-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.warning{border-color:var(--semantic-warning-accent);color:var(--semantic-warning-accent);background:0 0}html[data-design-theme=style-guide] .btn.btn-outline.warning:hover{background:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.warning:hover{background:color-mix(in srgb,var(--semantic-warning-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.accent-warning{border-bottom-color:var(--semantic-warning-accent);box-shadow:inset 0 -3px 6px var(--semantic-warning-accent);border-bottom-width:2px}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-warning{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-warning-accent) 25%,transparent)}}html[data-design-theme=style-guide] .btn.accent-warning.drop-shadow{box-shadow:inset 0 -3px 6px var(--semantic-warning-accent),0 8px 24px var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-warning.drop-shadow{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-warning-accent) 25%,transparent),0 8px 24px color-mix(in srgb,var(--semantic-warning-accent) 35%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.accent-warning{border-color:var(--semantic-warning-accent);color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .btn.btn-outline.accent-warning:hover{background:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.accent-warning:hover{background:color-mix(in srgb,var(--semantic-warning-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.warning.btn-selected{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.warning.btn-selected{border-color:color-mix(in srgb,var(--semantic-warning-accent) 70%,black)}}html[data-design-theme=style-guide] .btn.warning.btn-selected{box-shadow:inset 0 2px 6px var(--semantic-warning-accent),inset 0 1px 2px #0000004d}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.warning.btn-selected{box-shadow:inset 0 2px 6px color-mix(in srgb,var(--semantic-warning-accent) 40%,black),inset 0 1px 2px #0000004d}}html[data-design-theme=style-guide] .btn.warning.btn-selected:before{opacity:1;animation:btn-selected-gradient 2.5s infinite}.hui.menu-btn.warning,html[data-design-theme=style-guide] .hui.popover-btn.warning{border-color:var(--semantic-warning-accent);color:var(--semantic-warning-color)}.hui.menu-btn.warning[data-hover],html[data-design-theme=style-guide] .hui.popover-btn.warning[data-hover]{background:var(--semantic-warning-background)}.hui.combo-options.warning,.hui.listbox-options.warning,.hui.menu-items.warning,html[data-design-theme=style-guide] .hui.popover-panel.warning{border-left:var(--hui-showcase-accent-width) solid var(--semantic-warning-accent);border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){.hui.combo-options.warning,.hui.listbox-options.warning,.hui.menu-items.warning,html[data-design-theme=style-guide] .hui.popover-panel.warning{border-color:color-mix(in srgb,var(--semantic-warning-accent) 40%,var(--hui-panel-border))}}.hui.combo-options.warning,.hui.listbox-options.warning,.hui.menu-items.warning,html[data-design-theme=style-guide] .hui.popover-panel.warning{background:var(--semantic-warning-background)}html[data-design-theme=style-guide] .hui.listbox-btn.warning{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.warning{border-color:color-mix(in srgb,var(--semantic-warning-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.listbox-btn.warning[data-open]{border-color:var(--semantic-warning-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-warning-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.warning[data-open]{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-warning-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.listbox-btn.warning:after{border-right-color:var(--semantic-warning-accent);border-bottom-color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.combo-input.warning{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.warning{border-color:color-mix(in srgb,var(--semantic-warning-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.combo-input.warning:focus{border-color:var(--semantic-warning-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-warning-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.warning:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-warning-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.combo-btn.warning{color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.warning{border-left:var(--hui-showcase-accent-width) solid var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.warning .dialog-title{color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.tab-list.warning .hui.tab[data-selected]{color:var(--semantic-warning-accent);border-bottom-color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.disclosure-btn.warning{border-color:var(--semantic-warning-accent);background:var(--semantic-warning-background)}html[data-design-theme=style-guide] .hui.checkbox-wrap.warning[data-checked] .checkbox-visual{background:var(--semantic-warning-accent);border-color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.switch-wrap.warning[data-checked] .switch-track{background:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.radio-option.warning[data-checked]{border-color:var(--semantic-warning-accent);background:var(--semantic-warning-background)}html[data-design-theme=style-guide] .hui.radio-option.warning[data-checked] .radio-dot{border-color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.radio-option.warning[data-checked] .radio-dot-inner{background:var(--semantic-warning-accent)}html[data-design-theme=style-guide] .hui.checkbox-wrap.warning:not([data-checked]) .checkbox-visual{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.checkbox-wrap.warning:not([data-checked]) .checkbox-visual{border-color:color-mix(in srgb,var(--semantic-warning-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.switch-wrap.warning:not([data-checked]) .switch-track{background:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.switch-wrap.warning:not([data-checked]) .switch-track{background:color-mix(in srgb,var(--semantic-warning-accent) 25%,var(--hui-switch-track-off-bg))}}html[data-design-theme=style-guide] .hui.radio-option.warning:not([data-checked]){border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.warning:not([data-checked]){border-color:color-mix(in srgb,var(--semantic-warning-accent) 30%,var(--hui-radio-option-border))}}html[data-design-theme=style-guide] .hui.radio-option.warning:not([data-checked]) .radio-dot{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.warning:not([data-checked]) .radio-dot{border-color:color-mix(in srgb,var(--semantic-warning-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.showcase.accent-warning,html[data-design-theme=style-guide] .hui.showcase.warning{border-top-color:var(--semantic-warning-accent)}html[data-design-theme=style-guide] fieldset.warning{background:var(--semantic-warning-background);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-warning-accent);border-radius:var(--radius);padding:var(--space-3)}fieldset.warning legend,html[data-design-theme=style-guide] fieldset.warning [data-slot=legend]{color:var(--semantic-warning-accent);border-bottom-color:var(--semantic-warning-accent)}fieldset.warning label,html[data-design-theme=style-guide] fieldset.warning [data-slot=label]{color:var(--semantic-warning-accent)}fieldset.warning .field-input,fieldset.warning .field-select,fieldset.warning .field-textarea,fieldset.warning [data-slot=input],fieldset.warning [data-slot=select],html[data-design-theme=style-guide] fieldset.warning [data-slot=textarea]{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.warning .field-input,fieldset.warning .field-select,fieldset.warning .field-textarea,fieldset.warning [data-slot=input],fieldset.warning [data-slot=select],html[data-design-theme=style-guide] fieldset.warning [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-warning-accent) 40%,var(--field-border-color))}}fieldset.warning .field-input:focus,fieldset.warning .field-select:focus,fieldset.warning .field-textarea:focus,fieldset.warning [data-slot=input]:focus,fieldset.warning [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.warning [data-slot=textarea]:focus{border-color:var(--semantic-warning-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-warning-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){fieldset.warning .field-input:focus,fieldset.warning .field-select:focus,fieldset.warning .field-textarea:focus,fieldset.warning [data-slot=input]:focus,fieldset.warning [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.warning [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-warning-accent) 25%,transparent),var(--field-shadow)}}fieldset.warning .field-hint,html[data-design-theme=style-guide] fieldset.warning [data-slot=description]{color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.warning .field-hint,html[data-design-theme=style-guide] fieldset.warning [data-slot=description]{color:color-mix(in srgb,var(--semantic-warning-accent) 60%,var(--text-muted))}}.field-group.warning label,html[data-design-theme=style-guide] .field-group.warning [data-slot=label]{color:var(--semantic-warning-accent)}.field-group.warning .field-input,.field-group.warning .field-select,.field-group.warning .field-textarea,.field-group.warning [data-slot=input],.field-group.warning [data-slot=select],html[data-design-theme=style-guide] .field-group.warning [data-slot=textarea]{border-color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.warning .field-input,.field-group.warning .field-select,.field-group.warning .field-textarea,.field-group.warning [data-slot=input],.field-group.warning [data-slot=select],html[data-design-theme=style-guide] .field-group.warning [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-warning-accent) 40%,var(--field-border-color))}}.field-group.warning .field-input:focus,.field-group.warning .field-select:focus,.field-group.warning .field-textarea:focus,.field-group.warning [data-slot=input]:focus,.field-group.warning [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.warning [data-slot=textarea]:focus{border-color:var(--semantic-warning-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-warning-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){.field-group.warning .field-input:focus,.field-group.warning .field-select:focus,.field-group.warning .field-textarea:focus,.field-group.warning [data-slot=input]:focus,.field-group.warning [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.warning [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-warning-accent) 25%,transparent),var(--field-shadow)}}.field-group.warning .field-hint,html[data-design-theme=style-guide] .field-group.warning [data-slot=description]{color:var(--semantic-warning-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.warning .field-hint,html[data-design-theme=style-guide] .field-group.warning [data-slot=description]{color:color-mix(in srgb,var(--semantic-warning-accent) 60%,var(--text-muted))}}html[data-design-theme=style-guide] .card.success{border-color:var(--semantic-success-accent);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-success-accent);color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .card.success .card-header{color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .card.success .card-title{color:inherit}html[data-design-theme=style-guide] .card.success .card-tag{background:var(--semantic-success-accent);color:var(--white)}html[data-design-theme=style-guide] .card.success .card-footer{color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .card.success.drop-shadow{box-shadow:0 8px 24px var(--semantic-success-accent),0 2px 6px var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.success.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-success-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-success-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card.accent-success{border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-success-accent)}html[data-design-theme=style-guide] .card.accent-success .card-header:after{display:none}html[data-design-theme=style-guide] .card.accent-success.drop-shadow{box-shadow:0 8px 24px var(--semantic-success-accent),0 2px 6px var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.accent-success.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-success-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-success-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card-header.accent-success{border-bottom:var(--card-border-width-accent) var(--card-border-style) var(--semantic-success-accent)}html[data-design-theme=style-guide] .card-header.success{background:var(--semantic-success-accent);color:var(--white);border:none}html[data-design-theme=style-guide] .card-header.success:after{border-bottom-color:#ffffff40}html[data-design-theme=style-guide] .card-header.success .card-title{color:inherit}html[data-design-theme=style-guide] .card-header.success .card-tag{background:var(--semantic-success-accent);color:var(--white)}html[data-design-theme=style-guide] .card-body.success{background:var(--semantic-success-background);color:var(--semantic-success-color);border:none}html[data-design-theme=style-guide] .card-footer.success{background:var(--semantic-success-accent);color:var(--white);border-bottom:none;border-left:none;border-right:none}html[data-design-theme=style-guide] .card-footer.success:before{border-top-color:#ffffff40}html[data-design-theme=style-guide] .btn.success{background:var(--semantic-success-accent);border-color:var(--semantic-success-accent);color:var(--white);transition:background var(--btn-transition),border-color var(--btn-transition),box-shadow var(--transition-slow) ease;position:relative;overflow:hidden}html[data-design-theme=style-guide] .btn.success:before{content:"";z-index:0;opacity:0;transition:opacity var(--transition-slow) ease;pointer-events:none;background:linear-gradient(135deg,#fff0,#ffffff38,#fff0,#0000002e) 0 0/300% 300%;position:absolute;inset:0}html[data-design-theme=style-guide] .btn.success:hover{background:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.success:hover{background:color-mix(in srgb,var(--semantic-success-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.success:hover{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.success:hover{border-color:color-mix(in srgb,var(--semantic-success-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.success.drop-shadow{box-shadow:0 8px 24px var(--semantic-success-accent),0 2px 6px var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.success.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-success-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-success-accent) 20%,transparent)}}html[data-design-theme=style-guide] .btn.btn-ghost.success{color:var(--semantic-success-accent);background:0 0;border-color:#0000}html[data-design-theme=style-guide] .btn.btn-ghost.success:hover{background:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-ghost.success:hover{background:color-mix(in srgb,var(--semantic-success-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.success{border-color:var(--semantic-success-accent);color:var(--semantic-success-accent);background:0 0}html[data-design-theme=style-guide] .btn.btn-outline.success:hover{background:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.success:hover{background:color-mix(in srgb,var(--semantic-success-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.accent-success{border-bottom-color:var(--semantic-success-accent);box-shadow:inset 0 -3px 6px var(--semantic-success-accent);border-bottom-width:2px}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-success{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-success-accent) 25%,transparent)}}html[data-design-theme=style-guide] .btn.accent-success.drop-shadow{box-shadow:inset 0 -3px 6px var(--semantic-success-accent),0 8px 24px var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-success.drop-shadow{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-success-accent) 25%,transparent),0 8px 24px color-mix(in srgb,var(--semantic-success-accent) 35%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.accent-success{border-color:var(--semantic-success-accent);color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .btn.btn-outline.accent-success:hover{background:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.accent-success:hover{background:color-mix(in srgb,var(--semantic-success-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.success.btn-selected{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.success.btn-selected{border-color:color-mix(in srgb,var(--semantic-success-accent) 70%,black)}}html[data-design-theme=style-guide] .btn.success.btn-selected{box-shadow:inset 0 2px 6px var(--semantic-success-accent),inset 0 1px 2px #0000004d}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.success.btn-selected{box-shadow:inset 0 2px 6px color-mix(in srgb,var(--semantic-success-accent) 40%,black),inset 0 1px 2px #0000004d}}html[data-design-theme=style-guide] .btn.success.btn-selected:before{opacity:1;animation:btn-selected-gradient 2.5s infinite}.hui.menu-btn.success,html[data-design-theme=style-guide] .hui.popover-btn.success{border-color:var(--semantic-success-accent);color:var(--semantic-success-color)}.hui.menu-btn.success[data-hover],html[data-design-theme=style-guide] .hui.popover-btn.success[data-hover]{background:var(--semantic-success-background)}.hui.combo-options.success,.hui.listbox-options.success,.hui.menu-items.success,html[data-design-theme=style-guide] .hui.popover-panel.success{border-left:var(--hui-showcase-accent-width) solid var(--semantic-success-accent);border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){.hui.combo-options.success,.hui.listbox-options.success,.hui.menu-items.success,html[data-design-theme=style-guide] .hui.popover-panel.success{border-color:color-mix(in srgb,var(--semantic-success-accent) 40%,var(--hui-panel-border))}}.hui.combo-options.success,.hui.listbox-options.success,.hui.menu-items.success,html[data-design-theme=style-guide] .hui.popover-panel.success{background:var(--semantic-success-background)}html[data-design-theme=style-guide] .hui.listbox-btn.success{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.success{border-color:color-mix(in srgb,var(--semantic-success-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.listbox-btn.success[data-open]{border-color:var(--semantic-success-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-success-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.success[data-open]{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-success-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.listbox-btn.success:after{border-right-color:var(--semantic-success-accent);border-bottom-color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.combo-input.success{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.success{border-color:color-mix(in srgb,var(--semantic-success-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.combo-input.success:focus{border-color:var(--semantic-success-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-success-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.success:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-success-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.combo-btn.success{color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.success{border-left:var(--hui-showcase-accent-width) solid var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.success .dialog-title{color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.tab-list.success .hui.tab[data-selected]{color:var(--semantic-success-accent);border-bottom-color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.disclosure-btn.success{border-color:var(--semantic-success-accent);background:var(--semantic-success-background)}html[data-design-theme=style-guide] .hui.checkbox-wrap.success[data-checked] .checkbox-visual{background:var(--semantic-success-accent);border-color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.switch-wrap.success[data-checked] .switch-track{background:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.radio-option.success[data-checked]{border-color:var(--semantic-success-accent);background:var(--semantic-success-background)}html[data-design-theme=style-guide] .hui.radio-option.success[data-checked] .radio-dot{border-color:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.radio-option.success[data-checked] .radio-dot-inner{background:var(--semantic-success-accent)}html[data-design-theme=style-guide] .hui.checkbox-wrap.success:not([data-checked]) .checkbox-visual{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.checkbox-wrap.success:not([data-checked]) .checkbox-visual{border-color:color-mix(in srgb,var(--semantic-success-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.switch-wrap.success:not([data-checked]) .switch-track{background:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.switch-wrap.success:not([data-checked]) .switch-track{background:color-mix(in srgb,var(--semantic-success-accent) 25%,var(--hui-switch-track-off-bg))}}html[data-design-theme=style-guide] .hui.radio-option.success:not([data-checked]){border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.success:not([data-checked]){border-color:color-mix(in srgb,var(--semantic-success-accent) 30%,var(--hui-radio-option-border))}}html[data-design-theme=style-guide] .hui.radio-option.success:not([data-checked]) .radio-dot{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.success:not([data-checked]) .radio-dot{border-color:color-mix(in srgb,var(--semantic-success-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.showcase.accent-success,html[data-design-theme=style-guide] .hui.showcase.success{border-top-color:var(--semantic-success-accent)}html[data-design-theme=style-guide] fieldset.success{background:var(--semantic-success-background);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-success-accent);border-radius:var(--radius);padding:var(--space-3)}fieldset.success legend,html[data-design-theme=style-guide] fieldset.success [data-slot=legend]{color:var(--semantic-success-accent);border-bottom-color:var(--semantic-success-accent)}fieldset.success label,html[data-design-theme=style-guide] fieldset.success [data-slot=label]{color:var(--semantic-success-accent)}fieldset.success .field-input,fieldset.success .field-select,fieldset.success .field-textarea,fieldset.success [data-slot=input],fieldset.success [data-slot=select],html[data-design-theme=style-guide] fieldset.success [data-slot=textarea]{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.success .field-input,fieldset.success .field-select,fieldset.success .field-textarea,fieldset.success [data-slot=input],fieldset.success [data-slot=select],html[data-design-theme=style-guide] fieldset.success [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-success-accent) 40%,var(--field-border-color))}}fieldset.success .field-input:focus,fieldset.success .field-select:focus,fieldset.success .field-textarea:focus,fieldset.success [data-slot=input]:focus,fieldset.success [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.success [data-slot=textarea]:focus{border-color:var(--semantic-success-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-success-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){fieldset.success .field-input:focus,fieldset.success .field-select:focus,fieldset.success .field-textarea:focus,fieldset.success [data-slot=input]:focus,fieldset.success [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.success [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-success-accent) 25%,transparent),var(--field-shadow)}}fieldset.success .field-hint,html[data-design-theme=style-guide] fieldset.success [data-slot=description]{color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.success .field-hint,html[data-design-theme=style-guide] fieldset.success [data-slot=description]{color:color-mix(in srgb,var(--semantic-success-accent) 60%,var(--text-muted))}}.field-group.success label,html[data-design-theme=style-guide] .field-group.success [data-slot=label]{color:var(--semantic-success-accent)}.field-group.success .field-input,.field-group.success .field-select,.field-group.success .field-textarea,.field-group.success [data-slot=input],.field-group.success [data-slot=select],html[data-design-theme=style-guide] .field-group.success [data-slot=textarea]{border-color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.success .field-input,.field-group.success .field-select,.field-group.success .field-textarea,.field-group.success [data-slot=input],.field-group.success [data-slot=select],html[data-design-theme=style-guide] .field-group.success [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-success-accent) 40%,var(--field-border-color))}}.field-group.success .field-input:focus,.field-group.success .field-select:focus,.field-group.success .field-textarea:focus,.field-group.success [data-slot=input]:focus,.field-group.success [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.success [data-slot=textarea]:focus{border-color:var(--semantic-success-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-success-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){.field-group.success .field-input:focus,.field-group.success .field-select:focus,.field-group.success .field-textarea:focus,.field-group.success [data-slot=input]:focus,.field-group.success [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.success [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-success-accent) 25%,transparent),var(--field-shadow)}}.field-group.success .field-hint,html[data-design-theme=style-guide] .field-group.success [data-slot=description]{color:var(--semantic-success-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.success .field-hint,html[data-design-theme=style-guide] .field-group.success [data-slot=description]{color:color-mix(in srgb,var(--semantic-success-accent) 60%,var(--text-muted))}}html[data-design-theme=style-guide] .card.info{border-color:var(--semantic-info-accent);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-info-accent);color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .card.info .card-header{color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .card.info .card-title{color:inherit}html[data-design-theme=style-guide] .card.info .card-tag{background:var(--semantic-info-accent);color:var(--white)}html[data-design-theme=style-guide] .card.info .card-footer{color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .card.info.drop-shadow{box-shadow:0 8px 24px var(--semantic-info-accent),0 2px 6px var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.info.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-info-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-info-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card.accent-info{border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-info-accent)}html[data-design-theme=style-guide] .card.accent-info .card-header:after{display:none}html[data-design-theme=style-guide] .card.accent-info.drop-shadow{box-shadow:0 8px 24px var(--semantic-info-accent),0 2px 6px var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.accent-info.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-info-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-info-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card-header.accent-info{border-bottom:var(--card-border-width-accent) var(--card-border-style) var(--semantic-info-accent)}html[data-design-theme=style-guide] .card-header.info{background:var(--semantic-info-accent);color:var(--white);border:none}html[data-design-theme=style-guide] .card-header.info:after{border-bottom-color:#ffffff40}html[data-design-theme=style-guide] .card-header.info .card-title{color:inherit}html[data-design-theme=style-guide] .card-header.info .card-tag{background:var(--semantic-info-accent);color:var(--white)}html[data-design-theme=style-guide] .card-body.info{background:var(--semantic-info-background);color:var(--semantic-info-color);border:none}html[data-design-theme=style-guide] .card-footer.info{background:var(--semantic-info-accent);color:var(--white);border-bottom:none;border-left:none;border-right:none}html[data-design-theme=style-guide] .card-footer.info:before{border-top-color:#ffffff40}html[data-design-theme=style-guide] .btn.info{background:var(--semantic-info-accent);border-color:var(--semantic-info-accent);color:var(--white);transition:background var(--btn-transition),border-color var(--btn-transition),box-shadow var(--transition-slow) ease;position:relative;overflow:hidden}html[data-design-theme=style-guide] .btn.info:before{content:"";z-index:0;opacity:0;transition:opacity var(--transition-slow) ease;pointer-events:none;background:linear-gradient(135deg,#fff0,#ffffff38,#fff0,#0000002e) 0 0/300% 300%;position:absolute;inset:0}html[data-design-theme=style-guide] .btn.info:hover{background:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.info:hover{background:color-mix(in srgb,var(--semantic-info-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.info:hover{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.info:hover{border-color:color-mix(in srgb,var(--semantic-info-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.info.drop-shadow{box-shadow:0 8px 24px var(--semantic-info-accent),0 2px 6px var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.info.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-info-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-info-accent) 20%,transparent)}}html[data-design-theme=style-guide] .btn.btn-ghost.info{color:var(--semantic-info-accent);background:0 0;border-color:#0000}html[data-design-theme=style-guide] .btn.btn-ghost.info:hover{background:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-ghost.info:hover{background:color-mix(in srgb,var(--semantic-info-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.info{border-color:var(--semantic-info-accent);color:var(--semantic-info-accent);background:0 0}html[data-design-theme=style-guide] .btn.btn-outline.info:hover{background:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.info:hover{background:color-mix(in srgb,var(--semantic-info-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.accent-info{border-bottom-color:var(--semantic-info-accent);box-shadow:inset 0 -3px 6px var(--semantic-info-accent);border-bottom-width:2px}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-info{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-info-accent) 25%,transparent)}}html[data-design-theme=style-guide] .btn.accent-info.drop-shadow{box-shadow:inset 0 -3px 6px var(--semantic-info-accent),0 8px 24px var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-info.drop-shadow{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-info-accent) 25%,transparent),0 8px 24px color-mix(in srgb,var(--semantic-info-accent) 35%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.accent-info{border-color:var(--semantic-info-accent);color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .btn.btn-outline.accent-info:hover{background:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.accent-info:hover{background:color-mix(in srgb,var(--semantic-info-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.info.btn-selected{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.info.btn-selected{border-color:color-mix(in srgb,var(--semantic-info-accent) 70%,black)}}html[data-design-theme=style-guide] .btn.info.btn-selected{box-shadow:inset 0 2px 6px var(--semantic-info-accent),inset 0 1px 2px #0000004d}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.info.btn-selected{box-shadow:inset 0 2px 6px color-mix(in srgb,var(--semantic-info-accent) 40%,black),inset 0 1px 2px #0000004d}}html[data-design-theme=style-guide] .btn.info.btn-selected:before{opacity:1;animation:btn-selected-gradient 2.5s infinite}.hui.menu-btn.info,html[data-design-theme=style-guide] .hui.popover-btn.info{border-color:var(--semantic-info-accent);color:var(--semantic-info-color)}.hui.menu-btn.info[data-hover],html[data-design-theme=style-guide] .hui.popover-btn.info[data-hover]{background:var(--semantic-info-background)}.hui.combo-options.info,.hui.listbox-options.info,.hui.menu-items.info,html[data-design-theme=style-guide] .hui.popover-panel.info{border-left:var(--hui-showcase-accent-width) solid var(--semantic-info-accent);border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){.hui.combo-options.info,.hui.listbox-options.info,.hui.menu-items.info,html[data-design-theme=style-guide] .hui.popover-panel.info{border-color:color-mix(in srgb,var(--semantic-info-accent) 40%,var(--hui-panel-border))}}.hui.combo-options.info,.hui.listbox-options.info,.hui.menu-items.info,html[data-design-theme=style-guide] .hui.popover-panel.info{background:var(--semantic-info-background)}html[data-design-theme=style-guide] .hui.listbox-btn.info{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.info{border-color:color-mix(in srgb,var(--semantic-info-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.listbox-btn.info[data-open]{border-color:var(--semantic-info-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-info-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.info[data-open]{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-info-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.listbox-btn.info:after{border-right-color:var(--semantic-info-accent);border-bottom-color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.combo-input.info{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.info{border-color:color-mix(in srgb,var(--semantic-info-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.combo-input.info:focus{border-color:var(--semantic-info-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-info-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.info:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-info-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.combo-btn.info{color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.info{border-left:var(--hui-showcase-accent-width) solid var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.info .dialog-title{color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.tab-list.info .hui.tab[data-selected]{color:var(--semantic-info-accent);border-bottom-color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.disclosure-btn.info{border-color:var(--semantic-info-accent);background:var(--semantic-info-background)}html[data-design-theme=style-guide] .hui.checkbox-wrap.info[data-checked] .checkbox-visual{background:var(--semantic-info-accent);border-color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.switch-wrap.info[data-checked] .switch-track{background:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.radio-option.info[data-checked]{border-color:var(--semantic-info-accent);background:var(--semantic-info-background)}html[data-design-theme=style-guide] .hui.radio-option.info[data-checked] .radio-dot{border-color:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.radio-option.info[data-checked] .radio-dot-inner{background:var(--semantic-info-accent)}html[data-design-theme=style-guide] .hui.checkbox-wrap.info:not([data-checked]) .checkbox-visual{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.checkbox-wrap.info:not([data-checked]) .checkbox-visual{border-color:color-mix(in srgb,var(--semantic-info-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.switch-wrap.info:not([data-checked]) .switch-track{background:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.switch-wrap.info:not([data-checked]) .switch-track{background:color-mix(in srgb,var(--semantic-info-accent) 25%,var(--hui-switch-track-off-bg))}}html[data-design-theme=style-guide] .hui.radio-option.info:not([data-checked]){border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.info:not([data-checked]){border-color:color-mix(in srgb,var(--semantic-info-accent) 30%,var(--hui-radio-option-border))}}html[data-design-theme=style-guide] .hui.radio-option.info:not([data-checked]) .radio-dot{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.info:not([data-checked]) .radio-dot{border-color:color-mix(in srgb,var(--semantic-info-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.showcase.accent-info,html[data-design-theme=style-guide] .hui.showcase.info{border-top-color:var(--semantic-info-accent)}html[data-design-theme=style-guide] fieldset.info{background:var(--semantic-info-background);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-info-accent);border-radius:var(--radius);padding:var(--space-3)}fieldset.info legend,html[data-design-theme=style-guide] fieldset.info [data-slot=legend]{color:var(--semantic-info-accent);border-bottom-color:var(--semantic-info-accent)}fieldset.info label,html[data-design-theme=style-guide] fieldset.info [data-slot=label]{color:var(--semantic-info-accent)}fieldset.info .field-input,fieldset.info .field-select,fieldset.info .field-textarea,fieldset.info [data-slot=input],fieldset.info [data-slot=select],html[data-design-theme=style-guide] fieldset.info [data-slot=textarea]{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.info .field-input,fieldset.info .field-select,fieldset.info .field-textarea,fieldset.info [data-slot=input],fieldset.info [data-slot=select],html[data-design-theme=style-guide] fieldset.info [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-info-accent) 40%,var(--field-border-color))}}fieldset.info .field-input:focus,fieldset.info .field-select:focus,fieldset.info .field-textarea:focus,fieldset.info [data-slot=input]:focus,fieldset.info [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.info [data-slot=textarea]:focus{border-color:var(--semantic-info-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-info-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){fieldset.info .field-input:focus,fieldset.info .field-select:focus,fieldset.info .field-textarea:focus,fieldset.info [data-slot=input]:focus,fieldset.info [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.info [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-info-accent) 25%,transparent),var(--field-shadow)}}fieldset.info .field-hint,html[data-design-theme=style-guide] fieldset.info [data-slot=description]{color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.info .field-hint,html[data-design-theme=style-guide] fieldset.info [data-slot=description]{color:color-mix(in srgb,var(--semantic-info-accent) 60%,var(--text-muted))}}.field-group.info label,html[data-design-theme=style-guide] .field-group.info [data-slot=label]{color:var(--semantic-info-accent)}.field-group.info .field-input,.field-group.info .field-select,.field-group.info .field-textarea,.field-group.info [data-slot=input],.field-group.info [data-slot=select],html[data-design-theme=style-guide] .field-group.info [data-slot=textarea]{border-color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.info .field-input,.field-group.info .field-select,.field-group.info .field-textarea,.field-group.info [data-slot=input],.field-group.info [data-slot=select],html[data-design-theme=style-guide] .field-group.info [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-info-accent) 40%,var(--field-border-color))}}.field-group.info .field-input:focus,.field-group.info .field-select:focus,.field-group.info .field-textarea:focus,.field-group.info [data-slot=input]:focus,.field-group.info [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.info [data-slot=textarea]:focus{border-color:var(--semantic-info-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-info-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){.field-group.info .field-input:focus,.field-group.info .field-select:focus,.field-group.info .field-textarea:focus,.field-group.info [data-slot=input]:focus,.field-group.info [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.info [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-info-accent) 25%,transparent),var(--field-shadow)}}.field-group.info .field-hint,html[data-design-theme=style-guide] .field-group.info [data-slot=description]{color:var(--semantic-info-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.info .field-hint,html[data-design-theme=style-guide] .field-group.info [data-slot=description]{color:color-mix(in srgb,var(--semantic-info-accent) 60%,var(--text-muted))}}html[data-design-theme=style-guide] .card.primary{border-color:var(--semantic-primary-accent);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-primary-accent);color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .card.primary .card-header{color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .card.primary .card-title{color:inherit}html[data-design-theme=style-guide] .card.primary .card-tag{background:var(--semantic-primary-accent);color:var(--white)}html[data-design-theme=style-guide] .card.primary .card-footer{color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .card.primary.drop-shadow{box-shadow:0 8px 24px var(--semantic-primary-accent),0 2px 6px var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.primary.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-primary-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-primary-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card.accent-primary{border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-primary-accent)}html[data-design-theme=style-guide] .card.accent-primary .card-header:after{display:none}html[data-design-theme=style-guide] .card.accent-primary.drop-shadow{box-shadow:0 8px 24px var(--semantic-primary-accent),0 2px 6px var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.accent-primary.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-primary-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-primary-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card-header.accent-primary{border-bottom:var(--card-border-width-accent) var(--card-border-style) var(--semantic-primary-accent)}html[data-design-theme=style-guide] .card-header.primary{background:var(--semantic-primary-accent);color:var(--white);border:none}html[data-design-theme=style-guide] .card-header.primary:after{border-bottom-color:#ffffff40}html[data-design-theme=style-guide] .card-header.primary .card-title{color:inherit}html[data-design-theme=style-guide] .card-header.primary .card-tag{background:var(--semantic-primary-accent);color:var(--white)}html[data-design-theme=style-guide] .card-body.primary{background:var(--semantic-primary-background);color:var(--semantic-primary-color);border:none}html[data-design-theme=style-guide] .card-footer.primary{background:var(--semantic-primary-accent);color:var(--white);border-bottom:none;border-left:none;border-right:none}html[data-design-theme=style-guide] .card-footer.primary:before{border-top-color:#ffffff40}html[data-design-theme=style-guide] .btn.primary{background:var(--semantic-primary-accent);border-color:var(--semantic-primary-accent);color:var(--white);transition:background var(--btn-transition),border-color var(--btn-transition),box-shadow var(--transition-slow) ease;position:relative;overflow:hidden}html[data-design-theme=style-guide] .btn.primary:before{content:"";z-index:0;opacity:0;transition:opacity var(--transition-slow) ease;pointer-events:none;background:linear-gradient(135deg,#fff0,#ffffff38,#fff0,#0000002e) 0 0/300% 300%;position:absolute;inset:0}html[data-design-theme=style-guide] .btn.primary:hover{background:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.primary:hover{background:color-mix(in srgb,var(--semantic-primary-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.primary:hover{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.primary:hover{border-color:color-mix(in srgb,var(--semantic-primary-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.primary.drop-shadow{box-shadow:0 8px 24px var(--semantic-primary-accent),0 2px 6px var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.primary.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-primary-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-primary-accent) 20%,transparent)}}html[data-design-theme=style-guide] .btn.btn-ghost.primary{color:var(--semantic-primary-accent);background:0 0;border-color:#0000}html[data-design-theme=style-guide] .btn.btn-ghost.primary:hover{background:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-ghost.primary:hover{background:color-mix(in srgb,var(--semantic-primary-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.primary{border-color:var(--semantic-primary-accent);color:var(--semantic-primary-accent);background:0 0}html[data-design-theme=style-guide] .btn.btn-outline.primary:hover{background:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.primary:hover{background:color-mix(in srgb,var(--semantic-primary-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.accent-primary{border-bottom-color:var(--semantic-primary-accent);box-shadow:inset 0 -3px 6px var(--semantic-primary-accent);border-bottom-width:2px}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-primary{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-primary-accent) 25%,transparent)}}html[data-design-theme=style-guide] .btn.accent-primary.drop-shadow{box-shadow:inset 0 -3px 6px var(--semantic-primary-accent),0 8px 24px var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-primary.drop-shadow{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-primary-accent) 25%,transparent),0 8px 24px color-mix(in srgb,var(--semantic-primary-accent) 35%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.accent-primary{border-color:var(--semantic-primary-accent);color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .btn.btn-outline.accent-primary:hover{background:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.accent-primary:hover{background:color-mix(in srgb,var(--semantic-primary-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.primary.btn-selected{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.primary.btn-selected{border-color:color-mix(in srgb,var(--semantic-primary-accent) 70%,black)}}html[data-design-theme=style-guide] .btn.primary.btn-selected{box-shadow:inset 0 2px 6px var(--semantic-primary-accent),inset 0 1px 2px #0000004d}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.primary.btn-selected{box-shadow:inset 0 2px 6px color-mix(in srgb,var(--semantic-primary-accent) 40%,black),inset 0 1px 2px #0000004d}}html[data-design-theme=style-guide] .btn.primary.btn-selected:before{opacity:1;animation:btn-selected-gradient 2.5s infinite}.hui.menu-btn.primary,html[data-design-theme=style-guide] .hui.popover-btn.primary{border-color:var(--semantic-primary-accent);color:var(--semantic-primary-color)}.hui.menu-btn.primary[data-hover],html[data-design-theme=style-guide] .hui.popover-btn.primary[data-hover]{background:var(--semantic-primary-background)}.hui.combo-options.primary,.hui.listbox-options.primary,.hui.menu-items.primary,html[data-design-theme=style-guide] .hui.popover-panel.primary{border-left:var(--hui-showcase-accent-width) solid var(--semantic-primary-accent);border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){.hui.combo-options.primary,.hui.listbox-options.primary,.hui.menu-items.primary,html[data-design-theme=style-guide] .hui.popover-panel.primary{border-color:color-mix(in srgb,var(--semantic-primary-accent) 40%,var(--hui-panel-border))}}.hui.combo-options.primary,.hui.listbox-options.primary,.hui.menu-items.primary,html[data-design-theme=style-guide] .hui.popover-panel.primary{background:var(--semantic-primary-background)}html[data-design-theme=style-guide] .hui.listbox-btn.primary{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.primary{border-color:color-mix(in srgb,var(--semantic-primary-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.listbox-btn.primary[data-open]{border-color:var(--semantic-primary-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-primary-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.primary[data-open]{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-primary-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.listbox-btn.primary:after{border-right-color:var(--semantic-primary-accent);border-bottom-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.combo-input.primary{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.primary{border-color:color-mix(in srgb,var(--semantic-primary-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.combo-input.primary:focus{border-color:var(--semantic-primary-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-primary-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.primary:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-primary-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.combo-btn.primary{color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.primary{border-left:var(--hui-showcase-accent-width) solid var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.primary .dialog-title{color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.tab-list.primary .hui.tab[data-selected]{color:var(--semantic-primary-accent);border-bottom-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.disclosure-btn.primary{border-color:var(--semantic-primary-accent);background:var(--semantic-primary-background)}html[data-design-theme=style-guide] .hui.checkbox-wrap.primary[data-checked] .checkbox-visual{background:var(--semantic-primary-accent);border-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.switch-wrap.primary[data-checked] .switch-track{background:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.radio-option.primary[data-checked]{border-color:var(--semantic-primary-accent);background:var(--semantic-primary-background)}html[data-design-theme=style-guide] .hui.radio-option.primary[data-checked] .radio-dot{border-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.radio-option.primary[data-checked] .radio-dot-inner{background:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .hui.checkbox-wrap.primary:not([data-checked]) .checkbox-visual{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.checkbox-wrap.primary:not([data-checked]) .checkbox-visual{border-color:color-mix(in srgb,var(--semantic-primary-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.switch-wrap.primary:not([data-checked]) .switch-track{background:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.switch-wrap.primary:not([data-checked]) .switch-track{background:color-mix(in srgb,var(--semantic-primary-accent) 25%,var(--hui-switch-track-off-bg))}}html[data-design-theme=style-guide] .hui.radio-option.primary:not([data-checked]){border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.primary:not([data-checked]){border-color:color-mix(in srgb,var(--semantic-primary-accent) 30%,var(--hui-radio-option-border))}}html[data-design-theme=style-guide] .hui.radio-option.primary:not([data-checked]) .radio-dot{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.primary:not([data-checked]) .radio-dot{border-color:color-mix(in srgb,var(--semantic-primary-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.showcase.accent-primary,html[data-design-theme=style-guide] .hui.showcase.primary{border-top-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] fieldset.primary{background:var(--semantic-primary-background);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-primary-accent);border-radius:var(--radius);padding:var(--space-3)}fieldset.primary legend,html[data-design-theme=style-guide] fieldset.primary [data-slot=legend]{color:var(--semantic-primary-accent);border-bottom-color:var(--semantic-primary-accent)}fieldset.primary label,html[data-design-theme=style-guide] fieldset.primary [data-slot=label]{color:var(--semantic-primary-accent)}fieldset.primary .field-input,fieldset.primary .field-select,fieldset.primary .field-textarea,fieldset.primary [data-slot=input],fieldset.primary [data-slot=select],html[data-design-theme=style-guide] fieldset.primary [data-slot=textarea]{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.primary .field-input,fieldset.primary .field-select,fieldset.primary .field-textarea,fieldset.primary [data-slot=input],fieldset.primary [data-slot=select],html[data-design-theme=style-guide] fieldset.primary [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-primary-accent) 40%,var(--field-border-color))}}fieldset.primary .field-input:focus,fieldset.primary .field-select:focus,fieldset.primary .field-textarea:focus,fieldset.primary [data-slot=input]:focus,fieldset.primary [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.primary [data-slot=textarea]:focus{border-color:var(--semantic-primary-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-primary-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){fieldset.primary .field-input:focus,fieldset.primary .field-select:focus,fieldset.primary .field-textarea:focus,fieldset.primary [data-slot=input]:focus,fieldset.primary [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.primary [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-primary-accent) 25%,transparent),var(--field-shadow)}}fieldset.primary .field-hint,html[data-design-theme=style-guide] fieldset.primary [data-slot=description]{color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.primary .field-hint,html[data-design-theme=style-guide] fieldset.primary [data-slot=description]{color:color-mix(in srgb,var(--semantic-primary-accent) 60%,var(--text-muted))}}.field-group.primary label,html[data-design-theme=style-guide] .field-group.primary [data-slot=label]{color:var(--semantic-primary-accent)}.field-group.primary .field-input,.field-group.primary .field-select,.field-group.primary .field-textarea,.field-group.primary [data-slot=input],.field-group.primary [data-slot=select],html[data-design-theme=style-guide] .field-group.primary [data-slot=textarea]{border-color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.primary .field-input,.field-group.primary .field-select,.field-group.primary .field-textarea,.field-group.primary [data-slot=input],.field-group.primary [data-slot=select],html[data-design-theme=style-guide] .field-group.primary [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-primary-accent) 40%,var(--field-border-color))}}.field-group.primary .field-input:focus,.field-group.primary .field-select:focus,.field-group.primary .field-textarea:focus,.field-group.primary [data-slot=input]:focus,.field-group.primary [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.primary [data-slot=textarea]:focus{border-color:var(--semantic-primary-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-primary-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){.field-group.primary .field-input:focus,.field-group.primary .field-select:focus,.field-group.primary .field-textarea:focus,.field-group.primary [data-slot=input]:focus,.field-group.primary [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.primary [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-primary-accent) 25%,transparent),var(--field-shadow)}}.field-group.primary .field-hint,html[data-design-theme=style-guide] .field-group.primary [data-slot=description]{color:var(--semantic-primary-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.primary .field-hint,html[data-design-theme=style-guide] .field-group.primary [data-slot=description]{color:color-mix(in srgb,var(--semantic-primary-accent) 60%,var(--text-muted))}}html[data-design-theme=style-guide] .card.brand{border-color:var(--semantic-brand-accent);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-brand-accent);color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .card.brand .card-header{color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .card.brand .card-title{color:inherit}html[data-design-theme=style-guide] .card.brand .card-tag{background:var(--semantic-brand-accent);color:var(--white)}html[data-design-theme=style-guide] .card.brand .card-footer{color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .card.brand.drop-shadow{box-shadow:0 8px 24px var(--semantic-brand-accent),0 2px 6px var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.brand.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-brand-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-brand-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card.accent-brand{border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-brand-accent)}html[data-design-theme=style-guide] .card.accent-brand .card-header:after{display:none}html[data-design-theme=style-guide] .card.accent-brand.drop-shadow{box-shadow:0 8px 24px var(--semantic-brand-accent),0 2px 6px var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .card.accent-brand.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-brand-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-brand-accent) 20%,transparent)}}html[data-design-theme=style-guide] .card-header.accent-brand{border-bottom:var(--card-border-width-accent) var(--card-border-style) var(--semantic-brand-accent)}html[data-design-theme=style-guide] .card-header.brand{background:var(--semantic-brand-accent);color:var(--white);border:none}html[data-design-theme=style-guide] .card-header.brand:after{border-bottom-color:#ffffff40}html[data-design-theme=style-guide] .card-header.brand .card-title{color:inherit}html[data-design-theme=style-guide] .card-header.brand .card-tag{background:var(--semantic-brand-accent);color:var(--white)}html[data-design-theme=style-guide] .card-body.brand{background:var(--semantic-brand-background);color:var(--semantic-brand-color);border:none}html[data-design-theme=style-guide] .card-footer.brand{background:var(--semantic-brand-accent);color:var(--white);border-bottom:none;border-left:none;border-right:none}html[data-design-theme=style-guide] .card-footer.brand:before{border-top-color:#ffffff40}html[data-design-theme=style-guide] .btn.brand{background:var(--semantic-brand-accent);border-color:var(--semantic-brand-accent);color:var(--white);transition:background var(--btn-transition),border-color var(--btn-transition),box-shadow var(--transition-slow) ease;position:relative;overflow:hidden}html[data-design-theme=style-guide] .btn.brand:before{content:"";z-index:0;opacity:0;transition:opacity var(--transition-slow) ease;pointer-events:none;background:linear-gradient(135deg,#fff0,#ffffff38,#fff0,#0000002e) 0 0/300% 300%;position:absolute;inset:0}html[data-design-theme=style-guide] .btn.brand:hover{background:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.brand:hover{background:color-mix(in srgb,var(--semantic-brand-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.brand:hover{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.brand:hover{border-color:color-mix(in srgb,var(--semantic-brand-accent) 85%,black)}}html[data-design-theme=style-guide] .btn.brand.drop-shadow{box-shadow:0 8px 24px var(--semantic-brand-accent),0 2px 6px var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.brand.drop-shadow{box-shadow:0 8px 24px color-mix(in srgb,var(--semantic-brand-accent) 35%,transparent),0 2px 6px color-mix(in srgb,var(--semantic-brand-accent) 20%,transparent)}}html[data-design-theme=style-guide] .btn.btn-ghost.brand{color:var(--semantic-brand-accent);background:0 0;border-color:#0000}html[data-design-theme=style-guide] .btn.btn-ghost.brand:hover{background:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-ghost.brand:hover{background:color-mix(in srgb,var(--semantic-brand-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.brand{border-color:var(--semantic-brand-accent);color:var(--semantic-brand-accent);background:0 0}html[data-design-theme=style-guide] .btn.btn-outline.brand:hover{background:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.brand:hover{background:color-mix(in srgb,var(--semantic-brand-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.accent-brand{border-bottom-color:var(--semantic-brand-accent);box-shadow:inset 0 -3px 6px var(--semantic-brand-accent);border-bottom-width:2px}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-brand{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-brand-accent) 25%,transparent)}}html[data-design-theme=style-guide] .btn.accent-brand.drop-shadow{box-shadow:inset 0 -3px 6px var(--semantic-brand-accent),0 8px 24px var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.accent-brand.drop-shadow{box-shadow:inset 0 -3px 6px color-mix(in srgb,var(--semantic-brand-accent) 25%,transparent),0 8px 24px color-mix(in srgb,var(--semantic-brand-accent) 35%,transparent)}}html[data-design-theme=style-guide] .btn.btn-outline.accent-brand{border-color:var(--semantic-brand-accent);color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .btn.btn-outline.accent-brand:hover{background:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.btn-outline.accent-brand:hover{background:color-mix(in srgb,var(--semantic-brand-accent) 10%,transparent)}}html[data-design-theme=style-guide] .btn.brand.btn-selected{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.brand.btn-selected{border-color:color-mix(in srgb,var(--semantic-brand-accent) 70%,black)}}html[data-design-theme=style-guide] .btn.brand.btn-selected{box-shadow:inset 0 2px 6px var(--semantic-brand-accent),inset 0 1px 2px #0000004d}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .btn.brand.btn-selected{box-shadow:inset 0 2px 6px color-mix(in srgb,var(--semantic-brand-accent) 40%,black),inset 0 1px 2px #0000004d}}html[data-design-theme=style-guide] .btn.brand.btn-selected:before{opacity:1;animation:btn-selected-gradient 2.5s infinite}.hui.menu-btn.brand,html[data-design-theme=style-guide] .hui.popover-btn.brand{border-color:var(--semantic-brand-accent);color:var(--semantic-brand-color)}.hui.menu-btn.brand[data-hover],html[data-design-theme=style-guide] .hui.popover-btn.brand[data-hover]{background:var(--semantic-brand-background)}.hui.combo-options.brand,.hui.listbox-options.brand,.hui.menu-items.brand,html[data-design-theme=style-guide] .hui.popover-panel.brand{border-left:var(--hui-showcase-accent-width) solid var(--semantic-brand-accent);border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){.hui.combo-options.brand,.hui.listbox-options.brand,.hui.menu-items.brand,html[data-design-theme=style-guide] .hui.popover-panel.brand{border-color:color-mix(in srgb,var(--semantic-brand-accent) 40%,var(--hui-panel-border))}}.hui.combo-options.brand,.hui.listbox-options.brand,.hui.menu-items.brand,html[data-design-theme=style-guide] .hui.popover-panel.brand{background:var(--semantic-brand-background)}html[data-design-theme=style-guide] .hui.listbox-btn.brand{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.brand{border-color:color-mix(in srgb,var(--semantic-brand-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.listbox-btn.brand[data-open]{border-color:var(--semantic-brand-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-brand-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.listbox-btn.brand[data-open]{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-brand-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.listbox-btn.brand:after{border-right-color:var(--semantic-brand-accent);border-bottom-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.combo-input.brand{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.brand{border-color:color-mix(in srgb,var(--semantic-brand-accent) 40%,var(--hui-field-border))}}html[data-design-theme=style-guide] .hui.combo-input.brand:focus{border-color:var(--semantic-brand-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-brand-accent),var(--hui-field-shadow)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.combo-input.brand:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-brand-accent) 25%,transparent),var(--hui-field-shadow)}}html[data-design-theme=style-guide] .hui.combo-btn.brand{color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.brand{border-left:var(--hui-showcase-accent-width) solid var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.dialog-panel.brand .dialog-title{color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.tab-list.brand .hui.tab[data-selected]{color:var(--semantic-brand-accent);border-bottom-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.disclosure-btn.brand{border-color:var(--semantic-brand-accent);background:var(--semantic-brand-background)}html[data-design-theme=style-guide] .hui.checkbox-wrap.brand[data-checked] .checkbox-visual{background:var(--semantic-brand-accent);border-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.switch-wrap.brand[data-checked] .switch-track{background:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.radio-option.brand[data-checked]{border-color:var(--semantic-brand-accent);background:var(--semantic-brand-background)}html[data-design-theme=style-guide] .hui.radio-option.brand[data-checked] .radio-dot{border-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.radio-option.brand[data-checked] .radio-dot-inner{background:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .hui.checkbox-wrap.brand:not([data-checked]) .checkbox-visual{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.checkbox-wrap.brand:not([data-checked]) .checkbox-visual{border-color:color-mix(in srgb,var(--semantic-brand-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.switch-wrap.brand:not([data-checked]) .switch-track{background:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.switch-wrap.brand:not([data-checked]) .switch-track{background:color-mix(in srgb,var(--semantic-brand-accent) 25%,var(--hui-switch-track-off-bg))}}html[data-design-theme=style-guide] .hui.radio-option.brand:not([data-checked]){border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.brand:not([data-checked]){border-color:color-mix(in srgb,var(--semantic-brand-accent) 30%,var(--hui-radio-option-border))}}html[data-design-theme=style-guide] .hui.radio-option.brand:not([data-checked]) .radio-dot{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hui.radio-option.brand:not([data-checked]) .radio-dot{border-color:color-mix(in srgb,var(--semantic-brand-accent) 40%,var(--hui-control-border))}}html[data-design-theme=style-guide] .hui.showcase.accent-brand,html[data-design-theme=style-guide] .hui.showcase.brand{border-top-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] fieldset.brand{background:var(--semantic-brand-background);border-left:var(--card-border-width-accent) var(--card-border-style) var(--semantic-brand-accent);border-radius:var(--radius);padding:var(--space-3)}fieldset.brand legend,html[data-design-theme=style-guide] fieldset.brand [data-slot=legend]{color:var(--semantic-brand-accent);border-bottom-color:var(--semantic-brand-accent)}fieldset.brand label,html[data-design-theme=style-guide] fieldset.brand [data-slot=label]{color:var(--semantic-brand-accent)}fieldset.brand .field-input,fieldset.brand .field-select,fieldset.brand .field-textarea,fieldset.brand [data-slot=input],fieldset.brand [data-slot=select],html[data-design-theme=style-guide] fieldset.brand [data-slot=textarea]{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.brand .field-input,fieldset.brand .field-select,fieldset.brand .field-textarea,fieldset.brand [data-slot=input],fieldset.brand [data-slot=select],html[data-design-theme=style-guide] fieldset.brand [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-brand-accent) 40%,var(--field-border-color))}}fieldset.brand .field-input:focus,fieldset.brand .field-select:focus,fieldset.brand .field-textarea:focus,fieldset.brand [data-slot=input]:focus,fieldset.brand [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.brand [data-slot=textarea]:focus{border-color:var(--semantic-brand-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-brand-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){fieldset.brand .field-input:focus,fieldset.brand .field-select:focus,fieldset.brand .field-textarea:focus,fieldset.brand [data-slot=input]:focus,fieldset.brand [data-slot=select]:focus,html[data-design-theme=style-guide] fieldset.brand [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-brand-accent) 25%,transparent),var(--field-shadow)}}fieldset.brand .field-hint,html[data-design-theme=style-guide] fieldset.brand [data-slot=description]{color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){fieldset.brand .field-hint,html[data-design-theme=style-guide] fieldset.brand [data-slot=description]{color:color-mix(in srgb,var(--semantic-brand-accent) 60%,var(--text-muted))}}.field-group.brand label,html[data-design-theme=style-guide] .field-group.brand [data-slot=label]{color:var(--semantic-brand-accent)}.field-group.brand .field-input,.field-group.brand .field-select,.field-group.brand .field-textarea,.field-group.brand [data-slot=input],.field-group.brand [data-slot=select],html[data-design-theme=style-guide] .field-group.brand [data-slot=textarea]{border-color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.brand .field-input,.field-group.brand .field-select,.field-group.brand .field-textarea,.field-group.brand [data-slot=input],.field-group.brand [data-slot=select],html[data-design-theme=style-guide] .field-group.brand [data-slot=textarea]{border-color:color-mix(in srgb,var(--semantic-brand-accent) 40%,var(--field-border-color))}}.field-group.brand .field-input:focus,.field-group.brand .field-select:focus,.field-group.brand .field-textarea:focus,.field-group.brand [data-slot=input]:focus,.field-group.brand [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.brand [data-slot=textarea]:focus{border-color:var(--semantic-brand-accent);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--semantic-brand-accent),var(--field-shadow)}@supports (color:color-mix(in lab,red,red)){.field-group.brand .field-input:focus,.field-group.brand .field-select:focus,.field-group.brand .field-textarea:focus,.field-group.brand [data-slot=input]:focus,.field-group.brand [data-slot=select]:focus,html[data-design-theme=style-guide] .field-group.brand [data-slot=textarea]:focus{box-shadow:0 0 0 var(--hui-focus-ring-width) color-mix(in srgb,var(--semantic-brand-accent) 25%,transparent),var(--field-shadow)}}.field-group.brand .field-hint,html[data-design-theme=style-guide] .field-group.brand [data-slot=description]{color:var(--semantic-brand-accent)}@supports (color:color-mix(in lab,red,red)){.field-group.brand .field-hint,html[data-design-theme=style-guide] .field-group.brand [data-slot=description]{color:color-mix(in srgb,var(--semantic-brand-accent) 60%,var(--text-muted))}}html[data-design-theme=style-guide] .typography-display{font-family:var(--font-sans);letter-spacing:-.04em;font-size:56px;font-weight:700;line-height:.95}html[data-design-theme=style-guide] .typography-h1{font-family:var(--font-sans);letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.15}html[data-design-theme=style-guide] .typography-h2{font-family:var(--font-sans);letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.3}html[data-design-theme=style-guide] .typography-body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.6}html[data-design-theme=style-guide] .typography-code{font-family:var(--font-mono);font-size:13px;font-weight:400;line-height:1.8}html[data-design-theme=style-guide] .typography-label{font-family:var(--font-sans);letter-spacing:.06em;font-size:11px;font-weight:700;line-height:1.4}html[data-design-theme=style-guide] .typography-data{font-family:var(--font-mono);font-size:10px;font-weight:500;line-height:1.4}html[data-design-theme=style-guide] .badge{padding:var(--badge-padding);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);font-family:var(--badge-font-family);line-height:var(--badge-line-height);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}html[data-design-theme=style-guide] .badge.count{min-width:var(--badge-count-min-width);height:var(--badge-count-height);padding:var(--badge-count-padding)}html[data-design-theme=style-guide] .badge.success{background:var(--success);color:var(--on-semantic-color)}html[data-design-theme=style-guide] .badge.warning{background:var(--warning);color:var(--on-semantic-color)}html[data-design-theme=style-guide] .badge.error{background:var(--error);color:var(--on-semantic-color)}html[data-design-theme=style-guide] .badge.info{background:var(--info);color:var(--on-semantic-color)}html[data-design-theme=style-guide] .badge.default{background:var(--border);color:var(--text)}html[data-design-theme=style-guide] .badge.muted{background:var(--surface-alt);color:var(--text);border:var(--border-thin) solid var(--border-strong)}html[data-design-theme=style-guide] .alert{padding:var(--space-2) var(--space-3);border-left:var(--alert-border-width) solid var(--border-strong);background:var(--surface-alt);gap:var(--alert-gap);flex-direction:column;display:flex}html[data-design-theme=style-guide] .alert-title{font-weight:var(--alert-title-font-weight);font-size:var(--alert-title-font-size);line-height:var(--alert-title-line-height)}html[data-design-theme=style-guide] .alert-body{font-size:var(--alert-body-font-size);color:var(--text-secondary);line-height:var(--alert-body-line-height)}html[data-design-theme=style-guide] .alert.success{border-left-color:var(--success);background:var(--success-tint)}html[data-design-theme=style-guide] .alert.success .alert-title{color:var(--success)}html[data-design-theme=style-guide] .alert.warning{border-left-color:var(--warning);background:var(--warning-tint)}html[data-design-theme=style-guide] .alert.warning .alert-title{color:var(--warning)}html[data-design-theme=style-guide] .alert.error{border-left-color:var(--error);background:var(--error-tint)}html[data-design-theme=style-guide] .alert.error .alert-title{color:var(--error)}html[data-design-theme=style-guide] .alert.info{border-left-color:var(--info);background:var(--info-tint)}html[data-design-theme=style-guide] .alert.info .alert-title{color:var(--info)}html[data-design-theme=style-guide] .toast{align-items:center;gap:var(--toast-gap);padding:var(--toast-padding);background:var(--toast-bg);color:var(--toast-color);font-size:var(--toast-font-size);font-weight:var(--toast-font-weight);line-height:var(--toast-line-height);width:100%;max-width:var(--toast-max-width);border-left:var(--toast-border-width) solid transparent;box-shadow:var(--toast-shadow);display:flex}html[data-design-theme=style-guide] .toast-icon{flex-shrink:0}html[data-design-theme=style-guide] .toast.success{background:var(--toast-bg-success);color:var(--toast-color-success);border-left-color:var(--success)}html[data-design-theme=style-guide] .toast.warning{background:var(--toast-bg-warning);color:var(--toast-color-warning);border-left-color:var(--warning)}html[data-design-theme=style-guide] .toast.error{background:var(--toast-bg-error);color:var(--toast-color-error);border-left-color:var(--error)}html[data-design-theme=style-guide] .toast.info{background:var(--toast-bg-info);color:var(--toast-color-info);border-left-color:var(--info)}html[data-design-theme=style-guide] [data-sonner-toaster] [data-sonner-toast]{--normal-bg:var(--toast-bg);--normal-text:var(--toast-color);--normal-border:transparent;--success-bg:var(--toast-bg-success);--success-text:var(--toast-color-success);--success-border:var(--success);--error-bg:var(--toast-bg-error);--error-text:var(--toast-color-error);--error-border:var(--error);--warning-bg:var(--toast-bg-warning);--warning-text:var(--toast-color-warning);--warning-border:var(--warning);--info-bg:var(--toast-bg-info);--info-text:var(--toast-color-info);--info-border:var(--info);font-size:var(--toast-font-size);font-weight:var(--toast-font-weight);line-height:var(--toast-line-height);box-shadow:var(--toast-shadow);border-left-width:var(--toast-border-width);border-left-style:solid;border-radius:0}html[data-design-theme=style-guide] [data-sonner-toaster] [data-sonner-toast][data-type=success]{background:var(--toast-bg-success);color:var(--toast-color-success);border-left-color:var(--success)}html[data-design-theme=style-guide] [data-sonner-toaster] [data-sonner-toast][data-type=error]{background:var(--toast-bg-error);color:var(--toast-color-error);border-left-color:var(--error)}html[data-design-theme=style-guide] [data-sonner-toaster] [data-sonner-toast][data-type=warning]{background:var(--toast-bg-warning);color:var(--toast-color-warning);border-left-color:var(--warning)}html[data-design-theme=style-guide] [data-sonner-toaster] [data-sonner-toast][data-type=info]{background:var(--toast-bg-info);color:var(--toast-color-info);border-left-color:var(--info)}html[data-design-theme=style-guide] .progress{background:var(--border);border-radius:var(--progress-radius);width:100%;height:var(--progress-height);overflow:hidden}html[data-design-theme=style-guide] .progress.sm{height:var(--progress-height-sm)}html[data-design-theme=style-guide] .progress.lg{height:var(--progress-height-lg)}html[data-design-theme=style-guide] .progress-bar{border-radius:var(--progress-radius);background:var(--text);height:100%;transition:var(--progress-transition)}html[data-design-theme=style-guide] .progress-bar.success{background:var(--success)}html[data-design-theme=style-guide] .progress-bar.warning{background:var(--warning)}html[data-design-theme=style-guide] .progress-bar.error{background:var(--error)}html[data-design-theme=style-guide] .progress-bar.info{background:var(--info)}html[data-design-theme=style-guide] .progress.indeterminate .progress-bar{animation:progress-slide 1.4s ease-in-out infinite;width:40%!important}@keyframes progress-slide{0%{transform:translate(-150%)}to{transform:translate(350%)}}html[data-design-theme=style-guide] .status-dot-row{align-items:center;gap:var(--status-dot-row-gap);font-size:var(--status-dot-row-font-size);display:inline-flex}html[data-design-theme=style-guide] .status-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:50%;flex-shrink:0;display:inline-block}html[data-design-theme=style-guide] .status-dot.online{background:var(--success);box-shadow:0 0 0 var(--size-border-thick) var(--success)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .status-dot.online{box-shadow:0 0 0 var(--size-border-thick) color-mix(in srgb,var(--success) 25%,transparent)}}html[data-design-theme=style-guide] .status-dot.away{background:var(--warning)}html[data-design-theme=style-guide] .status-dot.offline{background:var(--text-muted)}html[data-design-theme=style-guide] .status-dot.error{background:var(--error)}html[data-design-theme=style-guide] .tag{padding:var(--tag-padding);border-radius:var(--tag-radius);font-size:var(--tag-font-size);font-weight:var(--tag-font-weight);font-family:var(--tag-font-family);white-space:nowrap;border:var(--tag-border-width) solid transparent;align-items:center;display:inline-flex}html[data-design-theme=style-guide] .tag.success{background:var(--success-tint);color:var(--success);border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .tag.success{border-color:color-mix(in srgb,var(--success) 25%,transparent)}}html[data-design-theme=style-guide] .tag.warning{background:var(--warning-tint);color:var(--warning);border-color:var(--warning)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .tag.warning{border-color:color-mix(in srgb,var(--warning) 25%,transparent)}}html[data-design-theme=style-guide] .tag.error{background:var(--error-tint);color:var(--error);border-color:var(--error)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .tag.error{border-color:color-mix(in srgb,var(--error) 25%,transparent)}}html[data-design-theme=style-guide] .tag.info{background:var(--info-tint);color:var(--info);border-color:var(--info)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .tag.info{border-color:color-mix(in srgb,var(--info) 25%,transparent)}}html[data-design-theme=style-guide] .tag.default{background:var(--surface-alt);color:var(--text-secondary);border-color:var(--border-strong)}html[data-design-theme=style-guide] .field-group{gap:var(--field-label-gap);flex-direction:column;display:flex}html[data-design-theme=style-guide] .field-label{font-family:var(--font-mono);font-size:var(--field-label-font-size);font-weight:var(--field-label-font-weight);letter-spacing:var(--field-label-letter-spacing);text-transform:uppercase;color:var(--text-secondary);-webkit-user-select:none;user-select:none;display:block}.field-input,.field-select,html[data-design-theme=style-guide] .field-textarea{box-sizing:border-box;width:100%;font-family:var(--font-sans);font-size:var(--field-font-size);font-weight:var(--font-weight-normal);color:var(--text);background:var(--field-bg);border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--radius);box-shadow:var(--field-shadow);transition:var(--field-transition);outline:none;display:block}html[data-design-theme=style-guide] .field-input{height:var(--field-height);padding:0 var(--field-padding-x)}html[data-design-theme=style-guide] .field-select{height:var(--field-height);padding:0 var(--field-select-padding-right) 0 var(--field-padding-x)}html[data-design-theme=style-guide] .field-textarea{padding:var(--field-textarea-padding);min-height:var(--field-textarea-min-height);resize:none;line-height:var(--field-textarea-line-height)}.field-input:hover:not(:focus):not(.field-error):not(.field-warning):not(.field-success),.field-select:hover:not(:focus):not(.field-error):not(.field-warning):not(.field-success),html[data-design-theme=style-guide] .field-textarea:hover:not(:focus):not(.field-error):not(.field-warning):not(.field-success){border-color:var(--border-strong)}.field-input:focus,.field-select:focus,html[data-design-theme=style-guide] .field-textarea:focus{border-color:var(--brand-blue);box-shadow:var(--field-focus-ring),var(--field-shadow)}.field-input::placeholder,html[data-design-theme=style-guide] .field-textarea::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.field-input.field-error,.field-select.field-error,html[data-design-theme=style-guide] .field-textarea.field-error{border-color:var(--error);background:var(--error-tint)}@supports (color:color-mix(in lab,red,red)){.field-input.field-error,.field-select.field-error,html[data-design-theme=style-guide] .field-textarea.field-error{background:color-mix(in srgb,var(--error-tint) 55%,var(--surface))}}.field-input.field-error,.field-select.field-error,html[data-design-theme=style-guide] .field-textarea.field-error{box-shadow:inset var(--field-validation-bar-width) 0 0 0 var(--error)}.field-input.field-warning,.field-select.field-warning,html[data-design-theme=style-guide] .field-textarea.field-warning{border-color:var(--warning);background:var(--warning-tint)}@supports (color:color-mix(in lab,red,red)){.field-input.field-warning,.field-select.field-warning,html[data-design-theme=style-guide] .field-textarea.field-warning{background:color-mix(in srgb,var(--warning-tint) 55%,var(--surface))}}.field-input.field-warning,.field-select.field-warning,html[data-design-theme=style-guide] .field-textarea.field-warning{box-shadow:inset var(--field-validation-bar-width) 0 0 0 var(--warning)}.field-input.field-success,.field-select.field-success,html[data-design-theme=style-guide] .field-textarea.field-success{border-color:var(--success);background:var(--success-tint)}@supports (color:color-mix(in lab,red,red)){.field-input.field-success,.field-select.field-success,html[data-design-theme=style-guide] .field-textarea.field-success{background:color-mix(in srgb,var(--success-tint) 55%,var(--surface))}}.field-input.field-success,.field-select.field-success,html[data-design-theme=style-guide] .field-textarea.field-success{box-shadow:inset var(--field-validation-bar-width) 0 0 0 var(--success)}html[data-design-theme=style-guide] .field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23757575' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--field-padding-x) center;cursor:pointer}html[data-design-theme=style-guide] .field-hint{font-family:var(--font-mono);font-size:var(--field-hint-font-size);color:var(--text-muted);line-height:var(--field-hint-line-height);margin-top:var(--field-hint-margin-top);margin-left:var(--field-hint-margin-left)}html[data-design-theme=style-guide] .field-hint.field-error{color:var(--error);margin-left:0}html[data-design-theme=style-guide] .field-hint.field-warning{color:var(--warning);margin-left:0}html[data-design-theme=style-guide] .field-hint.field-success{color:var(--success);margin-left:0}html[data-design-theme=style-guide] .field-char-count{font-family:var(--font-mono);font-size:var(--field-label-font-size);color:var(--text-muted);text-align:right;line-height:var(--field-char-count-line-height)}html[data-design-theme=style-guide] .field-char-count.field-warning{color:var(--warning)}html[data-design-theme=style-guide] .field-char-count.field-error{color:var(--error)}html[data-design-theme=style-guide] .field-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}html[data-design-theme=style-guide] .field-section-heading{font-family:var(--font-mono);font-size:var(--field-label-font-size);font-weight:var(--field-label-font-weight);letter-spacing:var(--field-label-letter-spacing);text-transform:uppercase;color:var(--text-muted);padding-bottom:var(--fieldset-legend-padding);border-bottom:var(--fieldset-border-width) solid var(--border);margin-bottom:var(--fieldset-legend-margin-bottom)}html[data-design-theme=style-guide] .form-actions{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-thin) solid var(--border);margin-top:var(--space-2);display:flex}.field-checkbox-group,html[data-design-theme=style-guide] .field-radio-group{gap:var(--field-group-gap);flex-direction:column;display:flex}.field-checkbox-row,html[data-design-theme=style-guide] .field-radio-row{align-items:center;gap:var(--field-group-gap);font-family:var(--font-sans);font-size:var(--field-checkbox-font-size);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.field-checkbox-row input[type=checkbox],html[data-design-theme=style-guide] .field-radio-row input[type=radio]{width:var(--control-size);height:var(--control-size);accent-color:var(--brand-blue);cursor:pointer;flex-shrink:0}html[data-design-theme=style-guide] [data-slot=control]{gap:var(--field-label-gap);flex-direction:column;display:flex}fieldset[data-slot=fieldset],html[data-design-theme=style-guide] fieldset{gap:var(--space-2);border:none;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}[data-slot=label],html[data-design-theme=style-guide] label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;cursor:default;display:block}[data-slot=label],[data-slot=legend],html[data-design-theme=style-guide] label,html[data-design-theme=style-guide] legend{font-family:var(--font-mono);font-size:var(--field-label-font-size);font-weight:var(--field-label-font-weight);letter-spacing:var(--field-label-letter-spacing);text-transform:uppercase}[data-slot=legend],html[data-design-theme=style-guide] legend{color:var(--text-muted);padding-bottom:var(--fieldset-legend-padding);border-bottom:var(--fieldset-border-width) solid var(--border);float:left;width:100%;margin-bottom:var(--space-1)}html[data-design-theme=style-guide] [data-slot=description]{font-family:var(--font-mono);font-size:var(--field-hint-font-size);color:var(--text-muted);line-height:var(--field-hint-line-height);margin:0}html[data-design-theme=style-guide] [data-slot=input]{box-sizing:border-box;width:100%;height:var(--field-height);padding:0 var(--field-padding-x);font-family:var(--font-sans);font-size:var(--field-font-size);font-weight:var(--font-weight-normal);color:var(--text);background:var(--field-bg);border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--radius);box-shadow:var(--field-shadow);transition:var(--field-transition);outline:none;display:block}html[data-design-theme=style-guide] [data-slot=input]::placeholder{color:var(--text-muted)}html[data-design-theme=style-guide] [data-slot=input]:hover:not(:focus){border-color:var(--border-strong)}[data-slot=input]:focus,html[data-design-theme=style-guide] [data-slot=input][data-focus]{border-color:var(--brand-blue);box-shadow:var(--field-focus-ring),var(--field-shadow)}[data-slot=input][data-invalid],html[data-design-theme=style-guide] [data-slot=input].field-error{border-color:var(--error);background:var(--error-tint)}@supports (color:color-mix(in lab,red,red)){[data-slot=input][data-invalid],html[data-design-theme=style-guide] [data-slot=input].field-error{background:color-mix(in srgb,var(--error-tint) 55%,var(--surface))}}[data-slot=input][data-invalid],html[data-design-theme=style-guide] [data-slot=input].field-error{box-shadow:inset var(--field-validation-bar-width) 0 0 0 var(--error)}html[data-design-theme=style-guide] [data-slot=select]{box-sizing:border-box;width:100%;height:var(--field-height);padding:0 var(--field-select-padding-right) 0 var(--field-padding-x);font-family:var(--font-sans);font-size:var(--field-font-size);color:var(--text);background:var(--field-bg);border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--radius);box-shadow:var(--field-shadow);transition:var(--field-transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23757575' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--field-padding-x) center;cursor:pointer;outline:none;display:block}html[data-design-theme=style-guide] [data-slot=select]:hover:not(:focus){border-color:var(--border-strong)}[data-slot=select]:focus,html[data-design-theme=style-guide] [data-slot=select][data-focus]{border-color:var(--brand-blue);box-shadow:var(--field-focus-ring),var(--field-shadow)}[data-slot=select][data-invalid],html[data-design-theme=style-guide] [data-slot=select].field-error{border-color:var(--error);background-color:var(--error-tint)}@supports (color:color-mix(in lab,red,red)){[data-slot=select][data-invalid],html[data-design-theme=style-guide] [data-slot=select].field-error{background-color:color-mix(in srgb,var(--error-tint) 55%,var(--surface))}}[data-slot=select][data-invalid],html[data-design-theme=style-guide] [data-slot=select].field-error{box-shadow:inset var(--field-validation-bar-width) 0 0 0 var(--error)}html[data-design-theme=style-guide] [data-slot=textarea]{box-sizing:border-box;width:100%;padding:var(--field-textarea-padding);min-height:var(--field-textarea-min-height);font-family:var(--font-sans);font-size:var(--field-font-size);color:var(--text);background:var(--field-bg);border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--radius);box-shadow:var(--field-shadow);transition:var(--field-transition);resize:none;line-height:var(--field-textarea-line-height);outline:none;display:block}html[data-design-theme=style-guide] [data-slot=textarea]::placeholder{color:var(--text-muted)}html[data-design-theme=style-guide] [data-slot=textarea]:hover:not(:focus){border-color:var(--border-strong)}[data-slot=textarea]:focus,html[data-design-theme=style-guide] [data-slot=textarea][data-focus]{border-color:var(--brand-blue);box-shadow:var(--field-focus-ring),var(--field-shadow)}[data-slot=textarea][data-invalid],html[data-design-theme=style-guide] [data-slot=textarea].field-error{border-color:var(--error);background:var(--error-tint)}@supports (color:color-mix(in lab,red,red)){[data-slot=textarea][data-invalid],html[data-design-theme=style-guide] [data-slot=textarea].field-error{background:color-mix(in srgb,var(--error-tint) 55%,var(--surface))}}[data-slot=textarea][data-invalid],html[data-design-theme=style-guide] [data-slot=textarea].field-error{box-shadow:inset var(--field-validation-bar-width) 0 0 0 var(--error)}html[data-design-theme=style-guide] [data-slot=checkbox]{width:var(--control-size);height:var(--control-size);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:var(--control-transition);box-shadow:var(--control-shadow);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}html[data-design-theme=style-guide] [data-slot=checkbox][data-checked]{background:var(--control-checked-color);border-color:var(--control-checked-color)}html[data-design-theme=style-guide] [data-slot=checkbox][data-focus]{box-shadow:var(--field-focus-ring)}html[data-design-theme=style-guide] [data-slot=switch]{width:var(--switch-width);height:var(--switch-height);border-radius:var(--switch-radius);background:var(--border);cursor:pointer;transition:var(--switch-transition);border:none;flex-shrink:0;align-items:center;display:inline-flex;position:relative}html[data-design-theme=style-guide] [data-slot=switch][data-checked]{background:var(--control-checked-color)}html[data-design-theme=style-guide] [data-slot=switch]:after{content:"";width:var(--switch-thumb-size);height:var(--switch-thumb-size);border-radius:var(--switch-thumb-radius);background:var(--white);left:var(--switch-thumb-inset);box-shadow:var(--switch-thumb-shadow);transition:var(--switch-thumb-transition);position:absolute}html[data-design-theme=style-guide] [data-slot=switch][data-checked]:after{left:var(--switch-thumb-checked-pos)}html[data-design-theme=style-guide] [data-slot=switch][data-focus]{box-shadow:var(--field-focus-ring)}html[data-design-theme=style-guide] [data-slot=radio]{width:var(--radio-size);height:var(--radio-size);border:var(--radio-border-width) solid var(--control-border-color);background:var(--surface);cursor:pointer;transition:var(--control-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}html[data-design-theme=style-guide] [data-slot=radio][data-checked]{border-color:var(--control-checked-color);background:var(--surface);box-shadow:var(--radio-inner-shadow)}html[data-design-theme=style-guide] [data-slot=radio][data-focus]{box-shadow:var(--field-focus-ring)}html[data-design-theme=style-guide] .hr{height:var(--hr-thick);width:100%;margin:var(--space-3) 0;background:var(--border-strong);border:none;display:block}html[data-design-theme=style-guide] .hr.section{height:var(--hr-section-height,var(--hr-heavy));background:var(--hr-section-color,var(--amber));margin:var(--hr-section-margin,var(--space-6) 0)}html[data-design-theme=style-guide] .hr.subsection{height:var(--hr-subsection-height,var(--hr-thick));background:var(--hr-subsection-color,var(--sky));margin:var(--hr-subsection-margin,var(--space-4) 0)}html[data-design-theme=style-guide] .hr.item{height:var(--hr-height);background:var(--border);margin:var(--space-2) 0}html[data-design-theme=style-guide] .hr.accent{height:var(--hr-accent-height,var(--hr-heavy));background:var(--hr-accent-color,var(--pink));margin:var(--hr-accent-margin,var(--space-3) 0)}html[data-design-theme=style-guide] .hr.fade-right{background:linear-gradient(90deg,currentColor 0 55%,#0000 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr.fade-right{background:linear-gradient(90deg,currentColor 0,color-mix(in srgb,currentColor 35%,transparent) 55%,transparent)}}html[data-design-theme=style-guide] .hr.fade-left{background:linear-gradient(270deg,currentColor 0 55%,#0000 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr.fade-left{background:linear-gradient(270deg,currentColor 0,color-mix(in srgb,currentColor 35%,transparent) 55%,transparent)}}html[data-design-theme=style-guide] .hr.fade-both{background:linear-gradient(90deg,#0000,currentColor 20% 80%,#0000)}html[data-design-theme=style-guide] .hr.fade-center{background:linear-gradient(90deg,#0000,currentColor 40% 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr.fade-center{background:linear-gradient(90deg,transparent 0,currentColor 40%,color-mix(in srgb,currentColor 25%,transparent))}}html[data-design-theme=style-guide] .hr.primary{color:var(--text)}html[data-design-theme=style-guide] .hr.secondary{color:var(--border-strong)}html[data-design-theme=style-guide] .hr.muted{color:var(--border)}html[data-design-theme=style-guide] .hr.brand{color:var(--brand-red)}html[data-design-theme=style-guide] .hr.glow{filter:drop-shadow(0 0 4px)}html[data-design-theme=style-guide] .vr{width:var(--hr-height);align-self:stretch;min-height:1em;display:inline-block}html[data-design-theme=style-guide] .hr-solid{background:var(--text)}html[data-design-theme=style-guide] .hr-light,html[data-design-theme=style-guide] .hr-muted{background:var(--border)}html[data-design-theme=style-guide] .hr-thick{height:var(--hr-thick);background:var(--text)}html[data-design-theme=style-guide] .hr-heavy{height:var(--hr-heavy);background:var(--text)}html[data-design-theme=style-guide] .hr-dashed{border-top:var(--hr-height) dashed var(--border-strong);height:0}html[data-design-theme=style-guide] .hr-dotted{border-top:var(--hr-height) dotted var(--border-strong);height:0}html[data-design-theme=style-guide] .hr-double{border-top:var(--hr-heavy) double var(--border-strong);height:0}html[data-design-theme=style-guide] .hr-fade-right{background:linear-gradient(to right,var(--text) 0,var(--text) 55%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr-fade-right{background:linear-gradient(to right,var(--text) 0,color-mix(in srgb,var(--text) 40%,transparent) 55%,transparent 100%)}}html[data-design-theme=style-guide] .hr-fade-left{background:linear-gradient(to left,var(--text) 0,var(--text) 55%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr-fade-left{background:linear-gradient(to left,var(--text) 0,color-mix(in srgb,var(--text) 40%,transparent) 55%,transparent 100%)}}html[data-design-theme=style-guide] .hr-fade-both{background:linear-gradient(to right,transparent 0,var(--text) 20%,var(--text) 80%,transparent 100%)}html[data-design-theme=style-guide] .hr-fade-center{background:linear-gradient(to right,transparent 0,var(--text) 40%,var(--text) 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr-fade-center{background:linear-gradient(to right,transparent 0,var(--text) 40%,color-mix(in srgb,var(--text) 30%,transparent) 100%)}}html[data-design-theme=style-guide] .hr-red{background:var(--brand-red)}html[data-design-theme=style-guide] .hr-red-fade{background:linear-gradient(to right,var(--brand-red) 0,var(--brand-red) 60%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr-red-fade{background:linear-gradient(to right,var(--brand-red) 0,color-mix(in srgb,var(--brand-red) 35%,transparent) 60%,transparent 100%)}}html[data-design-theme=style-guide] .hr-red-fade-both{background:linear-gradient(to right,transparent 0,var(--brand-red) 20%,var(--brand-red) 80%,transparent 100%)}html[data-design-theme=style-guide] .hr-glow{background:var(--text);box-shadow:0 0 6px #00000059,0 0 14px #00000026}html[data-design-theme=style-guide] .hr-red-glow{background:var(--brand-red);box-shadow:0 0 6px var(--brand-red),0 0 16px var(--brand-red)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .hr-red-glow{box-shadow:0 0 6px color-mix(in srgb,var(--brand-red) 55%,transparent),0 0 16px color-mix(in srgb,var(--brand-red) 25%,transparent)}}html[data-design-theme=style-guide] .hr-glow-fade{background:linear-gradient(to right,var(--text) 0,transparent 100%);filter:blur(var(--hr-glow-blur));box-shadow:0 0 8px #0003}html[data-design-theme=style-guide] .hr-inset{border-top:var(--hr-height) solid var(--border);border-bottom:var(--hr-height) solid var(--surface);height:0}html[data-design-theme=style-guide] .hr-overline{height:var(--hr-heavy);background:linear-gradient(to right,var(--text) 0,var(--text) var(--hr-overline-length),transparent var(--hr-overline-length))}html[data-design-theme=style-guide] .hr-red-overline{height:var(--hr-thick);background:linear-gradient(to right,var(--brand-red) 0,var(--brand-red) var(--hr-overline-length),transparent var(--hr-overline-length))}html[data-design-theme=style-guide] .vr-solid{background:var(--text)}html[data-design-theme=style-guide] .vr-light,html[data-design-theme=style-guide] .vr-muted{background:var(--border)}html[data-design-theme=style-guide] .vr-thick{width:var(--hr-thick);background:var(--text)}html[data-design-theme=style-guide] .vr-fade-down{background:linear-gradient(to bottom,var(--text) 0,var(--text) 60%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .vr-fade-down{background:linear-gradient(to bottom,var(--text) 0,color-mix(in srgb,var(--text) 30%,transparent) 60%,transparent 100%)}}html[data-design-theme=style-guide] .vr-fade-up{background:linear-gradient(to top,var(--text) 0,var(--text) 60%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .vr-fade-up{background:linear-gradient(to top,var(--text) 0,color-mix(in srgb,var(--text) 30%,transparent) 60%,transparent 100%)}}html[data-design-theme=style-guide] .vr-fade-both{background:linear-gradient(to bottom,transparent 0,var(--text) 20%,var(--text) 80%,transparent 100%)}html[data-design-theme=style-guide] .vr-red{background:var(--brand-red)}html[data-design-theme=style-guide] .vr-red-fade{background:linear-gradient(to bottom,var(--brand-red) 0,var(--brand-red) 70%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .vr-red-fade{background:linear-gradient(to bottom,var(--brand-red) 0,color-mix(in srgb,var(--brand-red) 30%,transparent) 70%,transparent 100%)}}html[data-design-theme=style-guide] .shell-aside,html[data-design-theme=style-guide] .shell-footer,html[data-design-theme=style-guide] .shell-navbar,html[data-design-theme=style-guide] .shell-sidebar{display:none}html[data-design-theme=style-guide] .shell-grid{min-height:100vh}html[data-design-theme=style-guide] body[data-shell] .shell-grid{grid-template-areas:"nav nav nav""side main aside""foot foot foot";grid-template-rows:var(--shell-navbar-height,0) 1fr var(--shell-footer-height,0);grid-template-columns:var(--shell-sidebar-width,0) 1fr var(--shell-aside-width,0);height:100vh;display:grid}html[data-design-theme=style-guide] body[data-shell] .shell-grid>.shell-navbar{z-index:var(--shell-navbar-z-index);height:var(--shell-navbar-height);background:var(--shell-navbar-bg,var(--surface-inverse));color:var(--shell-navbar-color,var(--text-inverse));padding:0 var(--space-3);align-items:center;gap:var(--space-3);font-size:var(--shell-navbar-font-size);border-bottom:var(--shell-navbar-border-width) solid var(--shell-navbar-color,var(--text-inverse));grid-area:nav;display:flex}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] body[data-shell] .shell-grid>.shell-navbar{border-bottom:var(--shell-navbar-border-width) solid color-mix(in srgb,var(--shell-navbar-color,var(--text-inverse)) 12%,transparent)}}html[data-design-theme=style-guide] .shell-navbar-brand{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--shell-navbar-action-font-size);letter-spacing:var(--btn-letter-spacing);white-space:nowrap;display:flex}html[data-design-theme=style-guide] .shell-navbar-links{align-items:center;gap:var(--shell-navbar-link-gap);display:flex}html[data-design-theme=style-guide] .shell-navbar-link{padding:var(--shell-navbar-link-padding);font-size:var(--shell-navbar-link-font-size);border-radius:var(--shell-navbar-link-radius);cursor:pointer;opacity:var(--shell-navbar-link-opacity);transition:var(--shell-navbar-link-transition)}html[data-design-theme=style-guide] .shell-navbar-link:hover{opacity:1;background:currentColor}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-navbar-link:hover{background:color-mix(in srgb,currentColor 8%,transparent)}}html[data-design-theme=style-guide] .shell-navbar-link.active{opacity:1;font-weight:var(--shell-navbar-link-active-weight)}html[data-design-theme=style-guide] .shell-navbar-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}html[data-design-theme=style-guide] .shell-navbar-action{width:var(--shell-navbar-action-size);height:var(--shell-navbar-action-size);border-radius:var(--shell-navbar-action-radius);cursor:pointer;font-size:var(--shell-navbar-action-font-size);transition:var(--shell-navbar-action-transition);justify-content:center;align-items:center;display:flex}html[data-design-theme=style-guide] .shell-navbar-action:hover{background:currentColor}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-navbar-action:hover{background:color-mix(in srgb,currentColor 10%,transparent)}}html[data-design-theme=style-guide] .shell-navbar-dismiss{padding:var(--shell-navbar-dismiss-padding);font-size:var(--shell-navbar-dismiss-font-size);font-family:var(--font-mono);background:var(--shell-navbar-color,var(--text-inverse))}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-navbar-dismiss{background:color-mix(in srgb,var(--shell-navbar-color,var(--text-inverse)) 15%,transparent)}}html[data-design-theme=style-guide] .shell-navbar-dismiss{border:var(--border-thin) solid var(--shell-navbar-color,var(--text-inverse))}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-navbar-dismiss{border:var(--border-thin) solid color-mix(in srgb,var(--shell-navbar-color,var(--text-inverse)) 20%,transparent)}}html[data-design-theme=style-guide] .shell-navbar-dismiss{border-radius:var(--shell-navbar-dismiss-radius);cursor:pointer;color:inherit;white-space:nowrap;transition:var(--shell-navbar-dismiss-transition)}html[data-design-theme=style-guide] .shell-navbar-dismiss:hover{background:var(--shell-navbar-color,var(--text-inverse))}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-navbar-dismiss:hover{background:color-mix(in srgb,var(--shell-navbar-color,var(--text-inverse)) 25%,transparent)}}html[data-design-theme=style-guide] body[data-shell] .shell-grid>.shell-sidebar{background:var(--shell-sidebar-bg,var(--surface-alt));color:var(--shell-sidebar-color,var(--text));border-right:var(--shell-sidebar-border-width) solid var(--shell-sidebar-color,var(--text));flex-direction:column;grid-area:side;display:flex;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] body[data-shell] .shell-grid>.shell-sidebar{border-right:var(--shell-sidebar-border-width) solid color-mix(in srgb,var(--shell-sidebar-color,var(--text)) 10%,transparent)}}html[data-design-theme=style-guide] .shell-sidebar-section{padding:var(--space-2) var(--space-3) var(--space-half);font-size:var(--shell-sidebar-section-font-size);font-family:var(--font-mono);letter-spacing:var(--shell-sidebar-section-letter-spacing);text-transform:uppercase;opacity:var(--shell-sidebar-section-opacity);-webkit-user-select:none;user-select:none}html[data-design-theme=style-guide] .shell-sidebar-item{align-items:center;gap:var(--shell-sidebar-item-gap);padding:var(--shell-sidebar-item-padding);font-size:var(--shell-sidebar-item-font-size);cursor:pointer;transition:var(--shell-sidebar-item-transition);display:flex}html[data-design-theme=style-guide] .shell-sidebar-item:hover{background:var(--shell-sidebar-color,var(--text))}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-sidebar-item:hover{background:color-mix(in srgb,var(--shell-sidebar-color,var(--text)) 8%,transparent)}}html[data-design-theme=style-guide] .shell-sidebar-item.active{background:var(--shell-sidebar-color,var(--text))}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-sidebar-item.active{background:color-mix(in srgb,var(--shell-sidebar-color,var(--text)) 14%,transparent)}}html[data-design-theme=style-guide] .shell-sidebar-item.active{font-weight:var(--shell-sidebar-item-active-weight)}html[data-design-theme=style-guide] .shell-sidebar-glyph{font-size:var(--shell-sidebar-glyph-font-size);width:var(--shell-sidebar-glyph-size);text-align:center;flex-shrink:0}html[data-design-theme=style-guide] .shell-sidebar-divider{margin:var(--space-1) var(--space-3);border-top:var(--shell-sidebar-divider-width) solid var(--shell-sidebar-color,var(--text))}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-sidebar-divider{border-top:var(--shell-sidebar-divider-width) solid color-mix(in srgb,var(--shell-sidebar-color,var(--text)) 10%,transparent)}}html[data-design-theme=style-guide] body[data-shell] .shell-grid>.shell-aside{background:var(--shell-aside-bg,var(--surface-alt));color:var(--shell-aside-color,var(--text));border-left:var(--shell-aside-border-width) solid var(--shell-aside-color,var(--text));flex-direction:column;grid-area:aside;display:flex;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] body[data-shell] .shell-grid>.shell-aside{border-left:var(--shell-aside-border-width) solid color-mix(in srgb,var(--shell-aside-color,var(--text)) 10%,transparent)}}html[data-design-theme=style-guide] .shell-aside-header{padding:var(--space-2) var(--space-3);font-size:var(--shell-aside-section-font-size);font-family:var(--font-mono);letter-spacing:var(--shell-aside-section-letter-spacing);text-transform:uppercase;opacity:var(--shell-aside-section-opacity);border-bottom:var(--shell-aside-row-border-width) solid}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-aside-header{border-bottom:var(--shell-aside-row-border-width) solid color-mix(in srgb,currentColor 10%,transparent)}}html[data-design-theme=style-guide] .shell-aside-row{padding:var(--shell-aside-row-padding);font-size:var(--shell-aside-row-font-size);border-bottom:var(--shell-aside-row-border-width) solid;justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .shell-aside-row{border-bottom:var(--shell-aside-row-border-width) solid color-mix(in srgb,currentColor 6%,transparent)}}html[data-design-theme=style-guide] .shell-aside-label{opacity:var(--shell-aside-meta-opacity);font-size:var(--shell-aside-meta-font-size)}html[data-design-theme=style-guide] .shell-aside-value{font-family:var(--font-mono);font-size:var(--shell-aside-meta-font-size)}html[data-design-theme=style-guide] body[data-shell] .shell-grid>.shell-footer{z-index:var(--shell-footer-z-index);height:var(--shell-footer-height);background:var(--shell-footer-bg,var(--surface-alt));color:var(--shell-footer-color,var(--text-muted));padding:0 var(--space-3);font-size:var(--shell-footer-font-size);font-family:var(--font-mono);align-items:center;gap:var(--space-3);border-top:var(--shell-footer-border-width) solid var(--border);grid-area:foot;display:flex}html[data-design-theme=style-guide] .shell-footer-dot{width:var(--shell-footer-dot-size);height:var(--shell-footer-dot-size);border-radius:50%;flex-shrink:0}html[data-design-theme=style-guide] .shell-footer-sep{opacity:var(--shell-footer-dot-opacity)}html[data-design-theme=style-guide] body[data-shell] .shell-grid>.content{padding-top:var(--space-4);grid-area:main;min-width:0;overflow-y:auto;container-type:normal}html[data-design-theme=style-guide] body[data-shell=navbar-only]{--shell-navbar-height:56px;--shell-navbar-bg:var(--black);--shell-navbar-color:var(--white);--shell-footer-height:48px;--shell-footer-bg:var(--gray-100);--shell-footer-color:var(--gray-600);--shell-sidebar-width:0px;--shell-aside-width:0px}html[data-design-theme=style-guide] body[data-shell=navbar-only] .shell-grid>.shell-aside,html[data-design-theme=style-guide] body[data-shell=navbar-only] .shell-grid>.shell-sidebar{display:none}html[data-design-theme=style-guide] body[data-shell=sidebar-left]{--shell-navbar-height:56px;--shell-navbar-bg:var(--black);--shell-navbar-color:var(--white);--shell-sidebar-width:240px;--shell-sidebar-bg:var(--gray-900);--shell-sidebar-color:var(--white);--shell-footer-height:32px;--shell-footer-bg:var(--gray-100);--shell-footer-color:var(--gray-500);--shell-aside-width:0px}html[data-design-theme=style-guide] body[data-shell=sidebar-left] .shell-grid>.shell-aside{display:none}html[data-design-theme=style-guide] body[data-shell=sidebar-right]{--shell-navbar-height:56px;--shell-navbar-bg:var(--black);--shell-navbar-color:var(--white);--shell-aside-width:280px;--shell-aside-bg:var(--gray-50);--shell-aside-color:var(--gray-700);--shell-sidebar-width:0px;--shell-footer-height:0px}html[data-design-theme=style-guide] body[data-shell=sidebar-right] .shell-grid>.shell-footer,html[data-design-theme=style-guide] body[data-shell=sidebar-right] .shell-grid>.shell-sidebar{display:none}html[data-design-theme=style-guide] body[data-shell=two-sidebar]{--shell-navbar-height:40px;--shell-navbar-bg:var(--gray-900);--shell-navbar-color:var(--white);--shell-sidebar-width:220px;--shell-sidebar-bg:var(--gray-800);--shell-sidebar-color:var(--gray-300);--shell-aside-width:260px;--shell-aside-bg:var(--gray-800);--shell-aside-color:var(--gray-300);--shell-footer-height:0px}html[data-design-theme=style-guide] body[data-shell=two-sidebar] .shell-grid>.shell-footer{display:none}html[data-design-theme=style-guide] body[data-shell=full-bleed]{--shell-navbar-height:48px;--shell-navbar-bg:var(--black);--shell-navbar-color:var(--white);--shell-sidebar-width:0px;--shell-aside-width:0px;--shell-footer-height:0px}html[data-design-theme=style-guide] body[data-shell=full-bleed] .shell-grid>.shell-aside,html[data-design-theme=style-guide] body[data-shell=full-bleed] .shell-grid>.shell-footer,html[data-design-theme=style-guide] body[data-shell=full-bleed] .shell-grid>.shell-sidebar{display:none}html[data-design-theme=style-guide] .screen-frame{border-radius:var(--screen-frame-radius);box-shadow:var(--screen-frame-shadow);border:var(--screen-frame-border-width) solid var(--border-strong);background:var(--surface);overflow:hidden}html[data-design-theme=style-guide] .screen-titlebar{gap:var(--screen-titlebar-gap);padding:var(--screen-titlebar-padding);background:var(--surface-alt);border-bottom:var(--border-thin) solid var(--border)}html[data-design-theme=style-guide] .screen-dots{gap:var(--screen-dots-gap);flex-shrink:0;display:flex}html[data-design-theme=style-guide] .screen-dot{width:var(--screen-dot-size);height:var(--screen-dot-size);border-radius:50%}html[data-design-theme=style-guide] .screen-url{text-align:center;font-size:var(--screen-titlebar-font-size);color:var(--text-muted);background:var(--surface);border:var(--screen-url-border-width) solid var(--border-strong);border-radius:var(--screen-url-radius);padding:var(--screen-url-padding);white-space:nowrap;text-overflow:ellipsis;max-width:var(--screen-url-max-width);margin:0 auto;overflow:hidden}html[data-design-theme=style-guide] .screen-body{overflow:hidden}html[data-design-theme=style-guide] .hui.tab-list{border-bottom:var(--hui-tab-list-border-width) solid var(--hui-tab-list-border);display:flex}html[data-design-theme=style-guide] .hui.tab{padding:var(--hui-tab-padding-y) var(--hui-tab-padding-x);font-size:var(--hui-tab-font-size);font-weight:var(--hui-tab-font-weight);color:var(--hui-tab-color);border:none;border-bottom:var(--hui-tab-indicator-width) solid transparent;margin-bottom:var(--hui-tab-indicator-offset);cursor:pointer;transition:var(--hui-tab-transition);white-space:nowrap;background:0 0;outline:none}html[data-design-theme=style-guide] .hui.tab[data-selected]{color:var(--hui-tab-color-selected);border-bottom-color:var(--hui-tab-border-selected);font-weight:var(--hui-tab-font-weight-selected)}html[data-design-theme=style-guide] .hui.tab[data-hover]:not([data-selected]){color:var(--hui-tab-color-hover)}html[data-design-theme=style-guide] .hui.tab[data-focus]{border-radius:var(--radius) var(--radius) 0 0;box-shadow:inset 0 0 0 var(--hui-focus-ring-width) var(--hui-focus-ring-color)}html[data-design-theme=style-guide] .hui.tab-panel{padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--hui-tab-panel-color);outline:none}html[data-design-theme=style-guide] .hui.menu-btn{align-items:center;gap:var(--hui-trigger-gap);padding:var(--hui-trigger-padding-y) var(--hui-trigger-padding-x);font-family:var(--font-sans);font-size:var(--hui-trigger-font-size);font-weight:var(--hui-trigger-font-weight);color:var(--hui-trigger-color);background:var(--hui-trigger-bg);border:var(--hui-trigger-border-width) solid var(--hui-trigger-border);border-radius:var(--radius);cursor:pointer;transition:var(--hui-trigger-transition);outline:none;display:inline-flex}.hui.menu-btn[data-open],html[data-design-theme=style-guide] .hui.menu-btn[data-hover]{border-color:var(--hui-trigger-border-hover)}html[data-design-theme=style-guide] .hui.menu-btn[data-focus]{box-shadow:0 0 0 var(--hui-focus-ring-width) var(--hui-focus-ring-color);border-color:var(--hui-field-focus-border)}html[data-design-theme=style-guide] .hui.menu-items{z-index:var(--hui-panel-z-index);min-width:var(--hui-menu-min-width);background:var(--hui-panel-bg);border:var(--hui-panel-border-width) solid var(--hui-panel-border);border-radius:var(--radius);box-shadow:var(--hui-panel-shadow);padding:var(--hui-panel-padding);margin-top:var(--hui-panel-margin-top);outline:none;position:absolute}html[data-design-theme=style-guide] .hui.menu-item{align-items:center;gap:var(--hui-panel-item-gap);padding:var(--hui-panel-item-padding-y) var(--hui-panel-item-padding-x);font-size:var(--hui-panel-item-font-size);color:var(--hui-panel-item-color);border-radius:calc(var(--radius) - var(--hui-panel-item-radius-inset));cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--hui-panel-item-transition);outline:none;display:flex}html[data-design-theme=style-guide] .hui.menu-item[data-active]{background:var(--hui-panel-item-active-bg);color:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .hui.menu-item[data-disabled]{opacity:var(--hui-panel-item-disabled-opacity);cursor:default}html[data-design-theme=style-guide] .hui.menu-sep{height:var(--hui-panel-sep-height);background:var(--hui-panel-sep-color);margin:var(--hui-panel-sep-margin-y) 0}html[data-design-theme=style-guide] .hui.disclosure-btn{width:100%;padding:var(--hui-disclosure-padding-y) var(--hui-disclosure-padding-x);font-size:var(--hui-disclosure-font-size);font-weight:var(--hui-disclosure-font-weight);color:var(--hui-disclosure-color);background:var(--hui-disclosure-bg);border:var(--hui-disclosure-border-width) solid var(--hui-disclosure-border);border-radius:var(--radius);cursor:pointer;transition:var(--hui-disclosure-transition);text-align:left;outline:none;justify-content:space-between;align-items:center;display:flex}html[data-design-theme=style-guide] .hui.disclosure-btn[data-hover]{background:var(--hui-disclosure-bg-hover)}html[data-design-theme=style-guide] .hui.disclosure-btn[data-focus]{box-shadow:0 0 0 var(--hui-focus-ring-width) var(--hui-focus-ring-color);border-color:var(--hui-field-focus-border)}html[data-design-theme=style-guide] .hui.disclosure-btn[data-open]{background:var(--hui-disclosure-bg-hover);border-radius:var(--radius) var(--radius) 0 0}html[data-design-theme=style-guide] .disclosure-chevron{width:var(--hui-disclosure-chevron-size);height:var(--hui-disclosure-chevron-size);color:var(--hui-disclosure-chevron-color);transition:var(--hui-disclosure-chevron-transition);flex-shrink:0}html[data-design-theme=style-guide] .hui.disclosure-btn[data-open] .disclosure-chevron{transform:rotate(180deg)}html[data-design-theme=style-guide] .hui.disclosure-panel{padding:var(--hui-disclosure-padding-y) var(--hui-disclosure-padding-x);font-size:var(--hui-disclosure-font-size);color:var(--hui-disclosure-panel-color);background:var(--hui-disclosure-panel-bg);border:var(--hui-disclosure-border-width) solid var(--hui-disclosure-border);border-radius:0 0 var(--radius) var(--radius);line-height:var(--hui-disclosure-panel-line-height);border-top:none}html[data-design-theme=style-guide] .hui.listbox-wrap{position:relative}html[data-design-theme=style-guide] .hui.listbox-btn{width:100%;height:var(--hui-field-height);padding:0 var(--hui-field-icon-area) 0 var(--hui-field-padding-x);font-family:var(--font-sans);font-size:var(--hui-field-font-size);color:var(--hui-field-color);background:var(--hui-field-bg);border:var(--hui-field-border-width) solid var(--hui-field-border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--hui-field-shadow);transition:var(--hui-field-transition);text-align:left;box-sizing:border-box;outline:none;align-items:center;display:flex;position:relative}html[data-design-theme=style-guide] .hui.listbox-btn:after{content:"";right:var(--hui-field-chevron-offset);width:var(--hui-field-chevron-size);height:var(--hui-field-chevron-size);border-right:var(--hui-field-chevron-border-width) solid var(--hui-field-chevron-color);border-bottom:var(--hui-field-chevron-border-width) solid var(--hui-field-chevron-color);pointer-events:none;position:absolute;top:50%;transform:translateY(-75%)rotate(45deg)}html[data-design-theme=style-guide] .hui.listbox-btn[data-hover]:not([data-open]){border-color:var(--hui-field-border-hover)}html[data-design-theme=style-guide] .hui.listbox-btn[data-open]{border-color:var(--hui-field-focus-border);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--hui-focus-ring-color),var(--hui-field-shadow)}html[data-design-theme=style-guide] .hui.listbox-options{z-index:var(--hui-panel-z-index);background:var(--hui-panel-bg);border:var(--hui-panel-border-width) solid var(--hui-panel-border);border-radius:var(--radius);width:100%;box-shadow:var(--hui-panel-shadow);padding:var(--hui-panel-padding);margin-top:var(--hui-panel-margin-top);max-height:var(--hui-panel-max-height);outline:none;position:absolute;overflow-y:auto}html[data-design-theme=style-guide] .hui.listbox-option{padding:var(--hui-panel-item-padding-y) var(--hui-panel-item-padding-x);font-size:var(--hui-panel-item-font-size);color:var(--hui-panel-item-color);border-radius:calc(var(--radius) - var(--hui-panel-item-radius-inset));cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;display:flex}html[data-design-theme=style-guide] .hui.listbox-option[data-active]{background:var(--hui-panel-item-active-bg);color:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .hui.listbox-option[data-selected]{font-weight:var(--hui-panel-item-selected-weight)}html[data-design-theme=style-guide] .hui.combo-wrap{position:relative}html[data-design-theme=style-guide] .hui.combo-input{width:100%;height:var(--hui-field-height);padding:0 var(--hui-combo-icon-area) 0 var(--hui-field-padding-x);font-size:var(--hui-field-font-size);color:var(--hui-field-color);background:var(--hui-field-bg);border:var(--hui-field-border-width) solid var(--hui-field-border);border-radius:var(--radius);box-shadow:var(--hui-field-shadow);transition:var(--hui-field-transition);box-sizing:border-box;outline:none;display:block}html[data-design-theme=style-guide] .hui.combo-input::placeholder{color:var(--hui-combo-placeholder-color)}html[data-design-theme=style-guide] .hui.combo-input:focus{border-color:var(--hui-field-focus-border);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--hui-focus-ring-color),var(--hui-field-shadow)}html[data-design-theme=style-guide] .hui.combo-btn{width:var(--hui-combo-icon-area);cursor:pointer;color:var(--hui-combo-btn-color);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}html[data-design-theme=style-guide] .hui.combo-options{z-index:var(--hui-panel-z-index);background:var(--hui-panel-bg);border:var(--hui-panel-border-width) solid var(--hui-panel-border);border-radius:var(--radius);width:100%;box-shadow:var(--hui-panel-shadow);padding:var(--hui-panel-padding);margin-top:var(--hui-panel-margin-top);max-height:var(--hui-panel-max-height);outline:none;position:absolute;overflow-y:auto}html[data-design-theme=style-guide] .hui.combo-option{padding:var(--hui-panel-item-padding-y) var(--hui-panel-item-padding-x);font-size:var(--hui-panel-item-font-size);color:var(--hui-panel-item-color);border-radius:calc(var(--radius) - var(--hui-panel-item-radius-inset));cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}html[data-design-theme=style-guide] .hui.combo-option[data-active]{background:var(--hui-panel-item-active-bg);color:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .hui.combo-option[data-selected]{font-weight:var(--hui-panel-item-selected-weight)}html[data-design-theme=style-guide] .hui.popover-wrap{display:inline-block;position:relative}html[data-design-theme=style-guide] .hui.popover-btn{align-items:center;gap:var(--hui-trigger-gap);padding:var(--hui-trigger-padding-y) var(--hui-trigger-padding-x);font-family:var(--font-sans);font-size:var(--hui-trigger-font-size);font-weight:var(--hui-trigger-font-weight);color:var(--hui-trigger-color);background:var(--hui-trigger-bg);border:var(--hui-trigger-border-width) solid var(--hui-trigger-border);border-radius:var(--radius);cursor:pointer;transition:var(--hui-trigger-transition);outline:none;display:inline-flex}html[data-design-theme=style-guide] .hui.popover-btn[data-hover]{border-color:var(--hui-trigger-border-hover)}html[data-design-theme=style-guide] .hui.popover-btn[data-open]{border-color:var(--hui-field-focus-border);box-shadow:0 0 0 var(--hui-focus-ring-width) var(--hui-focus-ring-color)}html[data-design-theme=style-guide] .hui.popover-panel{z-index:var(--hui-panel-z-index);background:var(--hui-panel-bg);border:var(--hui-panel-border-width) solid var(--hui-panel-border);border-radius:var(--radius);box-shadow:var(--hui-panel-shadow);padding:var(--hui-popover-padding);min-width:var(--hui-popover-min-width);margin-top:var(--hui-panel-margin-top);position:absolute}html[data-design-theme=style-guide] .hui.dialog-backdrop{background:var(--hui-dialog-backdrop);z-index:var(--hui-dialog-backdrop-z-index);position:fixed;inset:0}html[data-design-theme=style-guide] .hui.dialog-positioner{z-index:var(--hui-dialog-z-index);padding:var(--hui-dialog-positioner-padding);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}html[data-design-theme=style-guide] .hui.dialog-panel{background:var(--hui-dialog-bg);border-radius:var(--radius);box-shadow:var(--hui-dialog-shadow);padding:var(--hui-dialog-padding);max-width:var(--hui-dialog-max-width);width:100%}html[data-design-theme=style-guide] .hui.dialog-title{font-size:var(--font-size-md);font-weight:var(--hui-dialog-title-weight);color:var(--hui-dialog-title-color);margin-bottom:var(--space-2)}html[data-design-theme=style-guide] .hui.dialog-body{font-size:var(--font-size-sm);color:var(--hui-dialog-body-color);line-height:var(--hui-dialog-body-line-height);margin-bottom:var(--space-4)}html[data-design-theme=style-guide] .hui.dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}html[data-design-theme=style-guide] .hui.checkbox-wrap{align-items:center;gap:var(--hui-control-gap);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}html[data-design-theme=style-guide] .checkbox-visual{width:var(--hui-control-size);height:var(--hui-control-size);border-radius:var(--hui-checkbox-radius);border:var(--hui-control-border-width) solid var(--hui-control-border);background:var(--hui-control-bg);transition:var(--hui-control-transition);box-shadow:var(--hui-control-shadow);flex-shrink:0;justify-content:center;align-items:center;display:flex}html[data-design-theme=style-guide] .hui.checkbox-wrap[data-checked] .checkbox-visual{background:var(--hui-control-color);border-color:var(--hui-control-color);box-shadow:none}html[data-design-theme=style-guide] .checkbox-label{font-size:var(--font-size-sm);color:var(--hui-control-label-color)}html[data-design-theme=style-guide] .hui.switch-wrap{justify-content:space-between;align-items:center;gap:var(--hui-switch-gap);cursor:pointer;display:flex}html[data-design-theme=style-guide] .switch-label{font-size:var(--font-size-sm);color:var(--hui-control-label-color);-webkit-user-select:none;user-select:none}html[data-design-theme=style-guide] .switch-track{width:var(--hui-switch-track-width);height:var(--hui-switch-track-height);border-radius:var(--hui-switch-track-radius);background:var(--hui-switch-track-off-bg);transition:var(--hui-switch-track-transition);flex-shrink:0;position:relative}html[data-design-theme=style-guide] .hui.switch-wrap[data-checked] .switch-track{background:var(--hui-switch-track-on-bg)}html[data-design-theme=style-guide] .switch-thumb{width:var(--hui-switch-thumb-size);height:var(--hui-switch-thumb-size);border-radius:var(--hui-switch-thumb-radius);background:var(--hui-switch-thumb-bg);top:var(--hui-switch-thumb-inset);left:var(--hui-switch-thumb-inset);box-shadow:var(--hui-switch-thumb-shadow);transition:var(--hui-switch-thumb-transition);position:absolute}html[data-design-theme=style-guide] .hui.switch-wrap[data-checked] .switch-thumb{left:calc(var(--hui-switch-track-width) - var(--hui-switch-thumb-size) - var(--hui-switch-thumb-inset))}html[data-design-theme=style-guide] .hui.radio-option{align-items:center;gap:var(--hui-control-gap);cursor:pointer;padding:var(--hui-radio-option-padding-y) var(--hui-radio-option-padding-x);border:var(--hui-radio-border-width) solid var(--hui-radio-option-border);background:var(--hui-control-bg);transition:var(--hui-radio-transition);-webkit-user-select:none;user-select:none;display:flex}html[data-design-theme=style-guide] .hui.radio-option[data-checked]{border-color:var(--hui-radio-option-border-active);background:var(--hui-radio-option-bg-active)}html[data-design-theme=style-guide] .radio-dot{width:var(--hui-radio-dot-size);height:var(--hui-radio-dot-size);border-radius:var(--hui-radio-dot-radius);border:var(--hui-control-border-width) solid var(--hui-control-border);background:var(--hui-control-bg);transition:var(--hui-control-transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}html[data-design-theme=style-guide] .hui.radio-option[data-checked] .radio-dot{border-color:var(--hui-control-color)}html[data-design-theme=style-guide] .radio-dot-inner{width:var(--hui-radio-dot-inner-size);height:var(--hui-radio-dot-inner-size);border-radius:var(--hui-radio-dot-inner-radius);background:var(--hui-control-color);display:none}html[data-design-theme=style-guide] .hui.radio-option[data-checked] .radio-dot-inner{display:block}html[data-design-theme=style-guide] .radio-label{font-size:var(--font-size-sm);color:var(--hui-control-label-color)}html[data-design-theme=style-guide] .hui.showcase{border-radius:var(--radius);border:var(--hui-showcase-border-width) solid var(--hui-showcase-border);border-top:var(--hui-showcase-accent-width) solid var(--hui-showcase-accent);background:var(--hui-showcase-bg)}html[data-design-theme=style-guide] .hui.showcase-grid{gap:var(--hui-showcase-grid-gap);flex-wrap:wrap;display:flex}html[data-design-theme=style-guide] .hui.showcase-grid>.hui.showcase-cell{flex:280px;max-width:100%}html[data-design-theme=style-guide] .hui.showcase-cell{padding:var(--hui-showcase-cell-padding);min-height:var(--hui-showcase-cell-min-height);background:var(--hui-showcase-cell-bg);flex-direction:column;display:flex;overflow:visible}html[data-design-theme=style-guide] .showcase-cell-name{font-size:var(--hui-showcase-label-font-size);font-weight:var(--hui-showcase-label-weight);letter-spacing:var(--hui-showcase-label-letter-spacing);color:var(--hui-showcase-label-color);padding-bottom:var(--hui-showcase-label-padding-bottom);border-bottom:var(--hui-showcase-label-border-width) solid var(--hui-showcase-cell-border);margin-bottom:var(--space-2);flex-shrink:0}html[data-design-theme=style-guide] .showcase-cell-content{flex:1;overflow:visible}html[data-design-theme=style-guide] .text-danger{color:var(--semantic-danger-color)}html[data-design-theme=style-guide] .text-warning{color:var(--semantic-warning-color)}html[data-design-theme=style-guide] .text-success{color:var(--semantic-success-color)}html[data-design-theme=style-guide] .text-info{color:var(--semantic-info-color)}html[data-design-theme=style-guide] .text-primary{color:var(--semantic-primary-color)}html[data-design-theme=style-guide] .text-brand{color:var(--semantic-brand-color)}html[data-design-theme=style-guide] .color-white{color:var(--white)}html[data-design-theme=style-guide] .bg-white{background:var(--white)}html[data-design-theme=style-guide] .text-on-white{color:var(--black)}html[data-design-theme=style-guide] .border-white{border-color:var(--white)}html[data-design-theme=style-guide] .ring-white{--ring-color:var(--white);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-white{outline-color:var(--white)}html[data-design-theme=style-guide] .accent-white{accent-color:var(--white)}html[data-design-theme=style-guide] .color-off-white{color:var(--off-white)}html[data-design-theme=style-guide] .bg-off-white{background:var(--off-white)}html[data-design-theme=style-guide] .text-on-off-white{color:var(--black)}html[data-design-theme=style-guide] .border-off-white{border-color:var(--off-white)}html[data-design-theme=style-guide] .ring-off-white{--ring-color:var(--off-white);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-off-white{outline-color:var(--off-white)}html[data-design-theme=style-guide] .accent-off-white{accent-color:var(--off-white)}html[data-design-theme=style-guide] .color-gray-50{color:var(--gray-50)}html[data-design-theme=style-guide] .bg-gray-50{background:var(--gray-50)}html[data-design-theme=style-guide] .text-on-gray-50{color:var(--black)}html[data-design-theme=style-guide] .border-gray-50{border-color:var(--gray-50)}html[data-design-theme=style-guide] .ring-gray-50{--ring-color:var(--gray-50);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-50{outline-color:var(--gray-50)}html[data-design-theme=style-guide] .accent-gray-50{accent-color:var(--gray-50)}html[data-design-theme=style-guide] .color-gray-100{color:var(--gray-100)}html[data-design-theme=style-guide] .bg-gray-100{background:var(--gray-100)}html[data-design-theme=style-guide] .text-on-gray-100{color:var(--black)}html[data-design-theme=style-guide] .border-gray-100{border-color:var(--gray-100)}html[data-design-theme=style-guide] .ring-gray-100{--ring-color:var(--gray-100);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-100{outline-color:var(--gray-100)}html[data-design-theme=style-guide] .accent-gray-100{accent-color:var(--gray-100)}html[data-design-theme=style-guide] .color-gray-200{color:var(--gray-200)}html[data-design-theme=style-guide] .bg-gray-200{background:var(--gray-200)}html[data-design-theme=style-guide] .text-on-gray-200{color:var(--black)}html[data-design-theme=style-guide] .border-gray-200{border-color:var(--gray-200)}html[data-design-theme=style-guide] .ring-gray-200{--ring-color:var(--gray-200);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-200{outline-color:var(--gray-200)}html[data-design-theme=style-guide] .accent-gray-200{accent-color:var(--gray-200)}html[data-design-theme=style-guide] .color-gray-300{color:var(--gray-300)}html[data-design-theme=style-guide] .bg-gray-300{background:var(--gray-300)}html[data-design-theme=style-guide] .text-on-gray-300{color:var(--black)}html[data-design-theme=style-guide] .border-gray-300{border-color:var(--gray-300)}html[data-design-theme=style-guide] .ring-gray-300{--ring-color:var(--gray-300);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-300{outline-color:var(--gray-300)}html[data-design-theme=style-guide] .accent-gray-300{accent-color:var(--gray-300)}html[data-design-theme=style-guide] .color-gray-400{color:var(--gray-400)}html[data-design-theme=style-guide] .bg-gray-400{background:var(--gray-400)}html[data-design-theme=style-guide] .text-on-gray-400{color:var(--black)}html[data-design-theme=style-guide] .border-gray-400{border-color:var(--gray-400)}html[data-design-theme=style-guide] .ring-gray-400{--ring-color:var(--gray-400);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-400{outline-color:var(--gray-400)}html[data-design-theme=style-guide] .accent-gray-400{accent-color:var(--gray-400)}html[data-design-theme=style-guide] .color-gray-500{color:var(--gray-500)}html[data-design-theme=style-guide] .bg-gray-500{background:var(--gray-500)}html[data-design-theme=style-guide] .text-on-gray-500{color:var(--white)}html[data-design-theme=style-guide] .border-gray-500{border-color:var(--gray-500)}html[data-design-theme=style-guide] .ring-gray-500{--ring-color:var(--gray-500);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-500{outline-color:var(--gray-500)}html[data-design-theme=style-guide] .accent-gray-500{accent-color:var(--gray-500)}html[data-design-theme=style-guide] .color-gray-600{color:var(--gray-600)}html[data-design-theme=style-guide] .bg-gray-600{background:var(--gray-600)}html[data-design-theme=style-guide] .text-on-gray-600{color:var(--white)}html[data-design-theme=style-guide] .border-gray-600{border-color:var(--gray-600)}html[data-design-theme=style-guide] .ring-gray-600{--ring-color:var(--gray-600);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-600{outline-color:var(--gray-600)}html[data-design-theme=style-guide] .accent-gray-600{accent-color:var(--gray-600)}html[data-design-theme=style-guide] .color-gray-700{color:var(--gray-700)}html[data-design-theme=style-guide] .bg-gray-700{background:var(--gray-700)}html[data-design-theme=style-guide] .text-on-gray-700{color:var(--white)}html[data-design-theme=style-guide] .border-gray-700{border-color:var(--gray-700)}html[data-design-theme=style-guide] .ring-gray-700{--ring-color:var(--gray-700);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-700{outline-color:var(--gray-700)}html[data-design-theme=style-guide] .accent-gray-700{accent-color:var(--gray-700)}html[data-design-theme=style-guide] .color-gray-800{color:var(--gray-800)}html[data-design-theme=style-guide] .bg-gray-800{background:var(--gray-800)}html[data-design-theme=style-guide] .text-on-gray-800{color:var(--white)}html[data-design-theme=style-guide] .border-gray-800{border-color:var(--gray-800)}html[data-design-theme=style-guide] .ring-gray-800{--ring-color:var(--gray-800);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-800{outline-color:var(--gray-800)}html[data-design-theme=style-guide] .accent-gray-800{accent-color:var(--gray-800)}html[data-design-theme=style-guide] .color-gray-900{color:var(--gray-900)}html[data-design-theme=style-guide] .bg-gray-900{background:var(--gray-900)}html[data-design-theme=style-guide] .text-on-gray-900{color:var(--white)}html[data-design-theme=style-guide] .border-gray-900{border-color:var(--gray-900)}html[data-design-theme=style-guide] .ring-gray-900{--ring-color:var(--gray-900);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-900{outline-color:var(--gray-900)}html[data-design-theme=style-guide] .accent-gray-900{accent-color:var(--gray-900)}html[data-design-theme=style-guide] .color-black{color:var(--black)}html[data-design-theme=style-guide] .bg-black{background:var(--black)}html[data-design-theme=style-guide] .text-on-black{color:var(--white)}html[data-design-theme=style-guide] .border-black{border-color:var(--black)}html[data-design-theme=style-guide] .ring-black{--ring-color:var(--black);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-black{outline-color:var(--black)}html[data-design-theme=style-guide] .accent-black{accent-color:var(--black)}html[data-design-theme=style-guide] .color-red{color:var(--red)}html[data-design-theme=style-guide] .bg-red{background:var(--red)}html[data-design-theme=style-guide] .text-on-red{color:var(--white)}html[data-design-theme=style-guide] .border-red{border-color:var(--red)}html[data-design-theme=style-guide] .ring-red{--ring-color:var(--red);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-red{outline-color:var(--red)}html[data-design-theme=style-guide] .accent-red{accent-color:var(--red)}html[data-design-theme=style-guide] .color-red-light{color:var(--red-light)}html[data-design-theme=style-guide] .bg-red-light{background:var(--red-light)}html[data-design-theme=style-guide] .text-on-red-light{color:var(--white)}html[data-design-theme=style-guide] .border-red-light{border-color:var(--red-light)}html[data-design-theme=style-guide] .ring-red-light{--ring-color:var(--red-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-red-light{outline-color:var(--red-light)}html[data-design-theme=style-guide] .accent-red-light{accent-color:var(--red-light)}html[data-design-theme=style-guide] .color-red-mid{color:var(--red-mid)}html[data-design-theme=style-guide] .bg-red-mid{background:var(--red-mid)}html[data-design-theme=style-guide] .text-on-red-mid{color:var(--white)}html[data-design-theme=style-guide] .border-red-mid{border-color:var(--red-mid)}html[data-design-theme=style-guide] .ring-red-mid{--ring-color:var(--red-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-red-mid{outline-color:var(--red-mid)}html[data-design-theme=style-guide] .accent-red-mid{accent-color:var(--red-mid)}html[data-design-theme=style-guide] .color-blue{color:var(--blue)}html[data-design-theme=style-guide] .bg-blue{background:var(--blue)}html[data-design-theme=style-guide] .text-on-blue{color:var(--white)}html[data-design-theme=style-guide] .border-blue{border-color:var(--blue)}html[data-design-theme=style-guide] .ring-blue{--ring-color:var(--blue);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-blue{outline-color:var(--blue)}html[data-design-theme=style-guide] .accent-blue{accent-color:var(--blue)}html[data-design-theme=style-guide] .color-blue-light{color:var(--blue-light)}html[data-design-theme=style-guide] .bg-blue-light{background:var(--blue-light)}html[data-design-theme=style-guide] .text-on-blue-light{color:var(--white)}html[data-design-theme=style-guide] .border-blue-light{border-color:var(--blue-light)}html[data-design-theme=style-guide] .ring-blue-light{--ring-color:var(--blue-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-blue-light{outline-color:var(--blue-light)}html[data-design-theme=style-guide] .accent-blue-light{accent-color:var(--blue-light)}html[data-design-theme=style-guide] .color-blue-mid{color:var(--blue-mid)}html[data-design-theme=style-guide] .bg-blue-mid{background:var(--blue-mid)}html[data-design-theme=style-guide] .text-on-blue-mid{color:var(--white)}html[data-design-theme=style-guide] .border-blue-mid{border-color:var(--blue-mid)}html[data-design-theme=style-guide] .ring-blue-mid{--ring-color:var(--blue-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-blue-mid{outline-color:var(--blue-mid)}html[data-design-theme=style-guide] .accent-blue-mid{accent-color:var(--blue-mid)}html[data-design-theme=style-guide] .color-yellow{color:var(--yellow)}html[data-design-theme=style-guide] .bg-yellow{background:var(--yellow)}html[data-design-theme=style-guide] .text-on-yellow{color:var(--black)}html[data-design-theme=style-guide] .border-yellow{border-color:var(--yellow)}html[data-design-theme=style-guide] .ring-yellow{--ring-color:var(--yellow);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-yellow{outline-color:var(--yellow)}html[data-design-theme=style-guide] .accent-yellow{accent-color:var(--yellow)}html[data-design-theme=style-guide] .color-yellow-light{color:var(--yellow-light)}html[data-design-theme=style-guide] .bg-yellow-light{background:var(--yellow-light)}html[data-design-theme=style-guide] .text-on-yellow-light{color:var(--black)}html[data-design-theme=style-guide] .border-yellow-light{border-color:var(--yellow-light)}html[data-design-theme=style-guide] .ring-yellow-light{--ring-color:var(--yellow-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-yellow-light{outline-color:var(--yellow-light)}html[data-design-theme=style-guide] .accent-yellow-light{accent-color:var(--yellow-light)}html[data-design-theme=style-guide] .color-yellow-mid{color:var(--yellow-mid)}html[data-design-theme=style-guide] .bg-yellow-mid{background:var(--yellow-mid)}html[data-design-theme=style-guide] .text-on-yellow-mid{color:var(--black)}html[data-design-theme=style-guide] .border-yellow-mid{border-color:var(--yellow-mid)}html[data-design-theme=style-guide] .ring-yellow-mid{--ring-color:var(--yellow-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-yellow-mid{outline-color:var(--yellow-mid)}html[data-design-theme=style-guide] .accent-yellow-mid{accent-color:var(--yellow-mid)}html[data-design-theme=style-guide] .color-brand-red{color:var(--brand-red)}html[data-design-theme=style-guide] .bg-brand-red{background:var(--brand-red)}html[data-design-theme=style-guide] .text-on-brand-red{color:var(--white)}html[data-design-theme=style-guide] .border-brand-red{border-color:var(--brand-red)}html[data-design-theme=style-guide] .ring-brand-red{--ring-color:var(--brand-red);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-red{outline-color:var(--brand-red)}html[data-design-theme=style-guide] .accent-brand-red{accent-color:var(--brand-red)}html[data-design-theme=style-guide] .color-brand-red-light{color:var(--brand-red-light)}html[data-design-theme=style-guide] .bg-brand-red-light{background:var(--brand-red-light)}html[data-design-theme=style-guide] .text-on-brand-red-light{color:var(--white)}html[data-design-theme=style-guide] .border-brand-red-light{border-color:var(--brand-red-light)}html[data-design-theme=style-guide] .ring-brand-red-light{--ring-color:var(--brand-red-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-red-light{outline-color:var(--brand-red-light)}html[data-design-theme=style-guide] .accent-brand-red-light{accent-color:var(--brand-red-light)}html[data-design-theme=style-guide] .color-brand-red-mid{color:var(--brand-red-mid)}html[data-design-theme=style-guide] .bg-brand-red-mid{background:var(--brand-red-mid)}html[data-design-theme=style-guide] .text-on-brand-red-mid{color:var(--white)}html[data-design-theme=style-guide] .border-brand-red-mid{border-color:var(--brand-red-mid)}html[data-design-theme=style-guide] .ring-brand-red-mid{--ring-color:var(--brand-red-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-red-mid{outline-color:var(--brand-red-mid)}html[data-design-theme=style-guide] .accent-brand-red-mid{accent-color:var(--brand-red-mid)}html[data-design-theme=style-guide] .color-brand-blue{color:var(--brand-blue)}html[data-design-theme=style-guide] .bg-brand-blue{background:var(--brand-blue)}html[data-design-theme=style-guide] .text-on-brand-blue{color:var(--white)}html[data-design-theme=style-guide] .border-brand-blue{border-color:var(--brand-blue)}html[data-design-theme=style-guide] .ring-brand-blue{--ring-color:var(--brand-blue);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-blue{outline-color:var(--brand-blue)}html[data-design-theme=style-guide] .accent-brand-blue{accent-color:var(--brand-blue)}html[data-design-theme=style-guide] .color-brand-blue-light{color:var(--brand-blue-light)}html[data-design-theme=style-guide] .bg-brand-blue-light{background:var(--brand-blue-light)}html[data-design-theme=style-guide] .text-on-brand-blue-light{color:var(--white)}html[data-design-theme=style-guide] .border-brand-blue-light{border-color:var(--brand-blue-light)}html[data-design-theme=style-guide] .ring-brand-blue-light{--ring-color:var(--brand-blue-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-blue-light{outline-color:var(--brand-blue-light)}html[data-design-theme=style-guide] .accent-brand-blue-light{accent-color:var(--brand-blue-light)}html[data-design-theme=style-guide] .color-brand-blue-mid{color:var(--brand-blue-mid)}html[data-design-theme=style-guide] .bg-brand-blue-mid{background:var(--brand-blue-mid)}html[data-design-theme=style-guide] .text-on-brand-blue-mid{color:var(--white)}html[data-design-theme=style-guide] .border-brand-blue-mid{border-color:var(--brand-blue-mid)}html[data-design-theme=style-guide] .ring-brand-blue-mid{--ring-color:var(--brand-blue-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-blue-mid{outline-color:var(--brand-blue-mid)}html[data-design-theme=style-guide] .accent-brand-blue-mid{accent-color:var(--brand-blue-mid)}html[data-design-theme=style-guide] .color-brand-yellow{color:var(--brand-yellow)}html[data-design-theme=style-guide] .bg-brand-yellow{background:var(--brand-yellow)}html[data-design-theme=style-guide] .text-on-brand-yellow{color:var(--black)}html[data-design-theme=style-guide] .border-brand-yellow{border-color:var(--brand-yellow)}html[data-design-theme=style-guide] .ring-brand-yellow{--ring-color:var(--brand-yellow);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-yellow{outline-color:var(--brand-yellow)}html[data-design-theme=style-guide] .accent-brand-yellow{accent-color:var(--brand-yellow)}html[data-design-theme=style-guide] .color-brand-yellow-light{color:var(--brand-yellow-light)}html[data-design-theme=style-guide] .bg-brand-yellow-light{background:var(--brand-yellow-light)}html[data-design-theme=style-guide] .text-on-brand-yellow-light{color:var(--black)}html[data-design-theme=style-guide] .border-brand-yellow-light{border-color:var(--brand-yellow-light)}html[data-design-theme=style-guide] .ring-brand-yellow-light{--ring-color:var(--brand-yellow-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-yellow-light{outline-color:var(--brand-yellow-light)}html[data-design-theme=style-guide] .accent-brand-yellow-light{accent-color:var(--brand-yellow-light)}html[data-design-theme=style-guide] .color-brand-yellow-mid{color:var(--brand-yellow-mid)}html[data-design-theme=style-guide] .bg-brand-yellow-mid{background:var(--brand-yellow-mid)}html[data-design-theme=style-guide] .text-on-brand-yellow-mid{color:var(--black)}html[data-design-theme=style-guide] .border-brand-yellow-mid{border-color:var(--brand-yellow-mid)}html[data-design-theme=style-guide] .ring-brand-yellow-mid{--ring-color:var(--brand-yellow-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand-yellow-mid{outline-color:var(--brand-yellow-mid)}html[data-design-theme=style-guide] .accent-brand-yellow-mid{accent-color:var(--brand-yellow-mid)}html[data-design-theme=style-guide] .color-success{color:var(--success)}html[data-design-theme=style-guide] .bg-success{background:var(--success)}html[data-design-theme=style-guide] .text-on-success{color:var(--white)}html[data-design-theme=style-guide] .border-success{border-color:var(--success)}html[data-design-theme=style-guide] .ring-success{--ring-color:var(--success);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-success{outline-color:var(--success)}html[data-design-theme=style-guide] .accent-success{accent-color:var(--success)}html[data-design-theme=style-guide] .color-success-tint{color:var(--success-tint)}html[data-design-theme=style-guide] .bg-success-tint{background:var(--success-tint)}html[data-design-theme=style-guide] .text-on-success-tint{color:var(--white)}html[data-design-theme=style-guide] .border-success-tint{border-color:var(--success-tint)}html[data-design-theme=style-guide] .ring-success-tint{--ring-color:var(--success-tint);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-success-tint{outline-color:var(--success-tint)}html[data-design-theme=style-guide] .accent-success-tint{accent-color:var(--success-tint)}html[data-design-theme=style-guide] .color-warning{color:var(--warning)}html[data-design-theme=style-guide] .bg-warning{background:var(--warning)}html[data-design-theme=style-guide] .text-on-warning{color:var(--white)}html[data-design-theme=style-guide] .border-warning{border-color:var(--warning)}html[data-design-theme=style-guide] .ring-warning{--ring-color:var(--warning);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-warning{outline-color:var(--warning)}html[data-design-theme=style-guide] .accent-warning{accent-color:var(--warning)}html[data-design-theme=style-guide] .color-warning-tint{color:var(--warning-tint)}html[data-design-theme=style-guide] .bg-warning-tint{background:var(--warning-tint)}html[data-design-theme=style-guide] .text-on-warning-tint{color:var(--white)}html[data-design-theme=style-guide] .border-warning-tint{border-color:var(--warning-tint)}html[data-design-theme=style-guide] .ring-warning-tint{--ring-color:var(--warning-tint);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-warning-tint{outline-color:var(--warning-tint)}html[data-design-theme=style-guide] .accent-warning-tint{accent-color:var(--warning-tint)}html[data-design-theme=style-guide] .color-error{color:var(--error)}html[data-design-theme=style-guide] .bg-error{background:var(--error)}html[data-design-theme=style-guide] .text-on-error{color:var(--white)}html[data-design-theme=style-guide] .border-error{border-color:var(--error)}html[data-design-theme=style-guide] .ring-error{--ring-color:var(--error);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-error{outline-color:var(--error)}html[data-design-theme=style-guide] .accent-error{accent-color:var(--error)}html[data-design-theme=style-guide] .color-error-tint{color:var(--error-tint)}html[data-design-theme=style-guide] .bg-error-tint{background:var(--error-tint)}html[data-design-theme=style-guide] .text-on-error-tint{color:var(--white)}html[data-design-theme=style-guide] .border-error-tint{border-color:var(--error-tint)}html[data-design-theme=style-guide] .ring-error-tint{--ring-color:var(--error-tint);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-error-tint{outline-color:var(--error-tint)}html[data-design-theme=style-guide] .accent-error-tint{accent-color:var(--error-tint)}html[data-design-theme=style-guide] .color-info{color:var(--info)}html[data-design-theme=style-guide] .bg-info{background:var(--info)}html[data-design-theme=style-guide] .text-on-info{color:var(--white)}html[data-design-theme=style-guide] .border-info{border-color:var(--info)}html[data-design-theme=style-guide] .ring-info{--ring-color:var(--info);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-info{outline-color:var(--info)}html[data-design-theme=style-guide] .accent-info{accent-color:var(--info)}html[data-design-theme=style-guide] .color-info-tint{color:var(--info-tint)}html[data-design-theme=style-guide] .bg-info-tint{background:var(--info-tint)}html[data-design-theme=style-guide] .text-on-info-tint{color:var(--white)}html[data-design-theme=style-guide] .border-info-tint{border-color:var(--info-tint)}html[data-design-theme=style-guide] .ring-info-tint{--ring-color:var(--info-tint);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-info-tint{outline-color:var(--info-tint)}html[data-design-theme=style-guide] .accent-info-tint{accent-color:var(--info-tint)}html[data-design-theme=style-guide] .color-font-size-xs{color:var(--font-size-xs)}html[data-design-theme=style-guide] .bg-font-size-xs{background:var(--font-size-xs)}html[data-design-theme=style-guide] .text-on-font-size-xs{color:var(--white)}html[data-design-theme=style-guide] .border-font-size-xs{border-color:var(--font-size-xs)}html[data-design-theme=style-guide] .ring-font-size-xs{--ring-color:var(--font-size-xs);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-font-size-xs{outline-color:var(--font-size-xs)}html[data-design-theme=style-guide] .accent-font-size-xs{accent-color:var(--font-size-xs)}html[data-design-theme=style-guide] .color-font-size-sm{color:var(--font-size-sm)}html[data-design-theme=style-guide] .bg-font-size-sm{background:var(--font-size-sm)}html[data-design-theme=style-guide] .text-on-font-size-sm{color:var(--white)}html[data-design-theme=style-guide] .border-font-size-sm{border-color:var(--font-size-sm)}html[data-design-theme=style-guide] .ring-font-size-sm{--ring-color:var(--font-size-sm);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-font-size-sm{outline-color:var(--font-size-sm)}html[data-design-theme=style-guide] .accent-font-size-sm{accent-color:var(--font-size-sm)}html[data-design-theme=style-guide] .color-font-size-md{color:var(--font-size-md)}html[data-design-theme=style-guide] .bg-font-size-md{background:var(--font-size-md)}html[data-design-theme=style-guide] .text-on-font-size-md{color:var(--white)}html[data-design-theme=style-guide] .border-font-size-md{border-color:var(--font-size-md)}html[data-design-theme=style-guide] .ring-font-size-md{--ring-color:var(--font-size-md);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-font-size-md{outline-color:var(--font-size-md)}html[data-design-theme=style-guide] .accent-font-size-md{accent-color:var(--font-size-md)}html[data-design-theme=style-guide] .color-font-size-lg{color:var(--font-size-lg)}html[data-design-theme=style-guide] .bg-font-size-lg{background:var(--font-size-lg)}html[data-design-theme=style-guide] .text-on-font-size-lg{color:var(--white)}html[data-design-theme=style-guide] .border-font-size-lg{border-color:var(--font-size-lg)}html[data-design-theme=style-guide] .ring-font-size-lg{--ring-color:var(--font-size-lg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-font-size-lg{outline-color:var(--font-size-lg)}html[data-design-theme=style-guide] .accent-font-size-lg{accent-color:var(--font-size-lg)}html[data-design-theme=style-guide] .color-font-size-xl{color:var(--font-size-xl)}html[data-design-theme=style-guide] .bg-font-size-xl{background:var(--font-size-xl)}html[data-design-theme=style-guide] .text-on-font-size-xl{color:var(--white)}html[data-design-theme=style-guide] .border-font-size-xl{border-color:var(--font-size-xl)}html[data-design-theme=style-guide] .ring-font-size-xl{--ring-color:var(--font-size-xl);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-font-size-xl{outline-color:var(--font-size-xl)}html[data-design-theme=style-guide] .accent-font-size-xl{accent-color:var(--font-size-xl)}html[data-design-theme=style-guide] .color-font-size-base{color:var(--font-size-base)}html[data-design-theme=style-guide] .bg-font-size-base{background:var(--font-size-base)}html[data-design-theme=style-guide] .text-on-font-size-base{color:var(--white)}html[data-design-theme=style-guide] .border-font-size-base{border-color:var(--font-size-base)}html[data-design-theme=style-guide] .ring-font-size-base{--ring-color:var(--font-size-base);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-font-size-base{outline-color:var(--font-size-base)}html[data-design-theme=style-guide] .accent-font-size-base{accent-color:var(--font-size-base)}html[data-design-theme=style-guide] .color-rose{color:var(--rose)}html[data-design-theme=style-guide] .bg-rose{background:var(--rose)}html[data-design-theme=style-guide] .text-on-rose{color:var(--white)}html[data-design-theme=style-guide] .border-rose{border-color:var(--rose)}html[data-design-theme=style-guide] .ring-rose{--ring-color:var(--rose);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-rose{outline-color:var(--rose)}html[data-design-theme=style-guide] .accent-rose{accent-color:var(--rose)}html[data-design-theme=style-guide] .color-rose-light{color:var(--rose-light)}html[data-design-theme=style-guide] .bg-rose-light{background:var(--rose-light)}html[data-design-theme=style-guide] .text-on-rose-light{color:var(--white)}html[data-design-theme=style-guide] .border-rose-light{border-color:var(--rose-light)}html[data-design-theme=style-guide] .ring-rose-light{--ring-color:var(--rose-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-rose-light{outline-color:var(--rose-light)}html[data-design-theme=style-guide] .accent-rose-light{accent-color:var(--rose-light)}html[data-design-theme=style-guide] .color-orange{color:var(--orange)}html[data-design-theme=style-guide] .bg-orange{background:var(--orange)}html[data-design-theme=style-guide] .text-on-orange{color:var(--white)}html[data-design-theme=style-guide] .border-orange{border-color:var(--orange)}html[data-design-theme=style-guide] .ring-orange{--ring-color:var(--orange);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-orange{outline-color:var(--orange)}html[data-design-theme=style-guide] .accent-orange{accent-color:var(--orange)}html[data-design-theme=style-guide] .color-orange-light{color:var(--orange-light)}html[data-design-theme=style-guide] .bg-orange-light{background:var(--orange-light)}html[data-design-theme=style-guide] .text-on-orange-light{color:var(--white)}html[data-design-theme=style-guide] .border-orange-light{border-color:var(--orange-light)}html[data-design-theme=style-guide] .ring-orange-light{--ring-color:var(--orange-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-orange-light{outline-color:var(--orange-light)}html[data-design-theme=style-guide] .accent-orange-light{accent-color:var(--orange-light)}html[data-design-theme=style-guide] .color-amber{color:var(--amber)}html[data-design-theme=style-guide] .bg-amber{background:var(--amber)}html[data-design-theme=style-guide] .text-on-amber{color:var(--white)}html[data-design-theme=style-guide] .border-amber{border-color:var(--amber)}html[data-design-theme=style-guide] .ring-amber{--ring-color:var(--amber);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-amber{outline-color:var(--amber)}html[data-design-theme=style-guide] .accent-amber{accent-color:var(--amber)}html[data-design-theme=style-guide] .color-amber-light{color:var(--amber-light)}html[data-design-theme=style-guide] .bg-amber-light{background:var(--amber-light)}html[data-design-theme=style-guide] .text-on-amber-light{color:var(--white)}html[data-design-theme=style-guide] .border-amber-light{border-color:var(--amber-light)}html[data-design-theme=style-guide] .ring-amber-light{--ring-color:var(--amber-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-amber-light{outline-color:var(--amber-light)}html[data-design-theme=style-guide] .accent-amber-light{accent-color:var(--amber-light)}html[data-design-theme=style-guide] .color-lime{color:var(--lime)}html[data-design-theme=style-guide] .bg-lime{background:var(--lime)}html[data-design-theme=style-guide] .text-on-lime{color:var(--white)}html[data-design-theme=style-guide] .border-lime{border-color:var(--lime)}html[data-design-theme=style-guide] .ring-lime{--ring-color:var(--lime);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-lime{outline-color:var(--lime)}html[data-design-theme=style-guide] .accent-lime{accent-color:var(--lime)}html[data-design-theme=style-guide] .color-lime-light{color:var(--lime-light)}html[data-design-theme=style-guide] .bg-lime-light{background:var(--lime-light)}html[data-design-theme=style-guide] .text-on-lime-light{color:var(--white)}html[data-design-theme=style-guide] .border-lime-light{border-color:var(--lime-light)}html[data-design-theme=style-guide] .ring-lime-light{--ring-color:var(--lime-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-lime-light{outline-color:var(--lime-light)}html[data-design-theme=style-guide] .accent-lime-light{accent-color:var(--lime-light)}html[data-design-theme=style-guide] .color-emerald{color:var(--emerald)}html[data-design-theme=style-guide] .bg-emerald{background:var(--emerald)}html[data-design-theme=style-guide] .text-on-emerald{color:var(--white)}html[data-design-theme=style-guide] .border-emerald{border-color:var(--emerald)}html[data-design-theme=style-guide] .ring-emerald{--ring-color:var(--emerald);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-emerald{outline-color:var(--emerald)}html[data-design-theme=style-guide] .accent-emerald{accent-color:var(--emerald)}html[data-design-theme=style-guide] .color-emerald-light{color:var(--emerald-light)}html[data-design-theme=style-guide] .bg-emerald-light{background:var(--emerald-light)}html[data-design-theme=style-guide] .text-on-emerald-light{color:var(--white)}html[data-design-theme=style-guide] .border-emerald-light{border-color:var(--emerald-light)}html[data-design-theme=style-guide] .ring-emerald-light{--ring-color:var(--emerald-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-emerald-light{outline-color:var(--emerald-light)}html[data-design-theme=style-guide] .accent-emerald-light{accent-color:var(--emerald-light)}html[data-design-theme=style-guide] .color-teal{color:var(--teal)}html[data-design-theme=style-guide] .bg-teal{background:var(--teal)}html[data-design-theme=style-guide] .text-on-teal{color:var(--white)}html[data-design-theme=style-guide] .border-teal{border-color:var(--teal)}html[data-design-theme=style-guide] .ring-teal{--ring-color:var(--teal);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-teal{outline-color:var(--teal)}html[data-design-theme=style-guide] .accent-teal{accent-color:var(--teal)}html[data-design-theme=style-guide] .color-teal-light{color:var(--teal-light)}html[data-design-theme=style-guide] .bg-teal-light{background:var(--teal-light)}html[data-design-theme=style-guide] .text-on-teal-light{color:var(--white)}html[data-design-theme=style-guide] .border-teal-light{border-color:var(--teal-light)}html[data-design-theme=style-guide] .ring-teal-light{--ring-color:var(--teal-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-teal-light{outline-color:var(--teal-light)}html[data-design-theme=style-guide] .accent-teal-light{accent-color:var(--teal-light)}html[data-design-theme=style-guide] .color-cyan{color:var(--cyan)}html[data-design-theme=style-guide] .bg-cyan{background:var(--cyan)}html[data-design-theme=style-guide] .text-on-cyan{color:var(--white)}html[data-design-theme=style-guide] .border-cyan{border-color:var(--cyan)}html[data-design-theme=style-guide] .ring-cyan{--ring-color:var(--cyan);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-cyan{outline-color:var(--cyan)}html[data-design-theme=style-guide] .accent-cyan{accent-color:var(--cyan)}html[data-design-theme=style-guide] .color-cyan-light{color:var(--cyan-light)}html[data-design-theme=style-guide] .bg-cyan-light{background:var(--cyan-light)}html[data-design-theme=style-guide] .text-on-cyan-light{color:var(--white)}html[data-design-theme=style-guide] .border-cyan-light{border-color:var(--cyan-light)}html[data-design-theme=style-guide] .ring-cyan-light{--ring-color:var(--cyan-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-cyan-light{outline-color:var(--cyan-light)}html[data-design-theme=style-guide] .accent-cyan-light{accent-color:var(--cyan-light)}html[data-design-theme=style-guide] .color-sky{color:var(--sky)}html[data-design-theme=style-guide] .bg-sky{background:var(--sky)}html[data-design-theme=style-guide] .text-on-sky{color:var(--white)}html[data-design-theme=style-guide] .border-sky{border-color:var(--sky)}html[data-design-theme=style-guide] .ring-sky{--ring-color:var(--sky);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sky{outline-color:var(--sky)}html[data-design-theme=style-guide] .accent-sky{accent-color:var(--sky)}html[data-design-theme=style-guide] .color-sky-light{color:var(--sky-light)}html[data-design-theme=style-guide] .bg-sky-light{background:var(--sky-light)}html[data-design-theme=style-guide] .text-on-sky-light{color:var(--white)}html[data-design-theme=style-guide] .border-sky-light{border-color:var(--sky-light)}html[data-design-theme=style-guide] .ring-sky-light{--ring-color:var(--sky-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sky-light{outline-color:var(--sky-light)}html[data-design-theme=style-guide] .accent-sky-light{accent-color:var(--sky-light)}html[data-design-theme=style-guide] .color-indigo{color:var(--indigo)}html[data-design-theme=style-guide] .bg-indigo{background:var(--indigo)}html[data-design-theme=style-guide] .text-on-indigo{color:var(--white)}html[data-design-theme=style-guide] .border-indigo{border-color:var(--indigo)}html[data-design-theme=style-guide] .ring-indigo{--ring-color:var(--indigo);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-indigo{outline-color:var(--indigo)}html[data-design-theme=style-guide] .accent-indigo{accent-color:var(--indigo)}html[data-design-theme=style-guide] .color-indigo-light{color:var(--indigo-light)}html[data-design-theme=style-guide] .bg-indigo-light{background:var(--indigo-light)}html[data-design-theme=style-guide] .text-on-indigo-light{color:var(--white)}html[data-design-theme=style-guide] .border-indigo-light{border-color:var(--indigo-light)}html[data-design-theme=style-guide] .ring-indigo-light{--ring-color:var(--indigo-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-indigo-light{outline-color:var(--indigo-light)}html[data-design-theme=style-guide] .accent-indigo-light{accent-color:var(--indigo-light)}html[data-design-theme=style-guide] .color-violet{color:var(--violet)}html[data-design-theme=style-guide] .bg-violet{background:var(--violet)}html[data-design-theme=style-guide] .text-on-violet{color:var(--white)}html[data-design-theme=style-guide] .border-violet{border-color:var(--violet)}html[data-design-theme=style-guide] .ring-violet{--ring-color:var(--violet);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-violet{outline-color:var(--violet)}html[data-design-theme=style-guide] .accent-violet{accent-color:var(--violet)}html[data-design-theme=style-guide] .color-violet-light{color:var(--violet-light)}html[data-design-theme=style-guide] .bg-violet-light{background:var(--violet-light)}html[data-design-theme=style-guide] .text-on-violet-light{color:var(--white)}html[data-design-theme=style-guide] .border-violet-light{border-color:var(--violet-light)}html[data-design-theme=style-guide] .ring-violet-light{--ring-color:var(--violet-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-violet-light{outline-color:var(--violet-light)}html[data-design-theme=style-guide] .accent-violet-light{accent-color:var(--violet-light)}html[data-design-theme=style-guide] .color-purple{color:var(--purple)}html[data-design-theme=style-guide] .bg-purple{background:var(--purple)}html[data-design-theme=style-guide] .text-on-purple{color:var(--white)}html[data-design-theme=style-guide] .border-purple{border-color:var(--purple)}html[data-design-theme=style-guide] .ring-purple{--ring-color:var(--purple);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-purple{outline-color:var(--purple)}html[data-design-theme=style-guide] .accent-purple{accent-color:var(--purple)}html[data-design-theme=style-guide] .color-purple-light{color:var(--purple-light)}html[data-design-theme=style-guide] .bg-purple-light{background:var(--purple-light)}html[data-design-theme=style-guide] .text-on-purple-light{color:var(--white)}html[data-design-theme=style-guide] .border-purple-light{border-color:var(--purple-light)}html[data-design-theme=style-guide] .ring-purple-light{--ring-color:var(--purple-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-purple-light{outline-color:var(--purple-light)}html[data-design-theme=style-guide] .accent-purple-light{accent-color:var(--purple-light)}html[data-design-theme=style-guide] .color-fuchsia{color:var(--fuchsia)}html[data-design-theme=style-guide] .bg-fuchsia{background:var(--fuchsia)}html[data-design-theme=style-guide] .text-on-fuchsia{color:var(--white)}html[data-design-theme=style-guide] .border-fuchsia{border-color:var(--fuchsia)}html[data-design-theme=style-guide] .ring-fuchsia{--ring-color:var(--fuchsia);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-fuchsia{outline-color:var(--fuchsia)}html[data-design-theme=style-guide] .accent-fuchsia{accent-color:var(--fuchsia)}html[data-design-theme=style-guide] .color-fuchsia-light{color:var(--fuchsia-light)}html[data-design-theme=style-guide] .bg-fuchsia-light{background:var(--fuchsia-light)}html[data-design-theme=style-guide] .text-on-fuchsia-light{color:var(--white)}html[data-design-theme=style-guide] .border-fuchsia-light{border-color:var(--fuchsia-light)}html[data-design-theme=style-guide] .ring-fuchsia-light{--ring-color:var(--fuchsia-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-fuchsia-light{outline-color:var(--fuchsia-light)}html[data-design-theme=style-guide] .accent-fuchsia-light{accent-color:var(--fuchsia-light)}html[data-design-theme=style-guide] .color-pink{color:var(--pink)}html[data-design-theme=style-guide] .bg-pink{background:var(--pink)}html[data-design-theme=style-guide] .text-on-pink{color:var(--white)}html[data-design-theme=style-guide] .border-pink{border-color:var(--pink)}html[data-design-theme=style-guide] .ring-pink{--ring-color:var(--pink);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-pink{outline-color:var(--pink)}html[data-design-theme=style-guide] .accent-pink{accent-color:var(--pink)}html[data-design-theme=style-guide] .color-pink-light{color:var(--pink-light)}html[data-design-theme=style-guide] .bg-pink-light{background:var(--pink-light)}html[data-design-theme=style-guide] .text-on-pink-light{color:var(--white)}html[data-design-theme=style-guide] .border-pink-light{border-color:var(--pink-light)}html[data-design-theme=style-guide] .ring-pink-light{--ring-color:var(--pink-light);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-pink-light{outline-color:var(--pink-light)}html[data-design-theme=style-guide] .accent-pink-light{accent-color:var(--pink-light)}html[data-design-theme=style-guide] .color-base-font-family{color:var(--base-font-family)}html[data-design-theme=style-guide] .bg-base-font-family{background:var(--base-font-family)}html[data-design-theme=style-guide] .text-on-base-font-family{color:var(--white)}html[data-design-theme=style-guide] .border-base-font-family{border-color:var(--base-font-family)}html[data-design-theme=style-guide] .ring-base-font-family{--ring-color:var(--base-font-family);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-base-font-family{outline-color:var(--base-font-family)}html[data-design-theme=style-guide] .accent-base-font-family{accent-color:var(--base-font-family)}html[data-design-theme=style-guide] .color-base-font-color{color:var(--base-font-color)}html[data-design-theme=style-guide] .bg-base-font-color{background:var(--base-font-color)}html[data-design-theme=style-guide] .text-on-base-font-color{color:var(--white)}html[data-design-theme=style-guide] .border-base-font-color{border-color:var(--base-font-color)}html[data-design-theme=style-guide] .ring-base-font-color{--ring-color:var(--base-font-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-base-font-color{outline-color:var(--base-font-color)}html[data-design-theme=style-guide] .accent-base-font-color{accent-color:var(--base-font-color)}html[data-design-theme=style-guide] .color-base-background{color:var(--base-background)}html[data-design-theme=style-guide] .bg-base-background{background:var(--base-background)}html[data-design-theme=style-guide] .text-on-base-background{color:var(--white)}html[data-design-theme=style-guide] .border-base-background{border-color:var(--base-background)}html[data-design-theme=style-guide] .ring-base-background{--ring-color:var(--base-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-base-background{outline-color:var(--base-background)}html[data-design-theme=style-guide] .accent-base-background{accent-color:var(--base-background)}html[data-design-theme=style-guide] .color-bg{color:var(--bg)}html[data-design-theme=style-guide] .bg-bg{background:var(--bg)}html[data-design-theme=style-guide] .text-on-bg{color:var(--white)}html[data-design-theme=style-guide] .border-bg{border-color:var(--bg)}html[data-design-theme=style-guide] .ring-bg{--ring-color:var(--bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-bg{outline-color:var(--bg)}html[data-design-theme=style-guide] .accent-bg{accent-color:var(--bg)}html[data-design-theme=style-guide] .color-branding-logo-bg{color:var(--branding-logo-bg)}html[data-design-theme=style-guide] .bg-branding-logo-bg{background:var(--branding-logo-bg)}html[data-design-theme=style-guide] .text-on-branding-logo-bg{color:var(--white)}html[data-design-theme=style-guide] .border-branding-logo-bg{border-color:var(--branding-logo-bg)}html[data-design-theme=style-guide] .ring-branding-logo-bg{--ring-color:var(--branding-logo-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-branding-logo-bg{outline-color:var(--branding-logo-bg)}html[data-design-theme=style-guide] .accent-branding-logo-bg{accent-color:var(--branding-logo-bg)}html[data-design-theme=style-guide] .color-card-background{color:var(--card-background)}html[data-design-theme=style-guide] .bg-card-background{background:var(--card-background)}html[data-design-theme=style-guide] .text-on-card-background{color:var(--white)}html[data-design-theme=style-guide] .border-card-background{border-color:var(--card-background)}html[data-design-theme=style-guide] .ring-card-background{--ring-color:var(--card-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-background{outline-color:var(--card-background)}html[data-design-theme=style-guide] .accent-card-background{accent-color:var(--card-background)}html[data-design-theme=style-guide] .color-card-border-color{color:var(--card-border-color)}html[data-design-theme=style-guide] .bg-card-border-color{background:var(--card-border-color)}html[data-design-theme=style-guide] .text-on-card-border-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-border-color{border-color:var(--card-border-color)}html[data-design-theme=style-guide] .ring-card-border-color{--ring-color:var(--card-border-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-border-color{outline-color:var(--card-border-color)}html[data-design-theme=style-guide] .accent-card-border-color{accent-color:var(--card-border-color)}html[data-design-theme=style-guide] .color-card-header-background{color:var(--card-header-background)}html[data-design-theme=style-guide] .bg-card-header-background{background:var(--card-header-background)}html[data-design-theme=style-guide] .text-on-card-header-background{color:var(--white)}html[data-design-theme=style-guide] .border-card-header-background{border-color:var(--card-header-background)}html[data-design-theme=style-guide] .ring-card-header-background{--ring-color:var(--card-header-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-header-background{outline-color:var(--card-header-background)}html[data-design-theme=style-guide] .accent-card-header-background{accent-color:var(--card-header-background)}html[data-design-theme=style-guide] .color-card-footer-background{color:var(--card-footer-background)}html[data-design-theme=style-guide] .bg-card-footer-background{background:var(--card-footer-background)}html[data-design-theme=style-guide] .text-on-card-footer-background{color:var(--white)}html[data-design-theme=style-guide] .border-card-footer-background{border-color:var(--card-footer-background)}html[data-design-theme=style-guide] .ring-card-footer-background{--ring-color:var(--card-footer-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-footer-background{outline-color:var(--card-footer-background)}html[data-design-theme=style-guide] .accent-card-footer-background{accent-color:var(--card-footer-background)}html[data-design-theme=style-guide] .color-btn-font-family{color:var(--btn-font-family)}html[data-design-theme=style-guide] .bg-btn-font-family{background:var(--btn-font-family)}html[data-design-theme=style-guide] .text-on-btn-font-family{color:var(--white)}html[data-design-theme=style-guide] .border-btn-font-family{border-color:var(--btn-font-family)}html[data-design-theme=style-guide] .ring-btn-font-family{--ring-color:var(--btn-font-family);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-font-family{outline-color:var(--btn-font-family)}html[data-design-theme=style-guide] .accent-btn-font-family{accent-color:var(--btn-font-family)}html[data-design-theme=style-guide] .color-btn-background{color:var(--btn-background)}html[data-design-theme=style-guide] .bg-btn-background{background:var(--btn-background)}html[data-design-theme=style-guide] .text-on-btn-background{color:var(--white)}html[data-design-theme=style-guide] .border-btn-background{border-color:var(--btn-background)}html[data-design-theme=style-guide] .ring-btn-background{--ring-color:var(--btn-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-background{outline-color:var(--btn-background)}html[data-design-theme=style-guide] .accent-btn-background{accent-color:var(--btn-background)}html[data-design-theme=style-guide] .color-btn-color{color:var(--btn-color)}html[data-design-theme=style-guide] .bg-btn-color{background:var(--btn-color)}html[data-design-theme=style-guide] .text-on-btn-color{color:var(--white)}html[data-design-theme=style-guide] .border-btn-color{border-color:var(--btn-color)}html[data-design-theme=style-guide] .ring-btn-color{--ring-color:var(--btn-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-color{outline-color:var(--btn-color)}html[data-design-theme=style-guide] .accent-btn-color{accent-color:var(--btn-color)}html[data-design-theme=style-guide] .color-btn-hover-background{color:var(--btn-hover-background)}html[data-design-theme=style-guide] .bg-btn-hover-background{background:var(--btn-hover-background)}html[data-design-theme=style-guide] .text-on-btn-hover-background{color:var(--white)}html[data-design-theme=style-guide] .border-btn-hover-background{border-color:var(--btn-hover-background)}html[data-design-theme=style-guide] .ring-btn-hover-background{--ring-color:var(--btn-hover-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-hover-background{outline-color:var(--btn-hover-background)}html[data-design-theme=style-guide] .accent-btn-hover-background{accent-color:var(--btn-hover-background)}html[data-design-theme=style-guide] .color-btn-outline-color{color:var(--btn-outline-color)}html[data-design-theme=style-guide] .bg-btn-outline-color{background:var(--btn-outline-color)}html[data-design-theme=style-guide] .text-on-btn-outline-color{color:var(--white)}html[data-design-theme=style-guide] .border-btn-outline-color{border-color:var(--btn-outline-color)}html[data-design-theme=style-guide] .ring-btn-outline-color{--ring-color:var(--btn-outline-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-outline-color{outline-color:var(--btn-outline-color)}html[data-design-theme=style-guide] .accent-btn-outline-color{accent-color:var(--btn-outline-color)}html[data-design-theme=style-guide] .color-btn-outline-hover-background{color:var(--btn-outline-hover-background)}html[data-design-theme=style-guide] .bg-btn-outline-hover-background{background:var(--btn-outline-hover-background)}html[data-design-theme=style-guide] .text-on-btn-outline-hover-background{color:var(--white)}html[data-design-theme=style-guide] .border-btn-outline-hover-background{border-color:var(--btn-outline-hover-background)}html[data-design-theme=style-guide] .ring-btn-outline-hover-background{--ring-color:var(--btn-outline-hover-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-outline-hover-background{outline-color:var(--btn-outline-hover-background)}html[data-design-theme=style-guide] .accent-btn-outline-hover-background{accent-color:var(--btn-outline-hover-background)}html[data-design-theme=style-guide] .color-sg-section-title-font-family{color:var(--sg-section-title-font-family)}html[data-design-theme=style-guide] .bg-sg-section-title-font-family{background:var(--sg-section-title-font-family)}html[data-design-theme=style-guide] .text-on-sg-section-title-font-family{color:var(--white)}html[data-design-theme=style-guide] .border-sg-section-title-font-family{border-color:var(--sg-section-title-font-family)}html[data-design-theme=style-guide] .ring-sg-section-title-font-family{--ring-color:var(--sg-section-title-font-family);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-section-title-font-family{outline-color:var(--sg-section-title-font-family)}html[data-design-theme=style-guide] .accent-sg-section-title-font-family{accent-color:var(--sg-section-title-font-family)}html[data-design-theme=style-guide] .color-sg-section-title-color{color:var(--sg-section-title-color)}html[data-design-theme=style-guide] .bg-sg-section-title-color{background:var(--sg-section-title-color)}html[data-design-theme=style-guide] .text-on-sg-section-title-color{color:var(--white)}html[data-design-theme=style-guide] .border-sg-section-title-color{border-color:var(--sg-section-title-color)}html[data-design-theme=style-guide] .ring-sg-section-title-color{--ring-color:var(--sg-section-title-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-section-title-color{outline-color:var(--sg-section-title-color)}html[data-design-theme=style-guide] .accent-sg-section-title-color{accent-color:var(--sg-section-title-color)}html[data-design-theme=style-guide] .color-sg-section-number-bg{color:var(--sg-section-number-bg)}html[data-design-theme=style-guide] .bg-sg-section-number-bg{background:var(--sg-section-number-bg)}html[data-design-theme=style-guide] .text-on-sg-section-number-bg{color:var(--white)}html[data-design-theme=style-guide] .border-sg-section-number-bg{border-color:var(--sg-section-number-bg)}html[data-design-theme=style-guide] .ring-sg-section-number-bg{--ring-color:var(--sg-section-number-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-section-number-bg{outline-color:var(--sg-section-number-bg)}html[data-design-theme=style-guide] .accent-sg-section-number-bg{accent-color:var(--sg-section-number-bg)}html[data-design-theme=style-guide] .color-sg-section-number-color{color:var(--sg-section-number-color)}html[data-design-theme=style-guide] .bg-sg-section-number-color{background:var(--sg-section-number-color)}html[data-design-theme=style-guide] .text-on-sg-section-number-color{color:var(--white)}html[data-design-theme=style-guide] .border-sg-section-number-color{border-color:var(--sg-section-number-color)}html[data-design-theme=style-guide] .ring-sg-section-number-color{--ring-color:var(--sg-section-number-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-section-number-color{outline-color:var(--sg-section-number-color)}html[data-design-theme=style-guide] .accent-sg-section-number-color{accent-color:var(--sg-section-number-color)}html[data-design-theme=style-guide] .color-sg-section-desc-font-family{color:var(--sg-section-desc-font-family)}html[data-design-theme=style-guide] .bg-sg-section-desc-font-family{background:var(--sg-section-desc-font-family)}html[data-design-theme=style-guide] .text-on-sg-section-desc-font-family{color:var(--white)}html[data-design-theme=style-guide] .border-sg-section-desc-font-family{border-color:var(--sg-section-desc-font-family)}html[data-design-theme=style-guide] .ring-sg-section-desc-font-family{--ring-color:var(--sg-section-desc-font-family);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-section-desc-font-family{outline-color:var(--sg-section-desc-font-family)}html[data-design-theme=style-guide] .accent-sg-section-desc-font-family{accent-color:var(--sg-section-desc-font-family)}html[data-design-theme=style-guide] .color-sg-section-desc-color{color:var(--sg-section-desc-color)}html[data-design-theme=style-guide] .bg-sg-section-desc-color{background:var(--sg-section-desc-color)}html[data-design-theme=style-guide] .text-on-sg-section-desc-color{color:var(--white)}html[data-design-theme=style-guide] .border-sg-section-desc-color{border-color:var(--sg-section-desc-color)}html[data-design-theme=style-guide] .ring-sg-section-desc-color{--ring-color:var(--sg-section-desc-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-section-desc-color{outline-color:var(--sg-section-desc-color)}html[data-design-theme=style-guide] .accent-sg-section-desc-color{accent-color:var(--sg-section-desc-color)}html[data-design-theme=style-guide] .color-sg-type-specimen-bg{color:var(--sg-type-specimen-bg)}html[data-design-theme=style-guide] .bg-sg-type-specimen-bg{background:var(--sg-type-specimen-bg)}html[data-design-theme=style-guide] .text-on-sg-type-specimen-bg{color:var(--white)}html[data-design-theme=style-guide] .border-sg-type-specimen-bg{border-color:var(--sg-type-specimen-bg)}html[data-design-theme=style-guide] .ring-sg-type-specimen-bg{--ring-color:var(--sg-type-specimen-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-type-specimen-bg{outline-color:var(--sg-type-specimen-bg)}html[data-design-theme=style-guide] .accent-sg-type-specimen-bg{accent-color:var(--sg-type-specimen-bg)}html[data-design-theme=style-guide] .color-sg-type-specimen-padding{color:var(--sg-type-specimen-padding)}html[data-design-theme=style-guide] .bg-sg-type-specimen-padding{background:var(--sg-type-specimen-padding)}html[data-design-theme=style-guide] .text-on-sg-type-specimen-padding{color:var(--white)}html[data-design-theme=style-guide] .border-sg-type-specimen-padding{border-color:var(--sg-type-specimen-padding)}html[data-design-theme=style-guide] .ring-sg-type-specimen-padding{--ring-color:var(--sg-type-specimen-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-type-specimen-padding{outline-color:var(--sg-type-specimen-padding)}html[data-design-theme=style-guide] .accent-sg-type-specimen-padding{accent-color:var(--sg-type-specimen-padding)}html[data-design-theme=style-guide] .color-sg-type-specimen-name-color{color:var(--sg-type-specimen-name-color)}html[data-design-theme=style-guide] .bg-sg-type-specimen-name-color{background:var(--sg-type-specimen-name-color)}html[data-design-theme=style-guide] .text-on-sg-type-specimen-name-color{color:var(--white)}html[data-design-theme=style-guide] .border-sg-type-specimen-name-color{border-color:var(--sg-type-specimen-name-color)}html[data-design-theme=style-guide] .ring-sg-type-specimen-name-color{--ring-color:var(--sg-type-specimen-name-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-type-specimen-name-color{outline-color:var(--sg-type-specimen-name-color)}html[data-design-theme=style-guide] .accent-sg-type-specimen-name-color{accent-color:var(--sg-type-specimen-name-color)}html[data-design-theme=style-guide] .color-sg-type-specimen-name-font{color:var(--sg-type-specimen-name-font)}html[data-design-theme=style-guide] .bg-sg-type-specimen-name-font{background:var(--sg-type-specimen-name-font)}html[data-design-theme=style-guide] .text-on-sg-type-specimen-name-font{color:var(--white)}html[data-design-theme=style-guide] .border-sg-type-specimen-name-font{border-color:var(--sg-type-specimen-name-font)}html[data-design-theme=style-guide] .ring-sg-type-specimen-name-font{--ring-color:var(--sg-type-specimen-name-font);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-type-specimen-name-font{outline-color:var(--sg-type-specimen-name-font)}html[data-design-theme=style-guide] .accent-sg-type-specimen-name-font{accent-color:var(--sg-type-specimen-name-font)}html[data-design-theme=style-guide] .color-hr-subsection-color{color:var(--hr-subsection-color)}html[data-design-theme=style-guide] .bg-hr-subsection-color{background:var(--hr-subsection-color)}html[data-design-theme=style-guide] .text-on-hr-subsection-color{color:var(--white)}html[data-design-theme=style-guide] .border-hr-subsection-color{border-color:var(--hr-subsection-color)}html[data-design-theme=style-guide] .ring-hr-subsection-color{--ring-color:var(--hr-subsection-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hr-subsection-color{outline-color:var(--hr-subsection-color)}html[data-design-theme=style-guide] .accent-hr-subsection-color{accent-color:var(--hr-subsection-color)}html[data-design-theme=style-guide] .color-hr-accent-color{color:var(--hr-accent-color)}html[data-design-theme=style-guide] .bg-hr-accent-color{background:var(--hr-accent-color)}html[data-design-theme=style-guide] .text-on-hr-accent-color{color:var(--white)}html[data-design-theme=style-guide] .border-hr-accent-color{border-color:var(--hr-accent-color)}html[data-design-theme=style-guide] .ring-hr-accent-color{--ring-color:var(--hr-accent-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hr-accent-color{outline-color:var(--hr-accent-color)}html[data-design-theme=style-guide] .accent-hr-accent-color{accent-color:var(--hr-accent-color)}html[data-design-theme=style-guide] .color-hui-focus-ring-color{color:var(--hui-focus-ring-color)}html[data-design-theme=style-guide] .bg-hui-focus-ring-color{background:var(--hui-focus-ring-color)}html[data-design-theme=style-guide] .text-on-hui-focus-ring-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-focus-ring-color{border-color:var(--hui-focus-ring-color)}html[data-design-theme=style-guide] .ring-hui-focus-ring-color{--ring-color:var(--hui-focus-ring-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-focus-ring-color{outline-color:var(--hui-focus-ring-color)}html[data-design-theme=style-guide] .accent-hui-focus-ring-color{accent-color:var(--hui-focus-ring-color)}html[data-design-theme=style-guide] .color-hui-control-color{color:var(--hui-control-color)}html[data-design-theme=style-guide] .bg-hui-control-color{background:var(--hui-control-color)}html[data-design-theme=style-guide] .text-on-hui-control-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-control-color{border-color:var(--hui-control-color)}html[data-design-theme=style-guide] .ring-hui-control-color{--ring-color:var(--hui-control-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-control-color{outline-color:var(--hui-control-color)}html[data-design-theme=style-guide] .accent-hui-control-color{accent-color:var(--hui-control-color)}html[data-design-theme=style-guide] .color-hui-control-bg{color:var(--hui-control-bg)}html[data-design-theme=style-guide] .bg-hui-control-bg{background:var(--hui-control-bg)}html[data-design-theme=style-guide] .text-on-hui-control-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-control-bg{border-color:var(--hui-control-bg)}html[data-design-theme=style-guide] .ring-hui-control-bg{--ring-color:var(--hui-control-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-control-bg{outline-color:var(--hui-control-bg)}html[data-design-theme=style-guide] .accent-hui-control-bg{accent-color:var(--hui-control-bg)}html[data-design-theme=style-guide] .color-hui-control-border{color:var(--hui-control-border)}html[data-design-theme=style-guide] .bg-hui-control-border{background:var(--hui-control-border)}html[data-design-theme=style-guide] .text-on-hui-control-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-control-border{border-color:var(--hui-control-border)}html[data-design-theme=style-guide] .ring-hui-control-border{--ring-color:var(--hui-control-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-control-border{outline-color:var(--hui-control-border)}html[data-design-theme=style-guide] .accent-hui-control-border{accent-color:var(--hui-control-border)}html[data-design-theme=style-guide] .color-hui-switch-track-on-bg{color:var(--hui-switch-track-on-bg)}html[data-design-theme=style-guide] .bg-hui-switch-track-on-bg{background:var(--hui-switch-track-on-bg)}html[data-design-theme=style-guide] .text-on-hui-switch-track-on-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-switch-track-on-bg{border-color:var(--hui-switch-track-on-bg)}html[data-design-theme=style-guide] .ring-hui-switch-track-on-bg{--ring-color:var(--hui-switch-track-on-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-switch-track-on-bg{outline-color:var(--hui-switch-track-on-bg)}html[data-design-theme=style-guide] .accent-hui-switch-track-on-bg{accent-color:var(--hui-switch-track-on-bg)}html[data-design-theme=style-guide] .color-hui-switch-track-off-bg{color:var(--hui-switch-track-off-bg)}html[data-design-theme=style-guide] .bg-hui-switch-track-off-bg{background:var(--hui-switch-track-off-bg)}html[data-design-theme=style-guide] .text-on-hui-switch-track-off-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-switch-track-off-bg{border-color:var(--hui-switch-track-off-bg)}html[data-design-theme=style-guide] .ring-hui-switch-track-off-bg{--ring-color:var(--hui-switch-track-off-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-switch-track-off-bg{outline-color:var(--hui-switch-track-off-bg)}html[data-design-theme=style-guide] .accent-hui-switch-track-off-bg{accent-color:var(--hui-switch-track-off-bg)}html[data-design-theme=style-guide] .color-hui-radio-option-border{color:var(--hui-radio-option-border)}html[data-design-theme=style-guide] .bg-hui-radio-option-border{background:var(--hui-radio-option-border)}html[data-design-theme=style-guide] .text-on-hui-radio-option-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-radio-option-border{border-color:var(--hui-radio-option-border)}html[data-design-theme=style-guide] .ring-hui-radio-option-border{--ring-color:var(--hui-radio-option-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-radio-option-border{outline-color:var(--hui-radio-option-border)}html[data-design-theme=style-guide] .accent-hui-radio-option-border{accent-color:var(--hui-radio-option-border)}html[data-design-theme=style-guide] .color-hui-radio-option-border-active{color:var(--hui-radio-option-border-active)}html[data-design-theme=style-guide] .bg-hui-radio-option-border-active{background:var(--hui-radio-option-border-active)}html[data-design-theme=style-guide] .text-on-hui-radio-option-border-active{color:var(--white)}html[data-design-theme=style-guide] .border-hui-radio-option-border-active{border-color:var(--hui-radio-option-border-active)}html[data-design-theme=style-guide] .ring-hui-radio-option-border-active{--ring-color:var(--hui-radio-option-border-active);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-radio-option-border-active{outline-color:var(--hui-radio-option-border-active)}html[data-design-theme=style-guide] .accent-hui-radio-option-border-active{accent-color:var(--hui-radio-option-border-active)}html[data-design-theme=style-guide] .color-hui-radio-option-bg-active{color:var(--hui-radio-option-bg-active)}html[data-design-theme=style-guide] .bg-hui-radio-option-bg-active{background:var(--hui-radio-option-bg-active)}html[data-design-theme=style-guide] .text-on-hui-radio-option-bg-active{color:var(--white)}html[data-design-theme=style-guide] .border-hui-radio-option-bg-active{border-color:var(--hui-radio-option-bg-active)}html[data-design-theme=style-guide] .ring-hui-radio-option-bg-active{--ring-color:var(--hui-radio-option-bg-active);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-radio-option-bg-active{outline-color:var(--hui-radio-option-bg-active)}html[data-design-theme=style-guide] .accent-hui-radio-option-bg-active{accent-color:var(--hui-radio-option-bg-active)}html[data-design-theme=style-guide] .color-hui-trigger-bg{color:var(--hui-trigger-bg)}html[data-design-theme=style-guide] .bg-hui-trigger-bg{background:var(--hui-trigger-bg)}html[data-design-theme=style-guide] .text-on-hui-trigger-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-trigger-bg{border-color:var(--hui-trigger-bg)}html[data-design-theme=style-guide] .ring-hui-trigger-bg{--ring-color:var(--hui-trigger-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-trigger-bg{outline-color:var(--hui-trigger-bg)}html[data-design-theme=style-guide] .accent-hui-trigger-bg{accent-color:var(--hui-trigger-bg)}html[data-design-theme=style-guide] .color-hui-trigger-border{color:var(--hui-trigger-border)}html[data-design-theme=style-guide] .bg-hui-trigger-border{background:var(--hui-trigger-border)}html[data-design-theme=style-guide] .text-on-hui-trigger-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-trigger-border{border-color:var(--hui-trigger-border)}html[data-design-theme=style-guide] .ring-hui-trigger-border{--ring-color:var(--hui-trigger-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-trigger-border{outline-color:var(--hui-trigger-border)}html[data-design-theme=style-guide] .accent-hui-trigger-border{accent-color:var(--hui-trigger-border)}html[data-design-theme=style-guide] .color-hui-trigger-border-hover{color:var(--hui-trigger-border-hover)}html[data-design-theme=style-guide] .bg-hui-trigger-border-hover{background:var(--hui-trigger-border-hover)}html[data-design-theme=style-guide] .text-on-hui-trigger-border-hover{color:var(--white)}html[data-design-theme=style-guide] .border-hui-trigger-border-hover{border-color:var(--hui-trigger-border-hover)}html[data-design-theme=style-guide] .ring-hui-trigger-border-hover{--ring-color:var(--hui-trigger-border-hover);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-trigger-border-hover{outline-color:var(--hui-trigger-border-hover)}html[data-design-theme=style-guide] .accent-hui-trigger-border-hover{accent-color:var(--hui-trigger-border-hover)}html[data-design-theme=style-guide] .color-hui-trigger-color{color:var(--hui-trigger-color)}html[data-design-theme=style-guide] .bg-hui-trigger-color{background:var(--hui-trigger-color)}html[data-design-theme=style-guide] .text-on-hui-trigger-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-trigger-color{border-color:var(--hui-trigger-color)}html[data-design-theme=style-guide] .ring-hui-trigger-color{--ring-color:var(--hui-trigger-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-trigger-color{outline-color:var(--hui-trigger-color)}html[data-design-theme=style-guide] .accent-hui-trigger-color{accent-color:var(--hui-trigger-color)}html[data-design-theme=style-guide] .color-hui-panel-bg{color:var(--hui-panel-bg)}html[data-design-theme=style-guide] .bg-hui-panel-bg{background:var(--hui-panel-bg)}html[data-design-theme=style-guide] .text-on-hui-panel-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-panel-bg{border-color:var(--hui-panel-bg)}html[data-design-theme=style-guide] .ring-hui-panel-bg{--ring-color:var(--hui-panel-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-panel-bg{outline-color:var(--hui-panel-bg)}html[data-design-theme=style-guide] .accent-hui-panel-bg{accent-color:var(--hui-panel-bg)}html[data-design-theme=style-guide] .color-hui-panel-border{color:var(--hui-panel-border)}html[data-design-theme=style-guide] .bg-hui-panel-border{background:var(--hui-panel-border)}html[data-design-theme=style-guide] .text-on-hui-panel-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-panel-border{border-color:var(--hui-panel-border)}html[data-design-theme=style-guide] .ring-hui-panel-border{--ring-color:var(--hui-panel-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-panel-border{outline-color:var(--hui-panel-border)}html[data-design-theme=style-guide] .accent-hui-panel-border{accent-color:var(--hui-panel-border)}html[data-design-theme=style-guide] .color-hui-panel-item-active-bg{color:var(--hui-panel-item-active-bg)}html[data-design-theme=style-guide] .bg-hui-panel-item-active-bg{background:var(--hui-panel-item-active-bg)}html[data-design-theme=style-guide] .text-on-hui-panel-item-active-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-panel-item-active-bg{border-color:var(--hui-panel-item-active-bg)}html[data-design-theme=style-guide] .ring-hui-panel-item-active-bg{--ring-color:var(--hui-panel-item-active-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-panel-item-active-bg{outline-color:var(--hui-panel-item-active-bg)}html[data-design-theme=style-guide] .accent-hui-panel-item-active-bg{accent-color:var(--hui-panel-item-active-bg)}html[data-design-theme=style-guide] .color-hui-panel-item-active-color{color:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .bg-hui-panel-item-active-color{background:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .text-on-hui-panel-item-active-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-panel-item-active-color{border-color:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .ring-hui-panel-item-active-color{--ring-color:var(--hui-panel-item-active-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-panel-item-active-color{outline-color:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .accent-hui-panel-item-active-color{accent-color:var(--hui-panel-item-active-color)}html[data-design-theme=style-guide] .color-hui-panel-sep-color{color:var(--hui-panel-sep-color)}html[data-design-theme=style-guide] .bg-hui-panel-sep-color{background:var(--hui-panel-sep-color)}html[data-design-theme=style-guide] .text-on-hui-panel-sep-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-panel-sep-color{border-color:var(--hui-panel-sep-color)}html[data-design-theme=style-guide] .ring-hui-panel-sep-color{--ring-color:var(--hui-panel-sep-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-panel-sep-color{outline-color:var(--hui-panel-sep-color)}html[data-design-theme=style-guide] .accent-hui-panel-sep-color{accent-color:var(--hui-panel-sep-color)}html[data-design-theme=style-guide] .color-hui-tab-color{color:var(--hui-tab-color)}html[data-design-theme=style-guide] .bg-hui-tab-color{background:var(--hui-tab-color)}html[data-design-theme=style-guide] .text-on-hui-tab-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-tab-color{border-color:var(--hui-tab-color)}html[data-design-theme=style-guide] .ring-hui-tab-color{--ring-color:var(--hui-tab-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-tab-color{outline-color:var(--hui-tab-color)}html[data-design-theme=style-guide] .accent-hui-tab-color{accent-color:var(--hui-tab-color)}html[data-design-theme=style-guide] .color-hui-tab-color-selected{color:var(--hui-tab-color-selected)}html[data-design-theme=style-guide] .bg-hui-tab-color-selected{background:var(--hui-tab-color-selected)}html[data-design-theme=style-guide] .text-on-hui-tab-color-selected{color:var(--white)}html[data-design-theme=style-guide] .border-hui-tab-color-selected{border-color:var(--hui-tab-color-selected)}html[data-design-theme=style-guide] .ring-hui-tab-color-selected{--ring-color:var(--hui-tab-color-selected);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-tab-color-selected{outline-color:var(--hui-tab-color-selected)}html[data-design-theme=style-guide] .accent-hui-tab-color-selected{accent-color:var(--hui-tab-color-selected)}html[data-design-theme=style-guide] .color-hui-tab-border-selected{color:var(--hui-tab-border-selected)}html[data-design-theme=style-guide] .bg-hui-tab-border-selected{background:var(--hui-tab-border-selected)}html[data-design-theme=style-guide] .text-on-hui-tab-border-selected{color:var(--white)}html[data-design-theme=style-guide] .border-hui-tab-border-selected{border-color:var(--hui-tab-border-selected)}html[data-design-theme=style-guide] .ring-hui-tab-border-selected{--ring-color:var(--hui-tab-border-selected);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-tab-border-selected{outline-color:var(--hui-tab-border-selected)}html[data-design-theme=style-guide] .accent-hui-tab-border-selected{accent-color:var(--hui-tab-border-selected)}html[data-design-theme=style-guide] .color-hui-tab-color-hover{color:var(--hui-tab-color-hover)}html[data-design-theme=style-guide] .bg-hui-tab-color-hover{background:var(--hui-tab-color-hover)}html[data-design-theme=style-guide] .text-on-hui-tab-color-hover{color:var(--white)}html[data-design-theme=style-guide] .border-hui-tab-color-hover{border-color:var(--hui-tab-color-hover)}html[data-design-theme=style-guide] .ring-hui-tab-color-hover{--ring-color:var(--hui-tab-color-hover);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-tab-color-hover{outline-color:var(--hui-tab-color-hover)}html[data-design-theme=style-guide] .accent-hui-tab-color-hover{accent-color:var(--hui-tab-color-hover)}html[data-design-theme=style-guide] .color-hui-tab-list-border{color:var(--hui-tab-list-border)}html[data-design-theme=style-guide] .bg-hui-tab-list-border{background:var(--hui-tab-list-border)}html[data-design-theme=style-guide] .text-on-hui-tab-list-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-tab-list-border{border-color:var(--hui-tab-list-border)}html[data-design-theme=style-guide] .ring-hui-tab-list-border{--ring-color:var(--hui-tab-list-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-tab-list-border{outline-color:var(--hui-tab-list-border)}html[data-design-theme=style-guide] .accent-hui-tab-list-border{accent-color:var(--hui-tab-list-border)}html[data-design-theme=style-guide] .color-hui-disclosure-bg{color:var(--hui-disclosure-bg)}html[data-design-theme=style-guide] .bg-hui-disclosure-bg{background:var(--hui-disclosure-bg)}html[data-design-theme=style-guide] .text-on-hui-disclosure-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-disclosure-bg{border-color:var(--hui-disclosure-bg)}html[data-design-theme=style-guide] .ring-hui-disclosure-bg{--ring-color:var(--hui-disclosure-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-disclosure-bg{outline-color:var(--hui-disclosure-bg)}html[data-design-theme=style-guide] .accent-hui-disclosure-bg{accent-color:var(--hui-disclosure-bg)}html[data-design-theme=style-guide] .color-hui-disclosure-bg-hover{color:var(--hui-disclosure-bg-hover)}html[data-design-theme=style-guide] .bg-hui-disclosure-bg-hover{background:var(--hui-disclosure-bg-hover)}html[data-design-theme=style-guide] .text-on-hui-disclosure-bg-hover{color:var(--white)}html[data-design-theme=style-guide] .border-hui-disclosure-bg-hover{border-color:var(--hui-disclosure-bg-hover)}html[data-design-theme=style-guide] .ring-hui-disclosure-bg-hover{--ring-color:var(--hui-disclosure-bg-hover);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-disclosure-bg-hover{outline-color:var(--hui-disclosure-bg-hover)}html[data-design-theme=style-guide] .accent-hui-disclosure-bg-hover{accent-color:var(--hui-disclosure-bg-hover)}html[data-design-theme=style-guide] .color-hui-disclosure-border{color:var(--hui-disclosure-border)}html[data-design-theme=style-guide] .bg-hui-disclosure-border{background:var(--hui-disclosure-border)}html[data-design-theme=style-guide] .text-on-hui-disclosure-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-disclosure-border{border-color:var(--hui-disclosure-border)}html[data-design-theme=style-guide] .ring-hui-disclosure-border{--ring-color:var(--hui-disclosure-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-disclosure-border{outline-color:var(--hui-disclosure-border)}html[data-design-theme=style-guide] .accent-hui-disclosure-border{accent-color:var(--hui-disclosure-border)}html[data-design-theme=style-guide] .color-hui-disclosure-color{color:var(--hui-disclosure-color)}html[data-design-theme=style-guide] .bg-hui-disclosure-color{background:var(--hui-disclosure-color)}html[data-design-theme=style-guide] .text-on-hui-disclosure-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-disclosure-color{border-color:var(--hui-disclosure-color)}html[data-design-theme=style-guide] .ring-hui-disclosure-color{--ring-color:var(--hui-disclosure-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-disclosure-color{outline-color:var(--hui-disclosure-color)}html[data-design-theme=style-guide] .accent-hui-disclosure-color{accent-color:var(--hui-disclosure-color)}html[data-design-theme=style-guide] .color-hui-disclosure-panel-bg{color:var(--hui-disclosure-panel-bg)}html[data-design-theme=style-guide] .bg-hui-disclosure-panel-bg{background:var(--hui-disclosure-panel-bg)}html[data-design-theme=style-guide] .text-on-hui-disclosure-panel-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-disclosure-panel-bg{border-color:var(--hui-disclosure-panel-bg)}html[data-design-theme=style-guide] .ring-hui-disclosure-panel-bg{--ring-color:var(--hui-disclosure-panel-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-disclosure-panel-bg{outline-color:var(--hui-disclosure-panel-bg)}html[data-design-theme=style-guide] .accent-hui-disclosure-panel-bg{accent-color:var(--hui-disclosure-panel-bg)}html[data-design-theme=style-guide] .color-hui-disclosure-panel-color{color:var(--hui-disclosure-panel-color)}html[data-design-theme=style-guide] .bg-hui-disclosure-panel-color{background:var(--hui-disclosure-panel-color)}html[data-design-theme=style-guide] .text-on-hui-disclosure-panel-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-disclosure-panel-color{border-color:var(--hui-disclosure-panel-color)}html[data-design-theme=style-guide] .ring-hui-disclosure-panel-color{--ring-color:var(--hui-disclosure-panel-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-disclosure-panel-color{outline-color:var(--hui-disclosure-panel-color)}html[data-design-theme=style-guide] .accent-hui-disclosure-panel-color{accent-color:var(--hui-disclosure-panel-color)}html[data-design-theme=style-guide] .color-hui-disclosure-chevron-color{color:var(--hui-disclosure-chevron-color)}html[data-design-theme=style-guide] .bg-hui-disclosure-chevron-color{background:var(--hui-disclosure-chevron-color)}html[data-design-theme=style-guide] .text-on-hui-disclosure-chevron-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-disclosure-chevron-color{border-color:var(--hui-disclosure-chevron-color)}html[data-design-theme=style-guide] .ring-hui-disclosure-chevron-color{--ring-color:var(--hui-disclosure-chevron-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-disclosure-chevron-color{outline-color:var(--hui-disclosure-chevron-color)}html[data-design-theme=style-guide] .accent-hui-disclosure-chevron-color{accent-color:var(--hui-disclosure-chevron-color)}html[data-design-theme=style-guide] .color-hui-field-bg{color:var(--hui-field-bg)}html[data-design-theme=style-guide] .bg-hui-field-bg{background:var(--hui-field-bg)}html[data-design-theme=style-guide] .text-on-hui-field-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-field-bg{border-color:var(--hui-field-bg)}html[data-design-theme=style-guide] .ring-hui-field-bg{--ring-color:var(--hui-field-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-field-bg{outline-color:var(--hui-field-bg)}html[data-design-theme=style-guide] .accent-hui-field-bg{accent-color:var(--hui-field-bg)}html[data-design-theme=style-guide] .color-hui-field-border{color:var(--hui-field-border)}html[data-design-theme=style-guide] .bg-hui-field-border{background:var(--hui-field-border)}html[data-design-theme=style-guide] .text-on-hui-field-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-field-border{border-color:var(--hui-field-border)}html[data-design-theme=style-guide] .ring-hui-field-border{--ring-color:var(--hui-field-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-field-border{outline-color:var(--hui-field-border)}html[data-design-theme=style-guide] .accent-hui-field-border{accent-color:var(--hui-field-border)}html[data-design-theme=style-guide] .color-hui-field-border-hover{color:var(--hui-field-border-hover)}html[data-design-theme=style-guide] .bg-hui-field-border-hover{background:var(--hui-field-border-hover)}html[data-design-theme=style-guide] .text-on-hui-field-border-hover{color:var(--white)}html[data-design-theme=style-guide] .border-hui-field-border-hover{border-color:var(--hui-field-border-hover)}html[data-design-theme=style-guide] .ring-hui-field-border-hover{--ring-color:var(--hui-field-border-hover);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-field-border-hover{outline-color:var(--hui-field-border-hover)}html[data-design-theme=style-guide] .accent-hui-field-border-hover{accent-color:var(--hui-field-border-hover)}html[data-design-theme=style-guide] .color-hui-field-focus-border{color:var(--hui-field-focus-border)}html[data-design-theme=style-guide] .bg-hui-field-focus-border{background:var(--hui-field-focus-border)}html[data-design-theme=style-guide] .text-on-hui-field-focus-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-field-focus-border{border-color:var(--hui-field-focus-border)}html[data-design-theme=style-guide] .ring-hui-field-focus-border{--ring-color:var(--hui-field-focus-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-field-focus-border{outline-color:var(--hui-field-focus-border)}html[data-design-theme=style-guide] .accent-hui-field-focus-border{accent-color:var(--hui-field-focus-border)}html[data-design-theme=style-guide] .color-hui-field-color{color:var(--hui-field-color)}html[data-design-theme=style-guide] .bg-hui-field-color{background:var(--hui-field-color)}html[data-design-theme=style-guide] .text-on-hui-field-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-field-color{border-color:var(--hui-field-color)}html[data-design-theme=style-guide] .ring-hui-field-color{--ring-color:var(--hui-field-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-field-color{outline-color:var(--hui-field-color)}html[data-design-theme=style-guide] .accent-hui-field-color{accent-color:var(--hui-field-color)}html[data-design-theme=style-guide] .color-hui-combo-placeholder-color{color:var(--hui-combo-placeholder-color)}html[data-design-theme=style-guide] .bg-hui-combo-placeholder-color{background:var(--hui-combo-placeholder-color)}html[data-design-theme=style-guide] .text-on-hui-combo-placeholder-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-combo-placeholder-color{border-color:var(--hui-combo-placeholder-color)}html[data-design-theme=style-guide] .ring-hui-combo-placeholder-color{--ring-color:var(--hui-combo-placeholder-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-combo-placeholder-color{outline-color:var(--hui-combo-placeholder-color)}html[data-design-theme=style-guide] .accent-hui-combo-placeholder-color{accent-color:var(--hui-combo-placeholder-color)}html[data-design-theme=style-guide] .color-hui-combo-btn-color{color:var(--hui-combo-btn-color)}html[data-design-theme=style-guide] .bg-hui-combo-btn-color{background:var(--hui-combo-btn-color)}html[data-design-theme=style-guide] .text-on-hui-combo-btn-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-combo-btn-color{border-color:var(--hui-combo-btn-color)}html[data-design-theme=style-guide] .ring-hui-combo-btn-color{--ring-color:var(--hui-combo-btn-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-combo-btn-color{outline-color:var(--hui-combo-btn-color)}html[data-design-theme=style-guide] .accent-hui-combo-btn-color{accent-color:var(--hui-combo-btn-color)}html[data-design-theme=style-guide] .color-hui-dialog-bg{color:var(--hui-dialog-bg)}html[data-design-theme=style-guide] .bg-hui-dialog-bg{background:var(--hui-dialog-bg)}html[data-design-theme=style-guide] .text-on-hui-dialog-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-dialog-bg{border-color:var(--hui-dialog-bg)}html[data-design-theme=style-guide] .ring-hui-dialog-bg{--ring-color:var(--hui-dialog-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-dialog-bg{outline-color:var(--hui-dialog-bg)}html[data-design-theme=style-guide] .accent-hui-dialog-bg{accent-color:var(--hui-dialog-bg)}html[data-design-theme=style-guide] .color-hui-dialog-title-color{color:var(--hui-dialog-title-color)}html[data-design-theme=style-guide] .bg-hui-dialog-title-color{background:var(--hui-dialog-title-color)}html[data-design-theme=style-guide] .text-on-hui-dialog-title-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-dialog-title-color{border-color:var(--hui-dialog-title-color)}html[data-design-theme=style-guide] .ring-hui-dialog-title-color{--ring-color:var(--hui-dialog-title-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-dialog-title-color{outline-color:var(--hui-dialog-title-color)}html[data-design-theme=style-guide] .accent-hui-dialog-title-color{accent-color:var(--hui-dialog-title-color)}html[data-design-theme=style-guide] .color-hui-dialog-body-color{color:var(--hui-dialog-body-color)}html[data-design-theme=style-guide] .bg-hui-dialog-body-color{background:var(--hui-dialog-body-color)}html[data-design-theme=style-guide] .text-on-hui-dialog-body-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-dialog-body-color{border-color:var(--hui-dialog-body-color)}html[data-design-theme=style-guide] .ring-hui-dialog-body-color{--ring-color:var(--hui-dialog-body-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-dialog-body-color{outline-color:var(--hui-dialog-body-color)}html[data-design-theme=style-guide] .accent-hui-dialog-body-color{accent-color:var(--hui-dialog-body-color)}html[data-design-theme=style-guide] .color-hui-dialog-backdrop{color:var(--hui-dialog-backdrop)}html[data-design-theme=style-guide] .bg-hui-dialog-backdrop{background:var(--hui-dialog-backdrop)}html[data-design-theme=style-guide] .text-on-hui-dialog-backdrop{color:var(--white)}html[data-design-theme=style-guide] .border-hui-dialog-backdrop{border-color:var(--hui-dialog-backdrop)}html[data-design-theme=style-guide] .ring-hui-dialog-backdrop{--ring-color:var(--hui-dialog-backdrop);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-dialog-backdrop{outline-color:var(--hui-dialog-backdrop)}html[data-design-theme=style-guide] .accent-hui-dialog-backdrop{accent-color:var(--hui-dialog-backdrop)}html[data-design-theme=style-guide] .color-hui-showcase-accent{color:var(--hui-showcase-accent)}html[data-design-theme=style-guide] .bg-hui-showcase-accent{background:var(--hui-showcase-accent)}html[data-design-theme=style-guide] .text-on-hui-showcase-accent{color:var(--white)}html[data-design-theme=style-guide] .border-hui-showcase-accent{border-color:var(--hui-showcase-accent)}html[data-design-theme=style-guide] .ring-hui-showcase-accent{--ring-color:var(--hui-showcase-accent);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-showcase-accent{outline-color:var(--hui-showcase-accent)}html[data-design-theme=style-guide] .accent-hui-showcase-accent{accent-color:var(--hui-showcase-accent)}html[data-design-theme=style-guide] .color-hui-showcase-bg{color:var(--hui-showcase-bg)}html[data-design-theme=style-guide] .bg-hui-showcase-bg{background:var(--hui-showcase-bg)}html[data-design-theme=style-guide] .text-on-hui-showcase-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-showcase-bg{border-color:var(--hui-showcase-bg)}html[data-design-theme=style-guide] .ring-hui-showcase-bg{--ring-color:var(--hui-showcase-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-showcase-bg{outline-color:var(--hui-showcase-bg)}html[data-design-theme=style-guide] .accent-hui-showcase-bg{accent-color:var(--hui-showcase-bg)}html[data-design-theme=style-guide] .color-hui-showcase-border{color:var(--hui-showcase-border)}html[data-design-theme=style-guide] .bg-hui-showcase-border{background:var(--hui-showcase-border)}html[data-design-theme=style-guide] .text-on-hui-showcase-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-showcase-border{border-color:var(--hui-showcase-border)}html[data-design-theme=style-guide] .ring-hui-showcase-border{--ring-color:var(--hui-showcase-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-showcase-border{outline-color:var(--hui-showcase-border)}html[data-design-theme=style-guide] .accent-hui-showcase-border{accent-color:var(--hui-showcase-border)}html[data-design-theme=style-guide] .color-hui-showcase-cell-bg{color:var(--hui-showcase-cell-bg)}html[data-design-theme=style-guide] .bg-hui-showcase-cell-bg{background:var(--hui-showcase-cell-bg)}html[data-design-theme=style-guide] .text-on-hui-showcase-cell-bg{color:var(--white)}html[data-design-theme=style-guide] .border-hui-showcase-cell-bg{border-color:var(--hui-showcase-cell-bg)}html[data-design-theme=style-guide] .ring-hui-showcase-cell-bg{--ring-color:var(--hui-showcase-cell-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-showcase-cell-bg{outline-color:var(--hui-showcase-cell-bg)}html[data-design-theme=style-guide] .accent-hui-showcase-cell-bg{accent-color:var(--hui-showcase-cell-bg)}html[data-design-theme=style-guide] .color-hui-showcase-cell-border{color:var(--hui-showcase-cell-border)}html[data-design-theme=style-guide] .bg-hui-showcase-cell-border{background:var(--hui-showcase-cell-border)}html[data-design-theme=style-guide] .text-on-hui-showcase-cell-border{color:var(--white)}html[data-design-theme=style-guide] .border-hui-showcase-cell-border{border-color:var(--hui-showcase-cell-border)}html[data-design-theme=style-guide] .ring-hui-showcase-cell-border{--ring-color:var(--hui-showcase-cell-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-showcase-cell-border{outline-color:var(--hui-showcase-cell-border)}html[data-design-theme=style-guide] .accent-hui-showcase-cell-border{accent-color:var(--hui-showcase-cell-border)}html[data-design-theme=style-guide] .color-hui-showcase-label-color{color:var(--hui-showcase-label-color)}html[data-design-theme=style-guide] .bg-hui-showcase-label-color{background:var(--hui-showcase-label-color)}html[data-design-theme=style-guide] .text-on-hui-showcase-label-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-showcase-label-color{border-color:var(--hui-showcase-label-color)}html[data-design-theme=style-guide] .ring-hui-showcase-label-color{--ring-color:var(--hui-showcase-label-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-showcase-label-color{outline-color:var(--hui-showcase-label-color)}html[data-design-theme=style-guide] .accent-hui-showcase-label-color{accent-color:var(--hui-showcase-label-color)}html[data-design-theme=style-guide] .color-danger{color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .bg-danger{background:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .text-on-danger{color:var(--white)}html[data-design-theme=style-guide] .border-danger{border-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .ring-danger{--ring-color:var(--semantic-danger-accent);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-danger{outline-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .accent-danger{accent-color:var(--semantic-danger-accent)}html[data-design-theme=style-guide] .color-primary{color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .bg-primary{background:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .text-on-primary{color:var(--white)}html[data-design-theme=style-guide] .border-primary{border-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .ring-primary{--ring-color:var(--semantic-primary-accent);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-primary{outline-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .accent-primary{accent-color:var(--semantic-primary-accent)}html[data-design-theme=style-guide] .color-brand{color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .bg-brand{background:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .text-on-brand{color:var(--white)}html[data-design-theme=style-guide] .border-brand{border-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .ring-brand{--ring-color:var(--semantic-brand-accent);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-brand{outline-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .accent-brand{accent-color:var(--semantic-brand-accent)}html[data-design-theme=style-guide] .color-space-0-mid{color:var(--space-0-mid)}html[data-design-theme=style-guide] .bg-space-0-mid{background:var(--space-0-mid)}html[data-design-theme=style-guide] .text-on-space-0-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-0-mid{border-color:var(--space-0-mid)}html[data-design-theme=style-guide] .ring-space-0-mid{--ring-color:var(--space-0-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-0-mid{outline-color:var(--space-0-mid)}html[data-design-theme=style-guide] .accent-space-0-mid{accent-color:var(--space-0-mid)}html[data-design-theme=style-guide] .color-space-1-mid{color:var(--space-1-mid)}html[data-design-theme=style-guide] .bg-space-1-mid{background:var(--space-1-mid)}html[data-design-theme=style-guide] .text-on-space-1-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-1-mid{border-color:var(--space-1-mid)}html[data-design-theme=style-guide] .ring-space-1-mid{--ring-color:var(--space-1-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-1-mid{outline-color:var(--space-1-mid)}html[data-design-theme=style-guide] .accent-space-1-mid{accent-color:var(--space-1-mid)}html[data-design-theme=style-guide] .color-space-2-mid{color:var(--space-2-mid)}html[data-design-theme=style-guide] .bg-space-2-mid{background:var(--space-2-mid)}html[data-design-theme=style-guide] .text-on-space-2-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-2-mid{border-color:var(--space-2-mid)}html[data-design-theme=style-guide] .ring-space-2-mid{--ring-color:var(--space-2-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-2-mid{outline-color:var(--space-2-mid)}html[data-design-theme=style-guide] .accent-space-2-mid{accent-color:var(--space-2-mid)}html[data-design-theme=style-guide] .color-space-4-mid{color:var(--space-4-mid)}html[data-design-theme=style-guide] .bg-space-4-mid{background:var(--space-4-mid)}html[data-design-theme=style-guide] .text-on-space-4-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-4-mid{border-color:var(--space-4-mid)}html[data-design-theme=style-guide] .ring-space-4-mid{--ring-color:var(--space-4-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-4-mid{outline-color:var(--space-4-mid)}html[data-design-theme=style-guide] .accent-space-4-mid{accent-color:var(--space-4-mid)}html[data-design-theme=style-guide] .color-space-5-mid{color:var(--space-5-mid)}html[data-design-theme=style-guide] .bg-space-5-mid{background:var(--space-5-mid)}html[data-design-theme=style-guide] .text-on-space-5-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-5-mid{border-color:var(--space-5-mid)}html[data-design-theme=style-guide] .ring-space-5-mid{--ring-color:var(--space-5-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-5-mid{outline-color:var(--space-5-mid)}html[data-design-theme=style-guide] .accent-space-5-mid{accent-color:var(--space-5-mid)}html[data-design-theme=style-guide] .color-space-7-mid{color:var(--space-7-mid)}html[data-design-theme=style-guide] .bg-space-7-mid{background:var(--space-7-mid)}html[data-design-theme=style-guide] .text-on-space-7-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-7-mid{border-color:var(--space-7-mid)}html[data-design-theme=style-guide] .ring-space-7-mid{--ring-color:var(--space-7-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-7-mid{outline-color:var(--space-7-mid)}html[data-design-theme=style-guide] .accent-space-7-mid{accent-color:var(--space-7-mid)}html[data-design-theme=style-guide] .color-space-32-mid{color:var(--space-32-mid)}html[data-design-theme=style-guide] .bg-space-32-mid{background:var(--space-32-mid)}html[data-design-theme=style-guide] .text-on-space-32-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-32-mid{border-color:var(--space-32-mid)}html[data-design-theme=style-guide] .ring-space-32-mid{--ring-color:var(--space-32-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-32-mid{outline-color:var(--space-32-mid)}html[data-design-theme=style-guide] .accent-space-32-mid{accent-color:var(--space-32-mid)}html[data-design-theme=style-guide] .color-space-37-mid{color:var(--space-37-mid)}html[data-design-theme=style-guide] .bg-space-37-mid{background:var(--space-37-mid)}html[data-design-theme=style-guide] .text-on-space-37-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-37-mid{border-color:var(--space-37-mid)}html[data-design-theme=style-guide] .ring-space-37-mid{--ring-color:var(--space-37-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-37-mid{outline-color:var(--space-37-mid)}html[data-design-theme=style-guide] .accent-space-37-mid{accent-color:var(--space-37-mid)}html[data-design-theme=style-guide] .color-space-52-mid{color:var(--space-52-mid)}html[data-design-theme=style-guide] .bg-space-52-mid{background:var(--space-52-mid)}html[data-design-theme=style-guide] .text-on-space-52-mid{color:var(--text)}html[data-design-theme=style-guide] .border-space-52-mid{border-color:var(--space-52-mid)}html[data-design-theme=style-guide] .ring-space-52-mid{--ring-color:var(--space-52-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-space-52-mid{outline-color:var(--space-52-mid)}html[data-design-theme=style-guide] .accent-space-52-mid{accent-color:var(--space-52-mid)}html[data-design-theme=style-guide] .color-size-space-1-mid{color:var(--size-space-1-mid)}html[data-design-theme=style-guide] .bg-size-space-1-mid{background:var(--size-space-1-mid)}html[data-design-theme=style-guide] .text-on-size-space-1-mid{color:var(--text)}html[data-design-theme=style-guide] .border-size-space-1-mid{border-color:var(--size-space-1-mid)}html[data-design-theme=style-guide] .ring-size-space-1-mid{--ring-color:var(--size-space-1-mid);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-size-space-1-mid{outline-color:var(--size-space-1-mid)}html[data-design-theme=style-guide] .accent-size-space-1-mid{accent-color:var(--size-space-1-mid)}html[data-design-theme=style-guide] .color-gray-100-lerp{color:var(--gray-100-lerp)}html[data-design-theme=style-guide] .bg-gray-100-lerp{background:var(--gray-100-lerp)}html[data-design-theme=style-guide] .text-on-gray-100-lerp{color:var(--black)}html[data-design-theme=style-guide] .border-gray-100-lerp{border-color:var(--gray-100-lerp)}html[data-design-theme=style-guide] .ring-gray-100-lerp{--ring-color:var(--gray-100-lerp);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-gray-100-lerp{outline-color:var(--gray-100-lerp)}html[data-design-theme=style-guide] .accent-gray-100-lerp{accent-color:var(--gray-100-lerp)}html[data-design-theme=style-guide] .color-slate-50{color:var(--slate-50)}html[data-design-theme=style-guide] .bg-slate-50{background:var(--slate-50)}html[data-design-theme=style-guide] .text-on-slate-50{color:var(--black)}html[data-design-theme=style-guide] .border-slate-50{border-color:var(--slate-50)}html[data-design-theme=style-guide] .ring-slate-50{--ring-color:var(--slate-50);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-50{outline-color:var(--slate-50)}html[data-design-theme=style-guide] .accent-slate-50{accent-color:var(--slate-50)}html[data-design-theme=style-guide] .color-slate-100{color:var(--slate-100)}html[data-design-theme=style-guide] .bg-slate-100{background:var(--slate-100)}html[data-design-theme=style-guide] .text-on-slate-100{color:var(--black)}html[data-design-theme=style-guide] .border-slate-100{border-color:var(--slate-100)}html[data-design-theme=style-guide] .ring-slate-100{--ring-color:var(--slate-100);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-100{outline-color:var(--slate-100)}html[data-design-theme=style-guide] .accent-slate-100{accent-color:var(--slate-100)}html[data-design-theme=style-guide] .color-slate-200{color:var(--slate-200)}html[data-design-theme=style-guide] .bg-slate-200{background:var(--slate-200)}html[data-design-theme=style-guide] .text-on-slate-200{color:var(--black)}html[data-design-theme=style-guide] .border-slate-200{border-color:var(--slate-200)}html[data-design-theme=style-guide] .ring-slate-200{--ring-color:var(--slate-200);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-200{outline-color:var(--slate-200)}html[data-design-theme=style-guide] .accent-slate-200{accent-color:var(--slate-200)}html[data-design-theme=style-guide] .color-slate-300{color:var(--slate-300)}html[data-design-theme=style-guide] .bg-slate-300{background:var(--slate-300)}html[data-design-theme=style-guide] .text-on-slate-300{color:var(--black)}html[data-design-theme=style-guide] .border-slate-300{border-color:var(--slate-300)}html[data-design-theme=style-guide] .ring-slate-300{--ring-color:var(--slate-300);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-300{outline-color:var(--slate-300)}html[data-design-theme=style-guide] .accent-slate-300{accent-color:var(--slate-300)}html[data-design-theme=style-guide] .color-slate-400{color:var(--slate-400)}html[data-design-theme=style-guide] .bg-slate-400{background:var(--slate-400)}html[data-design-theme=style-guide] .text-on-slate-400{color:var(--black)}html[data-design-theme=style-guide] .border-slate-400{border-color:var(--slate-400)}html[data-design-theme=style-guide] .ring-slate-400{--ring-color:var(--slate-400);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-400{outline-color:var(--slate-400)}html[data-design-theme=style-guide] .accent-slate-400{accent-color:var(--slate-400)}html[data-design-theme=style-guide] .color-slate-500{color:var(--slate-500)}html[data-design-theme=style-guide] .bg-slate-500{background:var(--slate-500)}html[data-design-theme=style-guide] .text-on-slate-500{color:var(--white)}html[data-design-theme=style-guide] .border-slate-500{border-color:var(--slate-500)}html[data-design-theme=style-guide] .ring-slate-500{--ring-color:var(--slate-500);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-500{outline-color:var(--slate-500)}html[data-design-theme=style-guide] .accent-slate-500{accent-color:var(--slate-500)}html[data-design-theme=style-guide] .color-slate-600{color:var(--slate-600)}html[data-design-theme=style-guide] .bg-slate-600{background:var(--slate-600)}html[data-design-theme=style-guide] .text-on-slate-600{color:var(--white)}html[data-design-theme=style-guide] .border-slate-600{border-color:var(--slate-600)}html[data-design-theme=style-guide] .ring-slate-600{--ring-color:var(--slate-600);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-600{outline-color:var(--slate-600)}html[data-design-theme=style-guide] .accent-slate-600{accent-color:var(--slate-600)}html[data-design-theme=style-guide] .color-slate-700{color:var(--slate-700)}html[data-design-theme=style-guide] .bg-slate-700{background:var(--slate-700)}html[data-design-theme=style-guide] .text-on-slate-700{color:var(--white)}html[data-design-theme=style-guide] .border-slate-700{border-color:var(--slate-700)}html[data-design-theme=style-guide] .ring-slate-700{--ring-color:var(--slate-700);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-700{outline-color:var(--slate-700)}html[data-design-theme=style-guide] .accent-slate-700{accent-color:var(--slate-700)}html[data-design-theme=style-guide] .color-slate-800{color:var(--slate-800)}html[data-design-theme=style-guide] .bg-slate-800{background:var(--slate-800)}html[data-design-theme=style-guide] .text-on-slate-800{color:var(--white)}html[data-design-theme=style-guide] .border-slate-800{border-color:var(--slate-800)}html[data-design-theme=style-guide] .ring-slate-800{--ring-color:var(--slate-800);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-800{outline-color:var(--slate-800)}html[data-design-theme=style-guide] .accent-slate-800{accent-color:var(--slate-800)}html[data-design-theme=style-guide] .color-slate-900{color:var(--slate-900)}html[data-design-theme=style-guide] .bg-slate-900{background:var(--slate-900)}html[data-design-theme=style-guide] .text-on-slate-900{color:var(--white)}html[data-design-theme=style-guide] .border-slate-900{border-color:var(--slate-900)}html[data-design-theme=style-guide] .ring-slate-900{--ring-color:var(--slate-900);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-900{outline-color:var(--slate-900)}html[data-design-theme=style-guide] .accent-slate-900{accent-color:var(--slate-900)}html[data-design-theme=style-guide] .color-slate-950{color:var(--slate-950)}html[data-design-theme=style-guide] .bg-slate-950{background:var(--slate-950)}html[data-design-theme=style-guide] .text-on-slate-950{color:var(--white)}html[data-design-theme=style-guide] .border-slate-950{border-color:var(--slate-950)}html[data-design-theme=style-guide] .ring-slate-950{--ring-color:var(--slate-950);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-slate-950{outline-color:var(--slate-950)}html[data-design-theme=style-guide] .accent-slate-950{accent-color:var(--slate-950)}html[data-design-theme=style-guide] .color-micro-label-color{color:var(--micro-label-color)}html[data-design-theme=style-guide] .bg-micro-label-color{background:var(--micro-label-color)}html[data-design-theme=style-guide] .text-on-micro-label-color{color:var(--white)}html[data-design-theme=style-guide] .border-micro-label-color{border-color:var(--micro-label-color)}html[data-design-theme=style-guide] .ring-micro-label-color{--ring-color:var(--micro-label-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-micro-label-color{outline-color:var(--micro-label-color)}html[data-design-theme=style-guide] .accent-micro-label-color{accent-color:var(--micro-label-color)}html[data-design-theme=style-guide] .color-on-semantic-color{color:var(--on-semantic-color)}html[data-design-theme=style-guide] .bg-on-semantic-color{background:var(--on-semantic-color)}html[data-design-theme=style-guide] .text-on-on-semantic-color{color:var(--black)}html[data-design-theme=style-guide] .border-on-semantic-color{border-color:var(--on-semantic-color)}html[data-design-theme=style-guide] .ring-on-semantic-color{--ring-color:var(--on-semantic-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-on-semantic-color{outline-color:var(--on-semantic-color)}html[data-design-theme=style-guide] .accent-on-semantic-color{accent-color:var(--on-semantic-color)}html[data-design-theme=style-guide] .color-overlay-highlight{color:var(--overlay-highlight)}html[data-design-theme=style-guide] .bg-overlay-highlight{background:var(--overlay-highlight)}html[data-design-theme=style-guide] .text-on-overlay-highlight{color:var(--black)}html[data-design-theme=style-guide] .border-overlay-highlight{border-color:var(--overlay-highlight)}html[data-design-theme=style-guide] .ring-overlay-highlight{--ring-color:var(--overlay-highlight);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-overlay-highlight{outline-color:var(--overlay-highlight)}html[data-design-theme=style-guide] .accent-overlay-highlight{accent-color:var(--overlay-highlight)}html[data-design-theme=style-guide] .color-overlay-shadow{color:var(--overlay-shadow)}html[data-design-theme=style-guide] .bg-overlay-shadow{background:var(--overlay-shadow)}html[data-design-theme=style-guide] .text-on-overlay-shadow{color:var(--white)}html[data-design-theme=style-guide] .border-overlay-shadow{border-color:var(--overlay-shadow)}html[data-design-theme=style-guide] .ring-overlay-shadow{--ring-color:var(--overlay-shadow);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-overlay-shadow{outline-color:var(--overlay-shadow)}html[data-design-theme=style-guide] .accent-overlay-shadow{accent-color:var(--overlay-shadow)}html[data-design-theme=style-guide] .color-overlay-backdrop{color:var(--overlay-backdrop)}html[data-design-theme=style-guide] .bg-overlay-backdrop{background:var(--overlay-backdrop)}html[data-design-theme=style-guide] .text-on-overlay-backdrop{color:var(--white)}html[data-design-theme=style-guide] .border-overlay-backdrop{border-color:var(--overlay-backdrop)}html[data-design-theme=style-guide] .ring-overlay-backdrop{--ring-color:var(--overlay-backdrop);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-overlay-backdrop{outline-color:var(--overlay-backdrop)}html[data-design-theme=style-guide] .accent-overlay-backdrop{accent-color:var(--overlay-backdrop)}html[data-design-theme=style-guide] .color-border-accent{color:var(--border-accent)}html[data-design-theme=style-guide] .bg-border-accent{background:var(--border-accent)}html[data-design-theme=style-guide] .text-on-border-accent{color:var(--white)}html[data-design-theme=style-guide] .border-border-accent{border-color:var(--border-accent)}html[data-design-theme=style-guide] .ring-border-accent{--ring-color:var(--border-accent);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-border-accent{outline-color:var(--border-accent)}html[data-design-theme=style-guide] .accent-border-accent{accent-color:var(--border-accent)}html[data-design-theme=style-guide] .dark .text-on-border-accent{color:var(--black)}html[data-design-theme=style-guide] .color-card-border{color:var(--card-border)}html[data-design-theme=style-guide] .bg-card-border{background:var(--card-border)}html[data-design-theme=style-guide] .text-on-card-border{color:var(--white)}html[data-design-theme=style-guide] .border-card-border{border-color:var(--card-border)}html[data-design-theme=style-guide] .ring-card-border{--ring-color:var(--card-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-border{outline-color:var(--card-border)}html[data-design-theme=style-guide] .accent-card-border{accent-color:var(--card-border)}html[data-design-theme=style-guide] .color-card-header-color{color:var(--card-header-color)}html[data-design-theme=style-guide] .bg-card-header-color{background:var(--card-header-color)}html[data-design-theme=style-guide] .text-on-card-header-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-header-color{border-color:var(--card-header-color)}html[data-design-theme=style-guide] .ring-card-header-color{--ring-color:var(--card-header-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-header-color{outline-color:var(--card-header-color)}html[data-design-theme=style-guide] .accent-card-header-color{accent-color:var(--card-header-color)}html[data-design-theme=style-guide] .dark .text-on-card-header-color{color:var(--black)}html[data-design-theme=style-guide] .color-card-footer-color{color:var(--card-footer-color)}html[data-design-theme=style-guide] .bg-card-footer-color{background:var(--card-footer-color)}html[data-design-theme=style-guide] .text-on-card-footer-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-footer-color{border-color:var(--card-footer-color)}html[data-design-theme=style-guide] .ring-card-footer-color{--ring-color:var(--card-footer-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-footer-color{outline-color:var(--card-footer-color)}html[data-design-theme=style-guide] .accent-card-footer-color{accent-color:var(--card-footer-color)}html[data-design-theme=style-guide] .dark .text-on-card-footer-color{color:var(--black)}html[data-design-theme=style-guide] .color-card-hover-background{color:var(--card-hover-background)}html[data-design-theme=style-guide] .bg-card-hover-background{background:var(--card-hover-background)}html[data-design-theme=style-guide] .text-on-card-hover-background{color:var(--black)}html[data-design-theme=style-guide] .border-card-hover-background{border-color:var(--card-hover-background)}html[data-design-theme=style-guide] .ring-card-hover-background{--ring-color:var(--card-hover-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-hover-background{outline-color:var(--card-hover-background)}html[data-design-theme=style-guide] .accent-card-hover-background{accent-color:var(--card-hover-background)}html[data-design-theme=style-guide] .dark .text-on-card-hover-background{color:var(--white)}html[data-design-theme=style-guide] .color-card-accent-color{color:var(--card-accent-color)}html[data-design-theme=style-guide] .bg-card-accent-color{background:var(--card-accent-color)}html[data-design-theme=style-guide] .text-on-card-accent-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-accent-color{border-color:var(--card-accent-color)}html[data-design-theme=style-guide] .ring-card-accent-color{--ring-color:var(--card-accent-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-accent-color{outline-color:var(--card-accent-color)}html[data-design-theme=style-guide] .accent-card-accent-color{accent-color:var(--card-accent-color)}html[data-design-theme=style-guide] .color-card-filled-background{color:var(--card-filled-background)}html[data-design-theme=style-guide] .bg-card-filled-background{background:var(--card-filled-background)}html[data-design-theme=style-guide] .text-on-card-filled-background{color:var(--white)}html[data-design-theme=style-guide] .border-card-filled-background{border-color:var(--card-filled-background)}html[data-design-theme=style-guide] .ring-card-filled-background{--ring-color:var(--card-filled-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-filled-background{outline-color:var(--card-filled-background)}html[data-design-theme=style-guide] .accent-card-filled-background{accent-color:var(--card-filled-background)}html[data-design-theme=style-guide] .color-card-filled-color{color:var(--card-filled-color)}html[data-design-theme=style-guide] .bg-card-filled-color{background:var(--card-filled-color)}html[data-design-theme=style-guide] .text-on-card-filled-color{color:var(--black)}html[data-design-theme=style-guide] .border-card-filled-color{border-color:var(--card-filled-color)}html[data-design-theme=style-guide] .ring-card-filled-color{--ring-color:var(--card-filled-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-filled-color{outline-color:var(--card-filled-color)}html[data-design-theme=style-guide] .accent-card-filled-color{accent-color:var(--card-filled-color)}html[data-design-theme=style-guide] .dark .text-on-card-filled-color{color:var(--white)}html[data-design-theme=style-guide] .color-card-filled-hover-background{color:var(--card-filled-hover-background)}html[data-design-theme=style-guide] .bg-card-filled-hover-background{background:var(--card-filled-hover-background)}html[data-design-theme=style-guide] .text-on-card-filled-hover-background{color:var(--white)}html[data-design-theme=style-guide] .border-card-filled-hover-background{border-color:var(--card-filled-hover-background)}html[data-design-theme=style-guide] .ring-card-filled-hover-background{--ring-color:var(--card-filled-hover-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-filled-hover-background{outline-color:var(--card-filled-hover-background)}html[data-design-theme=style-guide] .accent-card-filled-hover-background{accent-color:var(--card-filled-hover-background)}html[data-design-theme=style-guide] .color-card-body-padding{color:var(--card-body-padding)}html[data-design-theme=style-guide] .bg-card-body-padding{background:var(--card-body-padding)}html[data-design-theme=style-guide] .text-on-card-body-padding{color:var(--white)}html[data-design-theme=style-guide] .border-card-body-padding{border-color:var(--card-body-padding)}html[data-design-theme=style-guide] .ring-card-body-padding{--ring-color:var(--card-body-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-body-padding{outline-color:var(--card-body-padding)}html[data-design-theme=style-guide] .accent-card-body-padding{accent-color:var(--card-body-padding)}html[data-design-theme=style-guide] .color-card-body-color{color:var(--card-body-color)}html[data-design-theme=style-guide] .bg-card-body-color{background:var(--card-body-color)}html[data-design-theme=style-guide] .text-on-card-body-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-body-color{border-color:var(--card-body-color)}html[data-design-theme=style-guide] .ring-card-body-color{--ring-color:var(--card-body-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-body-color{outline-color:var(--card-body-color)}html[data-design-theme=style-guide] .accent-card-body-color{accent-color:var(--card-body-color)}html[data-design-theme=style-guide] .dark .text-on-card-body-color{color:var(--black)}html[data-design-theme=style-guide] .color-card-body-filled-color{color:var(--card-body-filled-color)}html[data-design-theme=style-guide] .bg-card-body-filled-color{background:var(--card-body-filled-color)}html[data-design-theme=style-guide] .text-on-card-body-filled-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-body-filled-color{border-color:var(--card-body-filled-color)}html[data-design-theme=style-guide] .ring-card-body-filled-color{--ring-color:var(--card-body-filled-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-body-filled-color{outline-color:var(--card-body-filled-color)}html[data-design-theme=style-guide] .accent-card-body-filled-color{accent-color:var(--card-body-filled-color)}html[data-design-theme=style-guide] .color-card-tag-padding{color:var(--card-tag-padding)}html[data-design-theme=style-guide] .bg-card-tag-padding{background:var(--card-tag-padding)}html[data-design-theme=style-guide] .text-on-card-tag-padding{color:var(--white)}html[data-design-theme=style-guide] .border-card-tag-padding{border-color:var(--card-tag-padding)}html[data-design-theme=style-guide] .ring-card-tag-padding{--ring-color:var(--card-tag-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-tag-padding{outline-color:var(--card-tag-padding)}html[data-design-theme=style-guide] .accent-card-tag-padding{accent-color:var(--card-tag-padding)}html[data-design-theme=style-guide] .color-card-tag-background{color:var(--card-tag-background)}html[data-design-theme=style-guide] .bg-card-tag-background{background:var(--card-tag-background)}html[data-design-theme=style-guide] .text-on-card-tag-background{color:var(--black)}html[data-design-theme=style-guide] .border-card-tag-background{border-color:var(--card-tag-background)}html[data-design-theme=style-guide] .ring-card-tag-background{--ring-color:var(--card-tag-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-tag-background{outline-color:var(--card-tag-background)}html[data-design-theme=style-guide] .accent-card-tag-background{accent-color:var(--card-tag-background)}html[data-design-theme=style-guide] .dark .text-on-card-tag-background{color:var(--white)}html[data-design-theme=style-guide] .color-card-tag-color{color:var(--card-tag-color)}html[data-design-theme=style-guide] .bg-card-tag-color{background:var(--card-tag-color)}html[data-design-theme=style-guide] .text-on-card-tag-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-tag-color{border-color:var(--card-tag-color)}html[data-design-theme=style-guide] .ring-card-tag-color{--ring-color:var(--card-tag-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-tag-color{outline-color:var(--card-tag-color)}html[data-design-theme=style-guide] .accent-card-tag-color{accent-color:var(--card-tag-color)}html[data-design-theme=style-guide] .color-card-drop-shadow-color{color:var(--card-drop-shadow-color)}html[data-design-theme=style-guide] .bg-card-drop-shadow-color{background:var(--card-drop-shadow-color)}html[data-design-theme=style-guide] .text-on-card-drop-shadow-color{color:var(--white)}html[data-design-theme=style-guide] .border-card-drop-shadow-color{border-color:var(--card-drop-shadow-color)}html[data-design-theme=style-guide] .ring-card-drop-shadow-color{--ring-color:var(--card-drop-shadow-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-drop-shadow-color{outline-color:var(--card-drop-shadow-color)}html[data-design-theme=style-guide] .accent-card-drop-shadow-color{accent-color:var(--card-drop-shadow-color)}html[data-design-theme=style-guide] .color-card-separator-color{color:var(--card-separator-color)}html[data-design-theme=style-guide] .bg-card-separator-color{background:var(--card-separator-color)}html[data-design-theme=style-guide] .text-on-card-separator-color{color:var(--black)}html[data-design-theme=style-guide] .border-card-separator-color{border-color:var(--card-separator-color)}html[data-design-theme=style-guide] .ring-card-separator-color{--ring-color:var(--card-separator-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-card-separator-color{outline-color:var(--card-separator-color)}html[data-design-theme=style-guide] .accent-card-separator-color{accent-color:var(--card-separator-color)}html[data-design-theme=style-guide] .dark .text-on-card-separator-color{color:var(--white)}html[data-design-theme=style-guide] .color-table-cell-padding{color:var(--table-cell-padding)}html[data-design-theme=style-guide] .bg-table-cell-padding{background:var(--table-cell-padding)}html[data-design-theme=style-guide] .text-on-table-cell-padding{color:var(--white)}html[data-design-theme=style-guide] .border-table-cell-padding{border-color:var(--table-cell-padding)}html[data-design-theme=style-guide] .ring-table-cell-padding{--ring-color:var(--table-cell-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-table-cell-padding{outline-color:var(--table-cell-padding)}html[data-design-theme=style-guide] .accent-table-cell-padding{accent-color:var(--table-cell-padding)}html[data-design-theme=style-guide] .color-token-card-background{color:var(--token-card-background)}html[data-design-theme=style-guide] .bg-token-card-background{background:var(--token-card-background)}html[data-design-theme=style-guide] .text-on-token-card-background{color:var(--black)}html[data-design-theme=style-guide] .border-token-card-background{border-color:var(--token-card-background)}html[data-design-theme=style-guide] .ring-token-card-background{--ring-color:var(--token-card-background);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-card-background{outline-color:var(--token-card-background)}html[data-design-theme=style-guide] .accent-token-card-background{accent-color:var(--token-card-background)}html[data-design-theme=style-guide] .dark .text-on-token-card-background{color:var(--white)}html[data-design-theme=style-guide] .color-token-card-border{color:var(--token-card-border)}html[data-design-theme=style-guide] .bg-token-card-border{background:var(--token-card-border)}html[data-design-theme=style-guide] .text-on-token-card-border{color:var(--white)}html[data-design-theme=style-guide] .border-token-card-border{border-color:var(--token-card-border)}html[data-design-theme=style-guide] .ring-token-card-border{--ring-color:var(--token-card-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-card-border{outline-color:var(--token-card-border)}html[data-design-theme=style-guide] .accent-token-card-border{accent-color:var(--token-card-border)}html[data-design-theme=style-guide] .color-token-card-title-color{color:var(--token-card-title-color)}html[data-design-theme=style-guide] .bg-token-card-title-color{background:var(--token-card-title-color)}html[data-design-theme=style-guide] .text-on-token-card-title-color{color:var(--white)}html[data-design-theme=style-guide] .border-token-card-title-color{border-color:var(--token-card-title-color)}html[data-design-theme=style-guide] .ring-token-card-title-color{--ring-color:var(--token-card-title-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-card-title-color{outline-color:var(--token-card-title-color)}html[data-design-theme=style-guide] .accent-token-card-title-color{accent-color:var(--token-card-title-color)}html[data-design-theme=style-guide] .color-token-card-title-border-bottom{color:var(--token-card-title-border-bottom)}html[data-design-theme=style-guide] .bg-token-card-title-border-bottom{background:var(--token-card-title-border-bottom)}html[data-design-theme=style-guide] .text-on-token-card-title-border-bottom{color:var(--white)}html[data-design-theme=style-guide] .border-token-card-title-border-bottom{border-color:var(--token-card-title-border-bottom)}html[data-design-theme=style-guide] .ring-token-card-title-border-bottom{--ring-color:var(--token-card-title-border-bottom);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-card-title-border-bottom{outline-color:var(--token-card-title-border-bottom)}html[data-design-theme=style-guide] .accent-token-card-title-border-bottom{accent-color:var(--token-card-title-border-bottom)}html[data-design-theme=style-guide] .color-token-row-padding{color:var(--token-row-padding)}html[data-design-theme=style-guide] .bg-token-row-padding{background:var(--token-row-padding)}html[data-design-theme=style-guide] .text-on-token-row-padding{color:var(--white)}html[data-design-theme=style-guide] .border-token-row-padding{border-color:var(--token-row-padding)}html[data-design-theme=style-guide] .ring-token-row-padding{--ring-color:var(--token-row-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-row-padding{outline-color:var(--token-row-padding)}html[data-design-theme=style-guide] .accent-token-row-padding{accent-color:var(--token-row-padding)}html[data-design-theme=style-guide] .color-token-name-color{color:var(--token-name-color)}html[data-design-theme=style-guide] .bg-token-name-color{background:var(--token-name-color)}html[data-design-theme=style-guide] .text-on-token-name-color{color:var(--white)}html[data-design-theme=style-guide] .border-token-name-color{border-color:var(--token-name-color)}html[data-design-theme=style-guide] .ring-token-name-color{--ring-color:var(--token-name-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-name-color{outline-color:var(--token-name-color)}html[data-design-theme=style-guide] .accent-token-name-color{accent-color:var(--token-name-color)}html[data-design-theme=style-guide] .color-token-value-color{color:var(--token-value-color)}html[data-design-theme=style-guide] .bg-token-value-color{background:var(--token-value-color)}html[data-design-theme=style-guide] .text-on-token-value-color{color:var(--white)}html[data-design-theme=style-guide] .border-token-value-color{border-color:var(--token-value-color)}html[data-design-theme=style-guide] .ring-token-value-color{--ring-color:var(--token-value-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-value-color{outline-color:var(--token-value-color)}html[data-design-theme=style-guide] .accent-token-value-color{accent-color:var(--token-value-color)}html[data-design-theme=style-guide] .color-token-preview-color-border{color:var(--token-preview-color-border)}html[data-design-theme=style-guide] .bg-token-preview-color-border{background:var(--token-preview-color-border)}html[data-design-theme=style-guide] .text-on-token-preview-color-border{color:var(--white)}html[data-design-theme=style-guide] .border-token-preview-color-border{border-color:var(--token-preview-color-border)}html[data-design-theme=style-guide] .ring-token-preview-color-border{--ring-color:var(--token-preview-color-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-preview-color-border{outline-color:var(--token-preview-color-border)}html[data-design-theme=style-guide] .accent-token-preview-color-border{accent-color:var(--token-preview-color-border)}html[data-design-theme=style-guide] .color-token-preview-radius-border{color:var(--token-preview-radius-border)}html[data-design-theme=style-guide] .bg-token-preview-radius-border{background:var(--token-preview-radius-border)}html[data-design-theme=style-guide] .text-on-token-preview-radius-border{color:var(--white)}html[data-design-theme=style-guide] .border-token-preview-radius-border{border-color:var(--token-preview-radius-border)}html[data-design-theme=style-guide] .ring-token-preview-radius-border{--ring-color:var(--token-preview-radius-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-token-preview-radius-border{outline-color:var(--token-preview-radius-border)}html[data-design-theme=style-guide] .accent-token-preview-radius-border{accent-color:var(--token-preview-radius-border)}html[data-design-theme=style-guide] .color-btn-overlay-highlight{color:var(--btn-overlay-highlight)}html[data-design-theme=style-guide] .bg-btn-overlay-highlight{background:var(--btn-overlay-highlight)}html[data-design-theme=style-guide] .text-on-btn-overlay-highlight{color:var(--black)}html[data-design-theme=style-guide] .border-btn-overlay-highlight{border-color:var(--btn-overlay-highlight)}html[data-design-theme=style-guide] .ring-btn-overlay-highlight{--ring-color:var(--btn-overlay-highlight);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-overlay-highlight{outline-color:var(--btn-overlay-highlight)}html[data-design-theme=style-guide] .accent-btn-overlay-highlight{accent-color:var(--btn-overlay-highlight)}html[data-design-theme=style-guide] .color-btn-overlay-shadow{color:var(--btn-overlay-shadow)}html[data-design-theme=style-guide] .bg-btn-overlay-shadow{background:var(--btn-overlay-shadow)}html[data-design-theme=style-guide] .text-on-btn-overlay-shadow{color:var(--white)}html[data-design-theme=style-guide] .border-btn-overlay-shadow{border-color:var(--btn-overlay-shadow)}html[data-design-theme=style-guide] .ring-btn-overlay-shadow{--ring-color:var(--btn-overlay-shadow);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-btn-overlay-shadow{outline-color:var(--btn-overlay-shadow)}html[data-design-theme=style-guide] .accent-btn-overlay-shadow{accent-color:var(--btn-overlay-shadow)}html[data-design-theme=style-guide] .color-toggle-icon-color{color:var(--toggle-icon-color)}html[data-design-theme=style-guide] .bg-toggle-icon-color{background:var(--toggle-icon-color)}html[data-design-theme=style-guide] .text-on-toggle-icon-color{color:var(--black)}html[data-design-theme=style-guide] .border-toggle-icon-color{border-color:var(--toggle-icon-color)}html[data-design-theme=style-guide] .ring-toggle-icon-color{--ring-color:var(--toggle-icon-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toggle-icon-color{outline-color:var(--toggle-icon-color)}html[data-design-theme=style-guide] .accent-toggle-icon-color{accent-color:var(--toggle-icon-color)}html[data-design-theme=style-guide] .color-toggle-transition{color:var(--toggle-transition)}html[data-design-theme=style-guide] .bg-toggle-transition{background:var(--toggle-transition)}html[data-design-theme=style-guide] .text-on-toggle-transition{color:var(--white)}html[data-design-theme=style-guide] .border-toggle-transition{border-color:var(--toggle-transition)}html[data-design-theme=style-guide] .ring-toggle-transition{--ring-color:var(--toggle-transition);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toggle-transition{outline-color:var(--toggle-transition)}html[data-design-theme=style-guide] .accent-toggle-transition{accent-color:var(--toggle-transition)}html[data-design-theme=style-guide] .color-badge-padding{color:var(--badge-padding)}html[data-design-theme=style-guide] .bg-badge-padding{background:var(--badge-padding)}html[data-design-theme=style-guide] .text-on-badge-padding{color:var(--white)}html[data-design-theme=style-guide] .border-badge-padding{border-color:var(--badge-padding)}html[data-design-theme=style-guide] .ring-badge-padding{--ring-color:var(--badge-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-badge-padding{outline-color:var(--badge-padding)}html[data-design-theme=style-guide] .accent-badge-padding{accent-color:var(--badge-padding)}html[data-design-theme=style-guide] .color-toast-padding{color:var(--toast-padding)}html[data-design-theme=style-guide] .bg-toast-padding{background:var(--toast-padding)}html[data-design-theme=style-guide] .text-on-toast-padding{color:var(--white)}html[data-design-theme=style-guide] .border-toast-padding{border-color:var(--toast-padding)}html[data-design-theme=style-guide] .ring-toast-padding{--ring-color:var(--toast-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-padding{outline-color:var(--toast-padding)}html[data-design-theme=style-guide] .accent-toast-padding{accent-color:var(--toast-padding)}html[data-design-theme=style-guide] .color-toast-bg{color:var(--toast-bg)}html[data-design-theme=style-guide] .bg-toast-bg{background:var(--toast-bg)}html[data-design-theme=style-guide] .text-on-toast-bg{color:var(--black)}html[data-design-theme=style-guide] .border-toast-bg{border-color:var(--toast-bg)}html[data-design-theme=style-guide] .ring-toast-bg{--ring-color:var(--toast-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-bg{outline-color:var(--toast-bg)}html[data-design-theme=style-guide] .accent-toast-bg{accent-color:var(--toast-bg)}html[data-design-theme=style-guide] .dark .text-on-toast-bg{color:var(--white)}html[data-design-theme=style-guide] .color-toast-bg-success{color:var(--toast-bg-success)}html[data-design-theme=style-guide] .bg-toast-bg-success{background:var(--toast-bg-success)}html[data-design-theme=style-guide] .text-on-toast-bg-success{color:var(--white)}html[data-design-theme=style-guide] .border-toast-bg-success{border-color:var(--toast-bg-success)}html[data-design-theme=style-guide] .ring-toast-bg-success{--ring-color:var(--toast-bg-success);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-bg-success{outline-color:var(--toast-bg-success)}html[data-design-theme=style-guide] .accent-toast-bg-success{accent-color:var(--toast-bg-success)}html[data-design-theme=style-guide] .color-toast-bg-error{color:var(--toast-bg-error)}html[data-design-theme=style-guide] .bg-toast-bg-error{background:var(--toast-bg-error)}html[data-design-theme=style-guide] .text-on-toast-bg-error{color:var(--white)}html[data-design-theme=style-guide] .border-toast-bg-error{border-color:var(--toast-bg-error)}html[data-design-theme=style-guide] .ring-toast-bg-error{--ring-color:var(--toast-bg-error);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-bg-error{outline-color:var(--toast-bg-error)}html[data-design-theme=style-guide] .accent-toast-bg-error{accent-color:var(--toast-bg-error)}html[data-design-theme=style-guide] .color-toast-bg-warning{color:var(--toast-bg-warning)}html[data-design-theme=style-guide] .bg-toast-bg-warning{background:var(--toast-bg-warning)}html[data-design-theme=style-guide] .text-on-toast-bg-warning{color:var(--white)}html[data-design-theme=style-guide] .border-toast-bg-warning{border-color:var(--toast-bg-warning)}html[data-design-theme=style-guide] .ring-toast-bg-warning{--ring-color:var(--toast-bg-warning);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-bg-warning{outline-color:var(--toast-bg-warning)}html[data-design-theme=style-guide] .accent-toast-bg-warning{accent-color:var(--toast-bg-warning)}html[data-design-theme=style-guide] .color-toast-bg-info{color:var(--toast-bg-info)}html[data-design-theme=style-guide] .bg-toast-bg-info{background:var(--toast-bg-info)}html[data-design-theme=style-guide] .text-on-toast-bg-info{color:var(--white)}html[data-design-theme=style-guide] .border-toast-bg-info{border-color:var(--toast-bg-info)}html[data-design-theme=style-guide] .ring-toast-bg-info{--ring-color:var(--toast-bg-info);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-bg-info{outline-color:var(--toast-bg-info)}html[data-design-theme=style-guide] .accent-toast-bg-info{accent-color:var(--toast-bg-info)}html[data-design-theme=style-guide] .color-toast-color{color:var(--toast-color)}html[data-design-theme=style-guide] .bg-toast-color{background:var(--toast-color)}html[data-design-theme=style-guide] .text-on-toast-color{color:var(--white)}html[data-design-theme=style-guide] .border-toast-color{border-color:var(--toast-color)}html[data-design-theme=style-guide] .ring-toast-color{--ring-color:var(--toast-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-color{outline-color:var(--toast-color)}html[data-design-theme=style-guide] .accent-toast-color{accent-color:var(--toast-color)}html[data-design-theme=style-guide] .dark .text-on-toast-color{color:var(--black)}html[data-design-theme=style-guide] .color-toast-color-success{color:var(--toast-color-success)}html[data-design-theme=style-guide] .bg-toast-color-success{background:var(--toast-color-success)}html[data-design-theme=style-guide] .text-on-toast-color-success{color:var(--white)}html[data-design-theme=style-guide] .border-toast-color-success{border-color:var(--toast-color-success)}html[data-design-theme=style-guide] .ring-toast-color-success{--ring-color:var(--toast-color-success);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-color-success{outline-color:var(--toast-color-success)}html[data-design-theme=style-guide] .accent-toast-color-success{accent-color:var(--toast-color-success)}html[data-design-theme=style-guide] .color-toast-color-error{color:var(--toast-color-error)}html[data-design-theme=style-guide] .bg-toast-color-error{background:var(--toast-color-error)}html[data-design-theme=style-guide] .text-on-toast-color-error{color:var(--white)}html[data-design-theme=style-guide] .border-toast-color-error{border-color:var(--toast-color-error)}html[data-design-theme=style-guide] .ring-toast-color-error{--ring-color:var(--toast-color-error);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-color-error{outline-color:var(--toast-color-error)}html[data-design-theme=style-guide] .accent-toast-color-error{accent-color:var(--toast-color-error)}html[data-design-theme=style-guide] .color-toast-color-warning{color:var(--toast-color-warning)}html[data-design-theme=style-guide] .bg-toast-color-warning{background:var(--toast-color-warning)}html[data-design-theme=style-guide] .text-on-toast-color-warning{color:var(--white)}html[data-design-theme=style-guide] .border-toast-color-warning{border-color:var(--toast-color-warning)}html[data-design-theme=style-guide] .ring-toast-color-warning{--ring-color:var(--toast-color-warning);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-color-warning{outline-color:var(--toast-color-warning)}html[data-design-theme=style-guide] .accent-toast-color-warning{accent-color:var(--toast-color-warning)}html[data-design-theme=style-guide] .color-toast-color-info{color:var(--toast-color-info)}html[data-design-theme=style-guide] .bg-toast-color-info{background:var(--toast-color-info)}html[data-design-theme=style-guide] .text-on-toast-color-info{color:var(--white)}html[data-design-theme=style-guide] .border-toast-color-info{border-color:var(--toast-color-info)}html[data-design-theme=style-guide] .ring-toast-color-info{--ring-color:var(--toast-color-info);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-color-info{outline-color:var(--toast-color-info)}html[data-design-theme=style-guide] .accent-toast-color-info{accent-color:var(--toast-color-info)}html[data-design-theme=style-guide] .color-toast-border-width{color:var(--toast-border-width)}html[data-design-theme=style-guide] .bg-toast-border-width{background:var(--toast-border-width)}html[data-design-theme=style-guide] .text-on-toast-border-width{color:var(--white)}html[data-design-theme=style-guide] .border-toast-border-width{border-color:var(--toast-border-width)}html[data-design-theme=style-guide] .ring-toast-border-width{--ring-color:var(--toast-border-width);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-toast-border-width{outline-color:var(--toast-border-width)}html[data-design-theme=style-guide] .accent-toast-border-width{accent-color:var(--toast-border-width)}html[data-design-theme=style-guide] .dark .text-on-toast-border-width{color:var(--black)}html[data-design-theme=style-guide] .color-tag-padding{color:var(--tag-padding)}html[data-design-theme=style-guide] .bg-tag-padding{background:var(--tag-padding)}html[data-design-theme=style-guide] .text-on-tag-padding{color:var(--white)}html[data-design-theme=style-guide] .border-tag-padding{border-color:var(--tag-padding)}html[data-design-theme=style-guide] .ring-tag-padding{--ring-color:var(--tag-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-tag-padding{outline-color:var(--tag-padding)}html[data-design-theme=style-guide] .accent-tag-padding{accent-color:var(--tag-padding)}html[data-design-theme=style-guide] .color-field-bg{color:var(--field-bg)}html[data-design-theme=style-guide] .bg-field-bg{background:var(--field-bg)}html[data-design-theme=style-guide] .text-on-field-bg{color:var(--black)}html[data-design-theme=style-guide] .border-field-bg{border-color:var(--field-bg)}html[data-design-theme=style-guide] .ring-field-bg{--ring-color:var(--field-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-field-bg{outline-color:var(--field-bg)}html[data-design-theme=style-guide] .accent-field-bg{accent-color:var(--field-bg)}html[data-design-theme=style-guide] .color-field-border-color{color:var(--field-border-color)}html[data-design-theme=style-guide] .bg-field-border-color{background:var(--field-border-color)}html[data-design-theme=style-guide] .text-on-field-border-color{color:var(--black)}html[data-design-theme=style-guide] .border-field-border-color{border-color:var(--field-border-color)}html[data-design-theme=style-guide] .ring-field-border-color{--ring-color:var(--field-border-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-field-border-color{outline-color:var(--field-border-color)}html[data-design-theme=style-guide] .accent-field-border-color{accent-color:var(--field-border-color)}html[data-design-theme=style-guide] .color-field-border-hover{color:var(--field-border-hover)}html[data-design-theme=style-guide] .bg-field-border-hover{background:var(--field-border-hover)}html[data-design-theme=style-guide] .text-on-field-border-hover{color:var(--white)}html[data-design-theme=style-guide] .border-field-border-hover{border-color:var(--field-border-hover)}html[data-design-theme=style-guide] .ring-field-border-hover{--ring-color:var(--field-border-hover);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-field-border-hover{outline-color:var(--field-border-hover)}html[data-design-theme=style-guide] .accent-field-border-hover{accent-color:var(--field-border-hover)}html[data-design-theme=style-guide] .color-field-focus-border{color:var(--field-focus-border)}html[data-design-theme=style-guide] .bg-field-focus-border{background:var(--field-focus-border)}html[data-design-theme=style-guide] .text-on-field-focus-border{color:var(--white)}html[data-design-theme=style-guide] .border-field-focus-border{border-color:var(--field-focus-border)}html[data-design-theme=style-guide] .ring-field-focus-border{--ring-color:var(--field-focus-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-field-focus-border{outline-color:var(--field-focus-border)}html[data-design-theme=style-guide] .accent-field-focus-border{accent-color:var(--field-focus-border)}html[data-design-theme=style-guide] .color-field-textarea-padding{color:var(--field-textarea-padding)}html[data-design-theme=style-guide] .bg-field-textarea-padding{background:var(--field-textarea-padding)}html[data-design-theme=style-guide] .text-on-field-textarea-padding{color:var(--white)}html[data-design-theme=style-guide] .border-field-textarea-padding{border-color:var(--field-textarea-padding)}html[data-design-theme=style-guide] .ring-field-textarea-padding{--ring-color:var(--field-textarea-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-field-textarea-padding{outline-color:var(--field-textarea-padding)}html[data-design-theme=style-guide] .accent-field-textarea-padding{accent-color:var(--field-textarea-padding)}html[data-design-theme=style-guide] .color-control-border-color{color:var(--control-border-color)}html[data-design-theme=style-guide] .bg-control-border-color{background:var(--control-border-color)}html[data-design-theme=style-guide] .text-on-control-border-color{color:var(--black)}html[data-design-theme=style-guide] .border-control-border-color{border-color:var(--control-border-color)}html[data-design-theme=style-guide] .ring-control-border-color{--ring-color:var(--control-border-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-control-border-color{outline-color:var(--control-border-color)}html[data-design-theme=style-guide] .accent-control-border-color{accent-color:var(--control-border-color)}html[data-design-theme=style-guide] .dark .text-on-control-border-color{color:var(--white)}html[data-design-theme=style-guide] .color-control-checked-color{color:var(--control-checked-color)}html[data-design-theme=style-guide] .bg-control-checked-color{background:var(--control-checked-color)}html[data-design-theme=style-guide] .text-on-control-checked-color{color:var(--white)}html[data-design-theme=style-guide] .border-control-checked-color{border-color:var(--control-checked-color)}html[data-design-theme=style-guide] .ring-control-checked-color{--ring-color:var(--control-checked-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-control-checked-color{outline-color:var(--control-checked-color)}html[data-design-theme=style-guide] .accent-control-checked-color{accent-color:var(--control-checked-color)}html[data-design-theme=style-guide] .color-shell-navbar-link-padding{color:var(--shell-navbar-link-padding)}html[data-design-theme=style-guide] .bg-shell-navbar-link-padding{background:var(--shell-navbar-link-padding)}html[data-design-theme=style-guide] .text-on-shell-navbar-link-padding{color:var(--white)}html[data-design-theme=style-guide] .border-shell-navbar-link-padding{border-color:var(--shell-navbar-link-padding)}html[data-design-theme=style-guide] .ring-shell-navbar-link-padding{--ring-color:var(--shell-navbar-link-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-shell-navbar-link-padding{outline-color:var(--shell-navbar-link-padding)}html[data-design-theme=style-guide] .accent-shell-navbar-link-padding{accent-color:var(--shell-navbar-link-padding)}html[data-design-theme=style-guide] .color-shell-navbar-dismiss-padding{color:var(--shell-navbar-dismiss-padding)}html[data-design-theme=style-guide] .bg-shell-navbar-dismiss-padding{background:var(--shell-navbar-dismiss-padding)}html[data-design-theme=style-guide] .text-on-shell-navbar-dismiss-padding{color:var(--white)}html[data-design-theme=style-guide] .border-shell-navbar-dismiss-padding{border-color:var(--shell-navbar-dismiss-padding)}html[data-design-theme=style-guide] .ring-shell-navbar-dismiss-padding{--ring-color:var(--shell-navbar-dismiss-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-shell-navbar-dismiss-padding{outline-color:var(--shell-navbar-dismiss-padding)}html[data-design-theme=style-guide] .accent-shell-navbar-dismiss-padding{accent-color:var(--shell-navbar-dismiss-padding)}html[data-design-theme=style-guide] .color-shell-sidebar-item-padding{color:var(--shell-sidebar-item-padding)}html[data-design-theme=style-guide] .bg-shell-sidebar-item-padding{background:var(--shell-sidebar-item-padding)}html[data-design-theme=style-guide] .text-on-shell-sidebar-item-padding{color:var(--white)}html[data-design-theme=style-guide] .border-shell-sidebar-item-padding{border-color:var(--shell-sidebar-item-padding)}html[data-design-theme=style-guide] .ring-shell-sidebar-item-padding{--ring-color:var(--shell-sidebar-item-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-shell-sidebar-item-padding{outline-color:var(--shell-sidebar-item-padding)}html[data-design-theme=style-guide] .accent-shell-sidebar-item-padding{accent-color:var(--shell-sidebar-item-padding)}html[data-design-theme=style-guide] .color-shell-aside-row-padding{color:var(--shell-aside-row-padding)}html[data-design-theme=style-guide] .bg-shell-aside-row-padding{background:var(--shell-aside-row-padding)}html[data-design-theme=style-guide] .text-on-shell-aside-row-padding{color:var(--white)}html[data-design-theme=style-guide] .border-shell-aside-row-padding{border-color:var(--shell-aside-row-padding)}html[data-design-theme=style-guide] .ring-shell-aside-row-padding{--ring-color:var(--shell-aside-row-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-shell-aside-row-padding{outline-color:var(--shell-aside-row-padding)}html[data-design-theme=style-guide] .accent-shell-aside-row-padding{accent-color:var(--shell-aside-row-padding)}html[data-design-theme=style-guide] .color-screen-titlebar-padding{color:var(--screen-titlebar-padding)}html[data-design-theme=style-guide] .bg-screen-titlebar-padding{background:var(--screen-titlebar-padding)}html[data-design-theme=style-guide] .text-on-screen-titlebar-padding{color:var(--white)}html[data-design-theme=style-guide] .border-screen-titlebar-padding{border-color:var(--screen-titlebar-padding)}html[data-design-theme=style-guide] .ring-screen-titlebar-padding{--ring-color:var(--screen-titlebar-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-screen-titlebar-padding{outline-color:var(--screen-titlebar-padding)}html[data-design-theme=style-guide] .accent-screen-titlebar-padding{accent-color:var(--screen-titlebar-padding)}html[data-design-theme=style-guide] .color-screen-dot-close{color:var(--screen-dot-close)}html[data-design-theme=style-guide] .bg-screen-dot-close{background:var(--screen-dot-close)}html[data-design-theme=style-guide] .text-on-screen-dot-close{color:var(--white)}html[data-design-theme=style-guide] .border-screen-dot-close{border-color:var(--screen-dot-close)}html[data-design-theme=style-guide] .ring-screen-dot-close{--ring-color:var(--screen-dot-close);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-screen-dot-close{outline-color:var(--screen-dot-close)}html[data-design-theme=style-guide] .accent-screen-dot-close{accent-color:var(--screen-dot-close)}html[data-design-theme=style-guide] .color-screen-dot-minimize{color:var(--screen-dot-minimize)}html[data-design-theme=style-guide] .bg-screen-dot-minimize{background:var(--screen-dot-minimize)}html[data-design-theme=style-guide] .text-on-screen-dot-minimize{color:var(--black)}html[data-design-theme=style-guide] .border-screen-dot-minimize{border-color:var(--screen-dot-minimize)}html[data-design-theme=style-guide] .ring-screen-dot-minimize{--ring-color:var(--screen-dot-minimize);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-screen-dot-minimize{outline-color:var(--screen-dot-minimize)}html[data-design-theme=style-guide] .accent-screen-dot-minimize{accent-color:var(--screen-dot-minimize)}html[data-design-theme=style-guide] .color-screen-dot-maximize{color:var(--screen-dot-maximize)}html[data-design-theme=style-guide] .bg-screen-dot-maximize{background:var(--screen-dot-maximize)}html[data-design-theme=style-guide] .text-on-screen-dot-maximize{color:var(--white)}html[data-design-theme=style-guide] .border-screen-dot-maximize{border-color:var(--screen-dot-maximize)}html[data-design-theme=style-guide] .ring-screen-dot-maximize{--ring-color:var(--screen-dot-maximize);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-screen-dot-maximize{outline-color:var(--screen-dot-maximize)}html[data-design-theme=style-guide] .accent-screen-dot-maximize{accent-color:var(--screen-dot-maximize)}html[data-design-theme=style-guide] .color-screen-url-padding{color:var(--screen-url-padding)}html[data-design-theme=style-guide] .bg-screen-url-padding{background:var(--screen-url-padding)}html[data-design-theme=style-guide] .text-on-screen-url-padding{color:var(--white)}html[data-design-theme=style-guide] .border-screen-url-padding{border-color:var(--screen-url-padding)}html[data-design-theme=style-guide] .ring-screen-url-padding{--ring-color:var(--screen-url-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-screen-url-padding{outline-color:var(--screen-url-padding)}html[data-design-theme=style-guide] .accent-screen-url-padding{accent-color:var(--screen-url-padding)}html[data-design-theme=style-guide] .color-sg-border{color:var(--sg-border)}html[data-design-theme=style-guide] .bg-sg-border{background:var(--sg-border)}html[data-design-theme=style-guide] .text-on-sg-border{color:var(--white)}html[data-design-theme=style-guide] .border-sg-border{border-color:var(--sg-border)}html[data-design-theme=style-guide] .ring-sg-border{--ring-color:var(--sg-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-border{outline-color:var(--sg-border)}html[data-design-theme=style-guide] .accent-sg-border{accent-color:var(--sg-border)}html[data-design-theme=style-guide] .color-sg-screen-shadow{color:var(--sg-screen-shadow)}html[data-design-theme=style-guide] .bg-sg-screen-shadow{background:var(--sg-screen-shadow)}html[data-design-theme=style-guide] .text-on-sg-screen-shadow{color:var(--white)}html[data-design-theme=style-guide] .border-sg-screen-shadow{border-color:var(--sg-screen-shadow)}html[data-design-theme=style-guide] .ring-sg-screen-shadow{--ring-color:var(--sg-screen-shadow);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-screen-shadow{outline-color:var(--sg-screen-shadow)}html[data-design-theme=style-guide] .accent-sg-screen-shadow{accent-color:var(--sg-screen-shadow)}html[data-design-theme=style-guide] .color-sg-section-number-padding{color:var(--sg-section-number-padding)}html[data-design-theme=style-guide] .bg-sg-section-number-padding{background:var(--sg-section-number-padding)}html[data-design-theme=style-guide] .text-on-sg-section-number-padding{color:var(--white)}html[data-design-theme=style-guide] .border-sg-section-number-padding{border-color:var(--sg-section-number-padding)}html[data-design-theme=style-guide] .ring-sg-section-number-padding{--ring-color:var(--sg-section-number-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-section-number-padding{outline-color:var(--sg-section-number-padding)}html[data-design-theme=style-guide] .accent-sg-section-number-padding{accent-color:var(--sg-section-number-padding)}html[data-design-theme=style-guide] .color-sg-group-content-padding{color:var(--sg-group-content-padding)}html[data-design-theme=style-guide] .bg-sg-group-content-padding{background:var(--sg-group-content-padding)}html[data-design-theme=style-guide] .text-on-sg-group-content-padding{color:var(--white)}html[data-design-theme=style-guide] .border-sg-group-content-padding{border-color:var(--sg-group-content-padding)}html[data-design-theme=style-guide] .ring-sg-group-content-padding{--ring-color:var(--sg-group-content-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-sg-group-content-padding{outline-color:var(--sg-group-content-padding)}html[data-design-theme=style-guide] .accent-sg-group-content-padding{accent-color:var(--sg-group-content-padding)}html[data-design-theme=style-guide] .color-branding-placeholder-border{color:var(--branding-placeholder-border)}html[data-design-theme=style-guide] .bg-branding-placeholder-border{background:var(--branding-placeholder-border)}html[data-design-theme=style-guide] .text-on-branding-placeholder-border{color:var(--white)}html[data-design-theme=style-guide] .border-branding-placeholder-border{border-color:var(--branding-placeholder-border)}html[data-design-theme=style-guide] .ring-branding-placeholder-border{--ring-color:var(--branding-placeholder-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-branding-placeholder-border{outline-color:var(--branding-placeholder-border)}html[data-design-theme=style-guide] .accent-branding-placeholder-border{accent-color:var(--branding-placeholder-border)}html[data-design-theme=style-guide] .color-branding-name-border{color:var(--branding-name-border)}html[data-design-theme=style-guide] .bg-branding-name-border{background:var(--branding-name-border)}html[data-design-theme=style-guide] .text-on-branding-name-border{color:var(--white)}html[data-design-theme=style-guide] .border-branding-name-border{border-color:var(--branding-name-border)}html[data-design-theme=style-guide] .ring-branding-name-border{--ring-color:var(--branding-name-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-branding-name-border{outline-color:var(--branding-name-border)}html[data-design-theme=style-guide] .accent-branding-name-border{accent-color:var(--branding-name-border)}html[data-design-theme=style-guide] .color-branding-field-value-color{color:var(--branding-field-value-color)}html[data-design-theme=style-guide] .bg-branding-field-value-color{background:var(--branding-field-value-color)}html[data-design-theme=style-guide] .text-on-branding-field-value-color{color:var(--white)}html[data-design-theme=style-guide] .border-branding-field-value-color{border-color:var(--branding-field-value-color)}html[data-design-theme=style-guide] .ring-branding-field-value-color{--ring-color:var(--branding-field-value-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-branding-field-value-color{outline-color:var(--branding-field-value-color)}html[data-design-theme=style-guide] .accent-branding-field-value-color{accent-color:var(--branding-field-value-color)}html[data-design-theme=style-guide] .dark .text-on-branding-field-value-color{color:var(--black)}html[data-design-theme=style-guide] .color-branding-keyword-color{color:var(--branding-keyword-color)}html[data-design-theme=style-guide] .bg-branding-keyword-color{background:var(--branding-keyword-color)}html[data-design-theme=style-guide] .text-on-branding-keyword-color{color:var(--white)}html[data-design-theme=style-guide] .border-branding-keyword-color{border-color:var(--branding-keyword-color)}html[data-design-theme=style-guide] .ring-branding-keyword-color{--ring-color:var(--branding-keyword-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-branding-keyword-color{outline-color:var(--branding-keyword-color)}html[data-design-theme=style-guide] .accent-branding-keyword-color{accent-color:var(--branding-keyword-color)}html[data-design-theme=style-guide] .dark .text-on-branding-keyword-color{color:var(--black)}html[data-design-theme=style-guide] .color-branding-keyword-padding{color:var(--branding-keyword-padding)}html[data-design-theme=style-guide] .bg-branding-keyword-padding{background:var(--branding-keyword-padding)}html[data-design-theme=style-guide] .text-on-branding-keyword-padding{color:var(--white)}html[data-design-theme=style-guide] .border-branding-keyword-padding{border-color:var(--branding-keyword-padding)}html[data-design-theme=style-guide] .ring-branding-keyword-padding{--ring-color:var(--branding-keyword-padding);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-branding-keyword-padding{outline-color:var(--branding-keyword-padding)}html[data-design-theme=style-guide] .accent-branding-keyword-padding{accent-color:var(--branding-keyword-padding)}html[data-design-theme=style-guide] .color-branding-keyword-border{color:var(--branding-keyword-border)}html[data-design-theme=style-guide] .bg-branding-keyword-border{background:var(--branding-keyword-border)}html[data-design-theme=style-guide] .text-on-branding-keyword-border{color:var(--white)}html[data-design-theme=style-guide] .border-branding-keyword-border{border-color:var(--branding-keyword-border)}html[data-design-theme=style-guide] .ring-branding-keyword-border{--ring-color:var(--branding-keyword-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-branding-keyword-border{outline-color:var(--branding-keyword-border)}html[data-design-theme=style-guide] .accent-branding-keyword-border{accent-color:var(--branding-keyword-border)}html[data-design-theme=style-guide] .color-hui-switch-thumb-bg{color:var(--hui-switch-thumb-bg)}html[data-design-theme=style-guide] .bg-hui-switch-thumb-bg{background:var(--hui-switch-thumb-bg)}html[data-design-theme=style-guide] .text-on-hui-switch-thumb-bg{color:var(--black)}html[data-design-theme=style-guide] .border-hui-switch-thumb-bg{border-color:var(--hui-switch-thumb-bg)}html[data-design-theme=style-guide] .ring-hui-switch-thumb-bg{--ring-color:var(--hui-switch-thumb-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-switch-thumb-bg{outline-color:var(--hui-switch-thumb-bg)}html[data-design-theme=style-guide] .accent-hui-switch-thumb-bg{accent-color:var(--hui-switch-thumb-bg)}html[data-design-theme=style-guide] .color-hui-control-label-color{color:var(--hui-control-label-color)}html[data-design-theme=style-guide] .bg-hui-control-label-color{background:var(--hui-control-label-color)}html[data-design-theme=style-guide] .text-on-hui-control-label-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-control-label-color{border-color:var(--hui-control-label-color)}html[data-design-theme=style-guide] .ring-hui-control-label-color{--ring-color:var(--hui-control-label-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-control-label-color{outline-color:var(--hui-control-label-color)}html[data-design-theme=style-guide] .accent-hui-control-label-color{accent-color:var(--hui-control-label-color)}html[data-design-theme=style-guide] .dark .text-on-hui-control-label-color{color:var(--black)}html[data-design-theme=style-guide] .color-hui-panel-item-color{color:var(--hui-panel-item-color)}html[data-design-theme=style-guide] .bg-hui-panel-item-color{background:var(--hui-panel-item-color)}html[data-design-theme=style-guide] .text-on-hui-panel-item-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-panel-item-color{border-color:var(--hui-panel-item-color)}html[data-design-theme=style-guide] .ring-hui-panel-item-color{--ring-color:var(--hui-panel-item-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-panel-item-color{outline-color:var(--hui-panel-item-color)}html[data-design-theme=style-guide] .accent-hui-panel-item-color{accent-color:var(--hui-panel-item-color)}html[data-design-theme=style-guide] .dark .text-on-hui-panel-item-color{color:var(--black)}html[data-design-theme=style-guide] .color-hui-tab-panel-color{color:var(--hui-tab-panel-color)}html[data-design-theme=style-guide] .bg-hui-tab-panel-color{background:var(--hui-tab-panel-color)}html[data-design-theme=style-guide] .text-on-hui-tab-panel-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-tab-panel-color{border-color:var(--hui-tab-panel-color)}html[data-design-theme=style-guide] .ring-hui-tab-panel-color{--ring-color:var(--hui-tab-panel-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-tab-panel-color{outline-color:var(--hui-tab-panel-color)}html[data-design-theme=style-guide] .accent-hui-tab-panel-color{accent-color:var(--hui-tab-panel-color)}html[data-design-theme=style-guide] .dark .text-on-hui-tab-panel-color{color:var(--black)}html[data-design-theme=style-guide] .color-hui-field-chevron-color{color:var(--hui-field-chevron-color)}html[data-design-theme=style-guide] .bg-hui-field-chevron-color{background:var(--hui-field-chevron-color)}html[data-design-theme=style-guide] .text-on-hui-field-chevron-color{color:var(--black)}html[data-design-theme=style-guide] .border-hui-field-chevron-color{border-color:var(--hui-field-chevron-color)}html[data-design-theme=style-guide] .ring-hui-field-chevron-color{--ring-color:var(--hui-field-chevron-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-field-chevron-color{outline-color:var(--hui-field-chevron-color)}html[data-design-theme=style-guide] .accent-hui-field-chevron-color{accent-color:var(--hui-field-chevron-color)}html[data-design-theme=style-guide] .color-hui-label-color{color:var(--hui-label-color)}html[data-design-theme=style-guide] .bg-hui-label-color{background:var(--hui-label-color)}html[data-design-theme=style-guide] .text-on-hui-label-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-label-color{border-color:var(--hui-label-color)}html[data-design-theme=style-guide] .ring-hui-label-color{--ring-color:var(--hui-label-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-label-color{outline-color:var(--hui-label-color)}html[data-design-theme=style-guide] .accent-hui-label-color{accent-color:var(--hui-label-color)}html[data-design-theme=style-guide] .color-hui-description-color{color:var(--hui-description-color)}html[data-design-theme=style-guide] .bg-hui-description-color{background:var(--hui-description-color)}html[data-design-theme=style-guide] .text-on-hui-description-color{color:var(--white)}html[data-design-theme=style-guide] .border-hui-description-color{border-color:var(--hui-description-color)}html[data-design-theme=style-guide] .ring-hui-description-color{--ring-color:var(--hui-description-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-hui-description-color{outline-color:var(--hui-description-color)}html[data-design-theme=style-guide] .accent-hui-description-color{accent-color:var(--hui-description-color)}html[data-design-theme=style-guide] .color-code-bg{color:var(--code-bg)}html[data-design-theme=style-guide] .bg-code-bg{background:var(--code-bg)}html[data-design-theme=style-guide] .text-on-code-bg{color:var(--white)}html[data-design-theme=style-guide] .border-code-bg{border-color:var(--code-bg)}html[data-design-theme=style-guide] .ring-code-bg{--ring-color:var(--code-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-bg{outline-color:var(--code-bg)}html[data-design-theme=style-guide] .accent-code-bg{accent-color:var(--code-bg)}html[data-design-theme=style-guide] .color-code-text{color:var(--code-text)}html[data-design-theme=style-guide] .bg-code-text{background:var(--code-text)}html[data-design-theme=style-guide] .text-on-code-text{color:var(--black)}html[data-design-theme=style-guide] .border-code-text{border-color:var(--code-text)}html[data-design-theme=style-guide] .ring-code-text{--ring-color:var(--code-text);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-text{outline-color:var(--code-text)}html[data-design-theme=style-guide] .accent-code-text{accent-color:var(--code-text)}html[data-design-theme=style-guide] .color-code-border{color:var(--code-border)}html[data-design-theme=style-guide] .bg-code-border{background:var(--code-border)}html[data-design-theme=style-guide] .text-on-code-border{color:var(--white)}html[data-design-theme=style-guide] .border-code-border{border-color:var(--code-border)}html[data-design-theme=style-guide] .ring-code-border{--ring-color:var(--code-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-border{outline-color:var(--code-border)}html[data-design-theme=style-guide] .accent-code-border{accent-color:var(--code-border)}html[data-design-theme=style-guide] .color-code-keyword{color:var(--code-keyword)}html[data-design-theme=style-guide] .bg-code-keyword{background:var(--code-keyword)}html[data-design-theme=style-guide] .text-on-code-keyword{color:var(--white)}html[data-design-theme=style-guide] .border-code-keyword{border-color:var(--code-keyword)}html[data-design-theme=style-guide] .ring-code-keyword{--ring-color:var(--code-keyword);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-keyword{outline-color:var(--code-keyword)}html[data-design-theme=style-guide] .accent-code-keyword{accent-color:var(--code-keyword)}html[data-design-theme=style-guide] .color-code-string{color:var(--code-string)}html[data-design-theme=style-guide] .bg-code-string{background:var(--code-string)}html[data-design-theme=style-guide] .text-on-code-string{color:var(--white)}html[data-design-theme=style-guide] .border-code-string{border-color:var(--code-string)}html[data-design-theme=style-guide] .ring-code-string{--ring-color:var(--code-string);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-string{outline-color:var(--code-string)}html[data-design-theme=style-guide] .accent-code-string{accent-color:var(--code-string)}html[data-design-theme=style-guide] .color-code-comment{color:var(--code-comment)}html[data-design-theme=style-guide] .bg-code-comment{background:var(--code-comment)}html[data-design-theme=style-guide] .text-on-code-comment{color:var(--white)}html[data-design-theme=style-guide] .border-code-comment{border-color:var(--code-comment)}html[data-design-theme=style-guide] .ring-code-comment{--ring-color:var(--code-comment);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-comment{outline-color:var(--code-comment)}html[data-design-theme=style-guide] .accent-code-comment{accent-color:var(--code-comment)}html[data-design-theme=style-guide] .color-code-function{color:var(--code-function)}html[data-design-theme=style-guide] .bg-code-function{background:var(--code-function)}html[data-design-theme=style-guide] .text-on-code-function{color:var(--white)}html[data-design-theme=style-guide] .border-code-function{border-color:var(--code-function)}html[data-design-theme=style-guide] .ring-code-function{--ring-color:var(--code-function);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-function{outline-color:var(--code-function)}html[data-design-theme=style-guide] .accent-code-function{accent-color:var(--code-function)}html[data-design-theme=style-guide] .color-code-number{color:var(--code-number)}html[data-design-theme=style-guide] .bg-code-number{background:var(--code-number)}html[data-design-theme=style-guide] .text-on-code-number{color:var(--white)}html[data-design-theme=style-guide] .border-code-number{border-color:var(--code-number)}html[data-design-theme=style-guide] .ring-code-number{--ring-color:var(--code-number);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-number{outline-color:var(--code-number)}html[data-design-theme=style-guide] .accent-code-number{accent-color:var(--code-number)}html[data-design-theme=style-guide] .color-code-line-number{color:var(--code-line-number)}html[data-design-theme=style-guide] .bg-code-line-number{background:var(--code-line-number)}html[data-design-theme=style-guide] .text-on-code-line-number{color:var(--white)}html[data-design-theme=style-guide] .border-code-line-number{border-color:var(--code-line-number)}html[data-design-theme=style-guide] .ring-code-line-number{--ring-color:var(--code-line-number);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-code-line-number{outline-color:var(--code-line-number)}html[data-design-theme=style-guide] .accent-code-line-number{accent-color:var(--code-line-number)}html[data-design-theme=style-guide] .color-terminal-bg{color:var(--terminal-bg)}html[data-design-theme=style-guide] .bg-terminal-bg{background:var(--terminal-bg)}html[data-design-theme=style-guide] .text-on-terminal-bg{color:var(--white)}html[data-design-theme=style-guide] .border-terminal-bg{border-color:var(--terminal-bg)}html[data-design-theme=style-guide] .ring-terminal-bg{--ring-color:var(--terminal-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-bg{outline-color:var(--terminal-bg)}html[data-design-theme=style-guide] .accent-terminal-bg{accent-color:var(--terminal-bg)}html[data-design-theme=style-guide] .color-terminal-text{color:var(--terminal-text)}html[data-design-theme=style-guide] .bg-terminal-text{background:var(--terminal-text)}html[data-design-theme=style-guide] .text-on-terminal-text{color:var(--black)}html[data-design-theme=style-guide] .border-terminal-text{border-color:var(--terminal-text)}html[data-design-theme=style-guide] .ring-terminal-text{--ring-color:var(--terminal-text);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-text{outline-color:var(--terminal-text)}html[data-design-theme=style-guide] .accent-terminal-text{accent-color:var(--terminal-text)}html[data-design-theme=style-guide] .color-terminal-border{color:var(--terminal-border)}html[data-design-theme=style-guide] .bg-terminal-border{background:var(--terminal-border)}html[data-design-theme=style-guide] .text-on-terminal-border{color:var(--white)}html[data-design-theme=style-guide] .border-terminal-border{border-color:var(--terminal-border)}html[data-design-theme=style-guide] .ring-terminal-border{--ring-color:var(--terminal-border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-border{outline-color:var(--terminal-border)}html[data-design-theme=style-guide] .accent-terminal-border{accent-color:var(--terminal-border)}html[data-design-theme=style-guide] .color-terminal-title-bar-bg{color:var(--terminal-title-bar-bg)}html[data-design-theme=style-guide] .bg-terminal-title-bar-bg{background:var(--terminal-title-bar-bg)}html[data-design-theme=style-guide] .text-on-terminal-title-bar-bg{color:var(--white)}html[data-design-theme=style-guide] .border-terminal-title-bar-bg{border-color:var(--terminal-title-bar-bg)}html[data-design-theme=style-guide] .ring-terminal-title-bar-bg{--ring-color:var(--terminal-title-bar-bg);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-title-bar-bg{outline-color:var(--terminal-title-bar-bg)}html[data-design-theme=style-guide] .accent-terminal-title-bar-bg{accent-color:var(--terminal-title-bar-bg)}html[data-design-theme=style-guide] .color-terminal-prompt{color:var(--terminal-prompt)}html[data-design-theme=style-guide] .bg-terminal-prompt{background:var(--terminal-prompt)}html[data-design-theme=style-guide] .text-on-terminal-prompt{color:var(--white)}html[data-design-theme=style-guide] .border-terminal-prompt{border-color:var(--terminal-prompt)}html[data-design-theme=style-guide] .ring-terminal-prompt{--ring-color:var(--terminal-prompt);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-prompt{outline-color:var(--terminal-prompt)}html[data-design-theme=style-guide] .accent-terminal-prompt{accent-color:var(--terminal-prompt)}html[data-design-theme=style-guide] .color-terminal-command{color:var(--terminal-command)}html[data-design-theme=style-guide] .bg-terminal-command{background:var(--terminal-command)}html[data-design-theme=style-guide] .text-on-terminal-command{color:var(--black)}html[data-design-theme=style-guide] .border-terminal-command{border-color:var(--terminal-command)}html[data-design-theme=style-guide] .ring-terminal-command{--ring-color:var(--terminal-command);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-command{outline-color:var(--terminal-command)}html[data-design-theme=style-guide] .accent-terminal-command{accent-color:var(--terminal-command)}html[data-design-theme=style-guide] .color-terminal-output{color:var(--terminal-output)}html[data-design-theme=style-guide] .bg-terminal-output{background:var(--terminal-output)}html[data-design-theme=style-guide] .text-on-terminal-output{color:var(--black)}html[data-design-theme=style-guide] .border-terminal-output{border-color:var(--terminal-output)}html[data-design-theme=style-guide] .ring-terminal-output{--ring-color:var(--terminal-output);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-output{outline-color:var(--terminal-output)}html[data-design-theme=style-guide] .accent-terminal-output{accent-color:var(--terminal-output)}html[data-design-theme=style-guide] .color-terminal-success{color:var(--terminal-success)}html[data-design-theme=style-guide] .bg-terminal-success{background:var(--terminal-success)}html[data-design-theme=style-guide] .text-on-terminal-success{color:var(--white)}html[data-design-theme=style-guide] .border-terminal-success{border-color:var(--terminal-success)}html[data-design-theme=style-guide] .ring-terminal-success{--ring-color:var(--terminal-success);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-success{outline-color:var(--terminal-success)}html[data-design-theme=style-guide] .accent-terminal-success{accent-color:var(--terminal-success)}html[data-design-theme=style-guide] .color-terminal-error{color:var(--terminal-error)}html[data-design-theme=style-guide] .bg-terminal-error{background:var(--terminal-error)}html[data-design-theme=style-guide] .text-on-terminal-error{color:var(--white)}html[data-design-theme=style-guide] .border-terminal-error{border-color:var(--terminal-error)}html[data-design-theme=style-guide] .ring-terminal-error{--ring-color:var(--terminal-error);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-error{outline-color:var(--terminal-error)}html[data-design-theme=style-guide] .accent-terminal-error{accent-color:var(--terminal-error)}html[data-design-theme=style-guide] .color-terminal-warning{color:var(--terminal-warning)}html[data-design-theme=style-guide] .bg-terminal-warning{background:var(--terminal-warning)}html[data-design-theme=style-guide] .text-on-terminal-warning{color:var(--white)}html[data-design-theme=style-guide] .border-terminal-warning{border-color:var(--terminal-warning)}html[data-design-theme=style-guide] .ring-terminal-warning{--ring-color:var(--terminal-warning);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-terminal-warning{outline-color:var(--terminal-warning)}html[data-design-theme=style-guide] .accent-terminal-warning{accent-color:var(--terminal-warning)}html[data-design-theme=style-guide] .color-surface{color:var(--surface)}html[data-design-theme=style-guide] .bg-surface{background:var(--surface)}html[data-design-theme=style-guide] .text-on-surface{color:var(--black)}html[data-design-theme=style-guide] .border-surface{border-color:var(--surface)}html[data-design-theme=style-guide] .ring-surface{--ring-color:var(--surface);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-surface{outline-color:var(--surface)}html[data-design-theme=style-guide] .accent-surface{accent-color:var(--surface)}html[data-design-theme=style-guide] .dark .text-on-surface{color:var(--white)}html[data-design-theme=style-guide] .color-surface-alt{color:var(--surface-alt)}html[data-design-theme=style-guide] .bg-surface-alt{background:var(--surface-alt)}html[data-design-theme=style-guide] .text-on-surface-alt{color:var(--black)}html[data-design-theme=style-guide] .border-surface-alt{border-color:var(--surface-alt)}html[data-design-theme=style-guide] .ring-surface-alt{--ring-color:var(--surface-alt);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-surface-alt{outline-color:var(--surface-alt)}html[data-design-theme=style-guide] .accent-surface-alt{accent-color:var(--surface-alt)}html[data-design-theme=style-guide] .dark .text-on-surface-alt{color:var(--white)}html[data-design-theme=style-guide] .color-surface-inverse{color:var(--surface-inverse)}html[data-design-theme=style-guide] .bg-surface-inverse{background:var(--surface-inverse)}html[data-design-theme=style-guide] .text-on-surface-inverse{color:var(--white)}html[data-design-theme=style-guide] .border-surface-inverse{border-color:var(--surface-inverse)}html[data-design-theme=style-guide] .ring-surface-inverse{--ring-color:var(--surface-inverse);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-surface-inverse{outline-color:var(--surface-inverse)}html[data-design-theme=style-guide] .accent-surface-inverse{accent-color:var(--surface-inverse)}html[data-design-theme=style-guide] .dark .text-on-surface-inverse{color:var(--black)}html[data-design-theme=style-guide] .color-surface-accent{color:var(--surface-accent)}html[data-design-theme=style-guide] .bg-surface-accent{background:var(--surface-accent)}html[data-design-theme=style-guide] .text-on-surface-accent{color:var(--white)}html[data-design-theme=style-guide] .border-surface-accent{border-color:var(--surface-accent)}html[data-design-theme=style-guide] .ring-surface-accent{--ring-color:var(--surface-accent);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-surface-accent{outline-color:var(--surface-accent)}html[data-design-theme=style-guide] .accent-surface-accent{accent-color:var(--surface-accent)}html[data-design-theme=style-guide] .color-surface-warning{color:var(--surface-warning)}html[data-design-theme=style-guide] .bg-surface-warning{background:var(--surface-warning)}html[data-design-theme=style-guide] .text-on-surface-warning{color:var(--black)}html[data-design-theme=style-guide] .border-surface-warning{border-color:var(--surface-warning)}html[data-design-theme=style-guide] .ring-surface-warning{--ring-color:var(--surface-warning);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-surface-warning{outline-color:var(--surface-warning)}html[data-design-theme=style-guide] .accent-surface-warning{accent-color:var(--surface-warning)}html[data-design-theme=style-guide] .color-surface-danger{color:var(--surface-danger)}html[data-design-theme=style-guide] .bg-surface-danger{background:var(--surface-danger)}html[data-design-theme=style-guide] .text-on-surface-danger{color:var(--white)}html[data-design-theme=style-guide] .border-surface-danger{border-color:var(--surface-danger)}html[data-design-theme=style-guide] .ring-surface-danger{--ring-color:var(--surface-danger);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-surface-danger{outline-color:var(--surface-danger)}html[data-design-theme=style-guide] .accent-surface-danger{accent-color:var(--surface-danger)}html[data-design-theme=style-guide] .color-text{color:var(--text)}html[data-design-theme=style-guide] .bg-text{background:var(--text)}html[data-design-theme=style-guide] .text-on-text{color:var(--white)}html[data-design-theme=style-guide] .border-text{border-color:var(--text)}html[data-design-theme=style-guide] .ring-text{--ring-color:var(--text);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-text{outline-color:var(--text)}html[data-design-theme=style-guide] .accent-text{accent-color:var(--text)}html[data-design-theme=style-guide] .dark .text-on-text{color:var(--black)}html[data-design-theme=style-guide] .color-text-secondary{color:var(--text-secondary)}html[data-design-theme=style-guide] .bg-text-secondary{background:var(--text-secondary)}html[data-design-theme=style-guide] .text-on-text-secondary{color:var(--white)}html[data-design-theme=style-guide] .border-text-secondary{border-color:var(--text-secondary)}html[data-design-theme=style-guide] .ring-text-secondary{--ring-color:var(--text-secondary);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-text-secondary{outline-color:var(--text-secondary)}html[data-design-theme=style-guide] .accent-text-secondary{accent-color:var(--text-secondary)}html[data-design-theme=style-guide] .dark .text-on-text-secondary{color:var(--black)}html[data-design-theme=style-guide] .color-text-muted{color:var(--text-muted)}html[data-design-theme=style-guide] .bg-text-muted{background:var(--text-muted)}html[data-design-theme=style-guide] .text-on-text-muted{color:var(--white)}html[data-design-theme=style-guide] .border-text-muted{border-color:var(--text-muted)}html[data-design-theme=style-guide] .ring-text-muted{--ring-color:var(--text-muted);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-text-muted{outline-color:var(--text-muted)}html[data-design-theme=style-guide] .accent-text-muted{accent-color:var(--text-muted)}html[data-design-theme=style-guide] .color-text-inverse{color:var(--text-inverse)}html[data-design-theme=style-guide] .bg-text-inverse{background:var(--text-inverse)}html[data-design-theme=style-guide] .text-on-text-inverse{color:var(--black)}html[data-design-theme=style-guide] .border-text-inverse{border-color:var(--text-inverse)}html[data-design-theme=style-guide] .ring-text-inverse{--ring-color:var(--text-inverse);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-text-inverse{outline-color:var(--text-inverse)}html[data-design-theme=style-guide] .accent-text-inverse{accent-color:var(--text-inverse)}html[data-design-theme=style-guide] .dark .text-on-text-inverse{color:var(--white)}html[data-design-theme=style-guide] .color-text-link{color:var(--text-link)}html[data-design-theme=style-guide] .bg-text-link{background:var(--text-link)}html[data-design-theme=style-guide] .text-on-text-link{color:var(--white)}html[data-design-theme=style-guide] .border-text-link{border-color:var(--text-link)}html[data-design-theme=style-guide] .ring-text-link{--ring-color:var(--text-link);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-text-link{outline-color:var(--text-link)}html[data-design-theme=style-guide] .accent-text-link{accent-color:var(--text-link)}html[data-design-theme=style-guide] .dark .text-on-text-link{color:var(--black)}html[data-design-theme=style-guide] .color-border{color:var(--border)}html[data-design-theme=style-guide] .bg-border{background:var(--border)}html[data-design-theme=style-guide] .text-on-border{color:var(--black)}html[data-design-theme=style-guide] .border-border{border-color:var(--border)}html[data-design-theme=style-guide] .ring-border{--ring-color:var(--border);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-border{outline-color:var(--border)}html[data-design-theme=style-guide] .accent-border{accent-color:var(--border)}html[data-design-theme=style-guide] .dark .text-on-border{color:var(--white)}html[data-design-theme=style-guide] .color-border-strong{color:var(--border-strong)}html[data-design-theme=style-guide] .bg-border-strong{background:var(--border-strong)}html[data-design-theme=style-guide] .text-on-border-strong{color:var(--black)}html[data-design-theme=style-guide] .border-border-strong{border-color:var(--border-strong)}html[data-design-theme=style-guide] .ring-border-strong{--ring-color:var(--border-strong);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-border-strong{outline-color:var(--border-strong)}html[data-design-theme=style-guide] .accent-border-strong{accent-color:var(--border-strong)}html[data-design-theme=style-guide] .dark .text-on-border-strong{color:var(--white)}html[data-design-theme=style-guide] .color-shadow-color{color:var(--shadow-color)}html[data-design-theme=style-guide] .bg-shadow-color{background:var(--shadow-color)}html[data-design-theme=style-guide] .text-on-shadow-color{color:var(--white)}html[data-design-theme=style-guide] .border-shadow-color{border-color:var(--shadow-color)}html[data-design-theme=style-guide] .ring-shadow-color{--ring-color:var(--shadow-color);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-shadow-color{outline-color:var(--shadow-color)}html[data-design-theme=style-guide] .accent-shadow-color{accent-color:var(--shadow-color)}html[data-design-theme=style-guide] .color-focus-ring{color:var(--focus-ring)}html[data-design-theme=style-guide] .bg-focus-ring{background:var(--focus-ring)}html[data-design-theme=style-guide] .text-on-focus-ring{color:var(--white)}html[data-design-theme=style-guide] .border-focus-ring{border-color:var(--focus-ring)}html[data-design-theme=style-guide] .ring-focus-ring{--ring-color:var(--focus-ring);box-shadow:0 0 0 var(--ring-width,3px) var(--ring-color)}html[data-design-theme=style-guide] .outline-focus-ring{outline-color:var(--focus-ring)}html[data-design-theme=style-guide] .accent-focus-ring{accent-color:var(--focus-ring)}html[data-design-theme=style-guide] .dark .text-on-focus-ring{color:var(--black)}html[data-design-theme=style-guide] .sg-intro-hero{text-align:center;border:2px solid var(--border-accent,var(--black));background:var(--surface,#fff);color:var(--text,#000);flex-direction:column;align-items:center;margin-bottom:48px;padding:64px 32px 0;display:flex}html[data-design-theme=style-guide] .sg-intro-glyph{color:var(--text-muted,var(--gray-400));box-shadow:none;background:0 0;border:none;order:-1;margin:0 auto 24px;font-size:36px;line-height:1;display:block}html[data-design-theme=style-guide] .sg-intro-title{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--text,#000);text-transform:none;text-shadow:none;font-size:clamp(36px,5vw,56px);font-style:normal;font-weight:700;line-height:1}html[data-design-theme=style-guide] .sg-intro-title:after,html[data-design-theme=style-guide] .sg-intro-title:before{content:none}html[data-design-theme=style-guide] .sg-intro-subtitle{font-family:var(--font-sans);color:var(--text-muted,#757575);letter-spacing:.2em;text-transform:uppercase;margin-top:16px;font-size:11px;font-weight:400}html[data-design-theme=style-guide] .sg-intro-quote{font-family:var(--font-sans);color:var(--text-secondary,#616161);border-left:none;max-width:560px;margin:24px auto 48px;padding-left:0;font-size:16px;font-style:italic;font-weight:400;line-height:1.6}html[data-design-theme=style-guide] .sg-intro-meta{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted,#757575);justify-content:center;gap:24px;margin-top:32px;font-size:11px;font-weight:700;display:flex}html[data-design-theme=style-guide] .sg-intro-color-bar{width:calc(100% + 64px);height:8px;margin-top:40px;margin-left:-32px;margin-right:-32px;display:flex;overflow:hidden}html[data-design-theme=style-guide] .sg-intro-color-bar:after,html[data-design-theme=style-guide] .sg-intro-color-bar:before{content:none}html[data-design-theme=style-guide] .sg-intro-color-bar>*{flex:1}html[data-design-theme=style-guide] .sg-intro-meta-cards{border-top:2px solid var(--border-accent,var(--black));grid-template-columns:repeat(4,1fr);gap:0;width:calc(100% + 64px);margin-left:-32px;margin-right:-32px;display:grid}html[data-design-theme=style-guide] .sg-intro-meta-card{padding:var(--space-2,16px) var(--space-3,24px);border-right:1px solid var(--border,#e0e0e0)}html[data-design-theme=style-guide] .sg-intro-meta-card:last-child{border-right:none}html[data-design-theme=style-guide] .sg-intro-meta-card-label{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#757575);margin-bottom:4px;font-size:10px;font-weight:600}html[data-design-theme=style-guide] .sg-intro-meta-card-value{font-family:var(--font-sans);color:var(--text,#000);font-size:15px;font-weight:500}html[data-design-theme=style-guide] .sg-section-header{padding:var(--space-4,32px) 0 var(--space-3,24px)}html[data-design-theme=style-guide] .sg-section-number{font-family:var(--font-sans);color:var(--border,var(--gray-200));background:0 0;border:none;border-radius:0;min-width:auto;padding:0;font-size:48px;font-style:normal;font-weight:700;line-height:1}html[data-design-theme=style-guide] .sg-section-title{font-family:var(--font-sans);letter-spacing:-.02em;text-transform:none;font-size:28px;font-weight:700}html[data-design-theme=style-guide] .sg-section-desc{font-family:var(--font-mono);color:var(--text-muted,#757575);font-size:14px}html[data-design-theme=style-guide] .product-branding{background:var(--surface,#fff);border:2px solid var(--border-accent,var(--black));box-shadow:4px 4px 0 var(--shadow-color,#00000014)}html[data-design-theme=style-guide] .product-branding-name{font-family:var(--font-sans);letter-spacing:-.02em;text-transform:none;color:var(--text,#000);font-style:normal;font-weight:700}html[data-design-theme=style-guide] .product-branding-field-label{font-family:var(--font-mono);color:var(--text,#0a0a0a);text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:700}html[data-design-theme=style-guide] .product-branding-tag{border:1px solid var(--border,#bdbdbd);color:var(--text-secondary,#424242);background:var(--surface,#fff);font-family:var(--font-sans);text-transform:none;letter-spacing:0;border-radius:0;font-size:12px;font-weight:500}html[data-design-theme=style-guide] .product-branding-logo{background:var(--surface-alt,var(--gray-100))}.style-guide-logo-glyph{color:var(--red,#e20613);margin-bottom:8px;font-size:36px;display:inline-block}.style-guide-logo-text{font-family:var(--font-sans);color:var(--text-secondary,#424242);letter-spacing:-.02em;font-size:16px;font-weight:700}html[data-design-theme=style-guide] .card{border:2px solid var(--border-accent,var(--black));box-shadow:none;background:var(--surface,#fff);border-radius:0}html[data-design-theme=style-guide] .card:hover{background:var(--surface-alt,#eee)!important;box-shadow:none!important}html[data-design-theme=style-guide] .card:hover>*{background:0 0!important}html[data-design-theme=style-guide] .card:hover .card-footer[class*=brand],html[data-design-theme=style-guide] .card:hover .card-footer[class*=danger],html[data-design-theme=style-guide] .card:hover .card-footer[class*=info],html[data-design-theme=style-guide] .card:hover .card-footer[class*=primary],html[data-design-theme=style-guide] .card:hover .card-footer[class*=success],html[data-design-theme=style-guide] .card:hover .card-footer[class*=warning],html[data-design-theme=style-guide] .card:hover .card-header[class*=brand],html[data-design-theme=style-guide] .card:hover .card-header[class*=danger],html[data-design-theme=style-guide] .card:hover .card-header[class*=info],html[data-design-theme=style-guide] .card:hover .card-header[class*=primary],html[data-design-theme=style-guide] .card:hover .card-header[class*=success],html[data-design-theme=style-guide] .card:hover .card-header[class*=warning]{background:var(--accent)!important}html[data-design-theme=style-guide] .card-header{background:var(--surface,#fff);border-bottom:none;border-radius:0}html[data-design-theme=style-guide] .card-title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text,#000);font-size:16px;font-weight:700}html[data-design-theme=style-guide] .card-body{color:var(--text,#000);font-size:14px;line-height:1.6}html[data-design-theme=style-guide] .card-body p{color:var(--text-secondary,#616161)}html[data-design-theme=style-guide] .card-footer{background:0 0;border-top:none;border-color:#0000;border-radius:0}html[data-design-theme=style-guide] .card.rounded,html[data-design-theme=style-guide] .rounded{border-radius:0}html[data-design-theme=style-guide] .card.drop-shadow,html[data-design-theme=style-guide] .card.drop-shadow:hover{box-shadow:4px 4px 0 var(--accent,var(--border,#e0e0e0))!important}html[data-design-theme=style-guide] .card .card-body{color:var(--text,#000)}html[data-design-theme=style-guide] .card[class*=accent-]{border:2px solid var(--border-accent,var(--black))!important;border-top:6px solid var(--accent,var(--red,#e20613))!important}html[data-design-theme=style-guide] .card.accent-brand,html[data-design-theme=style-guide] .card.accent-danger{border-top-color:var(--red,#e20613)!important}html[data-design-theme=style-guide] .card.accent-info{border-top-color:var(--blue,#0047ab)!important}html[data-design-theme=style-guide] .card.accent-success{border-top-color:var(--success,#1a8a3f)!important}html[data-design-theme=style-guide] .card.accent-warning{border-top-color:var(--warning,#c27a00)!important}html[data-design-theme=style-guide] .card.accent-primary{border-top-color:var(--border-accent,var(--black))!important}html[data-design-theme=style-guide] .card.brand:not([class*=accent-]),html[data-design-theme=style-guide] .card.danger:not([class*=accent-]){border:2px solid var(--red,#e20613)!important;border-top:6px solid var(--red,#e20613)!important}html[data-design-theme=style-guide] .card.warning:not([class*=accent-]){border:2px solid var(--warning,#c27a00)!important;border-top:6px solid var(--warning,#c27a00)!important}html[data-design-theme=style-guide] .card.success:not([class*=accent-]){border:2px solid var(--success,#1a8a3f)!important;border-top:6px solid var(--success,#1a8a3f)!important}html[data-design-theme=style-guide] .card.info:not([class*=accent-]){border:2px solid var(--blue,#0047ab)!important;border-top:6px solid var(--blue,#0047ab)!important}html[data-design-theme=style-guide] .card.primary:not([class*=accent-]){border:2px solid var(--border-accent,var(--black))!important;border-top:6px solid var(--border-accent,var(--black))!important}html[data-design-theme=style-guide] .card.brand .card-footer,html[data-design-theme=style-guide] .card.brand .card-header,html[data-design-theme=style-guide] .card.danger .card-footer,html[data-design-theme=style-guide] .card.danger .card-header,html[data-design-theme=style-guide] .card.info .card-footer,html[data-design-theme=style-guide] .card.info .card-header,html[data-design-theme=style-guide] .card.primary .card-footer,html[data-design-theme=style-guide] .card.primary .card-header,html[data-design-theme=style-guide] .card.success .card-footer,html[data-design-theme=style-guide] .card.success .card-header,html[data-design-theme=style-guide] .card.warning .card-footer,html[data-design-theme=style-guide] .card.warning .card-header{color:var(--text,#000);background:var(--surface,#fff)!important}html[data-design-theme=style-guide] .badge,html[data-design-theme=style-guide] .tag{font-family:var(--font-mono);letter-spacing:.03em;border-radius:0;font-size:10px;font-weight:600}html[data-design-theme=style-guide] .btn{font-family:var(--font-sans);letter-spacing:-.01em;border-radius:0;font-weight:600}html[data-design-theme=style-guide] .alert{border-width:2px;border-radius:0}html[data-design-theme=style-guide] .widget-grid{gap:var(--space-3,24px);margin-bottom:var(--space-5,40px);grid-template-columns:repeat(2,1fr);display:grid}html[data-design-theme=style-guide] .code-widget{background:var(--surface,#fff);border:2px solid var(--border-accent,var(--black));overflow:hidden}html[data-design-theme=style-guide] .code-widget-header{background:var(--gray-800,#212121);border-bottom:1px solid var(--gray-700,#424242);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}html[data-design-theme=style-guide] .code-widget-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--white,#fff);font-size:11px;font-weight:700}html[data-design-theme=style-guide] .code-widget-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--gray-500,#757575);background:0 0;padding:2px 8px;font-size:9px;font-weight:600}html[data-design-theme=style-guide] .code-widget-badge--cli,html[data-design-theme=style-guide] .code-widget-badge--syntax{color:var(--gray-400,#9e9e9e);border-color:var(--gray-600,#616161)}html[data-design-theme=style-guide] .code-widget-badge--lang{color:var(--white,#fff);background:var(--gray-600,#616161);border:none}html[data-design-theme=style-guide] .code-widget-dots{background:var(--gray-800,#212121);border-bottom:2px solid var(--red,#e20613);align-items:center;gap:6px;padding:8px 16px;display:flex}html[data-design-theme=style-guide] .code-dot{border-radius:50%;width:10px;height:10px;display:inline-block}html[data-design-theme=style-guide] .code-dot--red{background:#ff5f57}html[data-design-theme=style-guide] .code-dot--yellow{background:#febc2e}html[data-design-theme=style-guide] .code-dot--green{background:#28c840}html[data-design-theme=style-guide] .code-widget-filename{font-family:var(--font-mono);color:var(--gray-400,#9e9e9e);margin-left:8px;font-size:11px}html[data-design-theme=style-guide] .code-widget-body{font-family:var(--font-mono);color:var(--gray-300,#bdbdbd);background:var(--gray-900,#121212);white-space:pre;margin:0;padding:20px 16px;font-size:13px;line-height:1.8;overflow-x:auto}html[data-design-theme=style-guide] .code-comment{color:var(--gray-600,#616161)}html[data-design-theme=style-guide] .code-keyword{color:#ff6b6b}html[data-design-theme=style-guide] .code-string{color:#69db7c}html[data-design-theme=style-guide] .code-function{color:var(--white,#fff)}html[data-design-theme=style-guide] .code-number{color:var(--yellow,#f5c518)}html[data-design-theme=style-guide] .code-prompt{color:var(--gray-500,#757575)}html[data-design-theme=style-guide] .code-output{color:var(--gray-400,#9e9e9e)}html[data-design-theme=style-guide] .code-success{color:#69db7c}html[data-design-theme=style-guide] .code-widget-desc{font-family:var(--font-mono);color:var(--text-secondary,#616161);border-top:1px solid var(--border,#e0e0e0);padding:12px 16px;font-size:12px}html[data-design-theme=style-guide] .effects-subsection-title{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text,#000);margin-top:var(--space-5,40px);padding-bottom:var(--space-1,8px);border-bottom:2px solid var(--red,#e20613);font-size:11px;font-weight:700}@media (max-width:700px){html[data-design-theme=style-guide] .widget-grid{grid-template-columns:1fr}}html[data-design-theme=style-guide] .hui.menu-btn,html[data-design-theme=style-guide] .hui.popover-btn{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border-radius:0;font-size:11px;font-weight:700;transition:box-shadow .15s}html[data-design-theme=style-guide] .hui.menu-btn:hover,html[data-design-theme=style-guide] .hui.popover-btn:hover{box-shadow:4px 4px 0 var(--border,#e0e0e0)}html[data-design-theme=style-guide] .hui.combo-options,html[data-design-theme=style-guide] .hui.listbox-options,html[data-design-theme=style-guide] .hui.menu-items,html[data-design-theme=style-guide] .hui.popover-panel{border:2px solid var(--border-accent,var(--black));box-shadow:4px 4px 0 var(--border,#e0e0e0);border-radius:0}html[data-design-theme=style-guide] .hui.combo-option[data-active],html[data-design-theme=style-guide] .hui.listbox-option[data-active],html[data-design-theme=style-guide] .hui.menu-item[data-active]{background:var(--yellow,#ffe600);color:var(--black,#0a0a0a)}html[data-design-theme=style-guide] .hui.tab-list{border-bottom:2px solid var(--border-accent,var(--black));gap:0}html[data-design-theme=style-guide] .hui.tab{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border:2px solid #0000;border-radius:0;padding:8px 16px;font-size:11px;font-style:normal;font-weight:700}html[data-design-theme=style-guide] .hui.tab[data-selected]{border-bottom-color:var(--red,#e63329);color:var(--red,#e63329)}html[data-design-theme=style-guide] .hui.switch{border:2px solid var(--border-accent,var(--black));border-radius:0}html[data-design-theme=style-guide] .hui.switch[data-checked]{background:var(--red,#e63329)}html[data-design-theme=style-guide] .hui.switch-thumb{background:var(--surface,#fff);border:1px solid var(--border-accent,var(--black));border-radius:0}html[data-design-theme=style-guide] .hui.combo-input{font-family:var(--font-sans);border:2px solid var(--border-accent,var(--black));border-radius:0;font-size:13px}html[data-design-theme=style-guide] .hui.combo-input:focus{border-color:var(--red,#e63329);box-shadow:3px 3px 0 var(--red,#e63329);outline:none}html[data-design-theme=style-guide] .hui.disclosure-btn{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;border-radius:0;font-size:13px;font-style:normal;font-weight:700;transition:background .1s}html[data-design-theme=style-guide] .hui.disclosure-btn:hover{background:var(--yellow,#ffe600);color:var(--black,#0a0a0a)}html[data-design-theme=style-guide] .hui.dialog-panel{border:2px solid var(--border-accent,var(--black));box-shadow:8px 8px 0 var(--border,#e0e0e0);background:var(--surface,#fff);border-radius:0}html[data-design-theme=style-guide] .hui.dialog-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.01em;font-size:18px;font-style:normal;font-weight:900}html[data-design-theme=style-guide] .showcase-cell-name{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px}html[data-design-theme=style-guide] .spacing-demo{gap:var(--sg-spacing-gap,6px);padding:var(--space-3) 0;flex-direction:column;display:flex}html[data-design-theme=style-guide] .spacing-row{grid-template-columns:var(--sg-spacing-label-width,80px) 1fr var(--sg-spacing-value-width,60px);align-items:center;gap:var(--space-2);display:grid}html[data-design-theme=style-guide] .spacing-label{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:right;letter-spacing:.02em}html[data-design-theme=style-guide] .spacing-bar{background:var(--text,var(--black));border:none;border-radius:0;min-width:4px;height:20px}html[data-design-theme=style-guide] .spacing-value{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.02em}html[data-design-theme=style-guide] .sg-principles{gap:var(--space-1);border:2px solid var(--border-accent,var(--black));padding:var(--space-3);margin:var(--space-4) 0;flex-direction:column;display:flex}html[data-design-theme=style-guide] .sg-principle{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-1) 0;border-bottom:1px solid var(--border);line-height:1.5}html[data-design-theme=style-guide] .sg-principle:last-child{border-bottom:none}html[data-design-theme=style-guide] .sg-principle strong{color:var(--text,var(--black));font-weight:700}html[data-design-theme=style-guide] .spacing-diagram{border:2px solid var(--border-accent,var(--black));margin:var(--space-3) 0;border-radius:0;overflow:hidden}html[data-design-theme=style-guide] .spacing-diagram-header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-inverse,var(--white));padding:var(--space-1) var(--space-2);background:var(--surface-inverse,var(--black));border-bottom:none;font-size:11px;font-weight:700}html[data-design-theme=style-guide] .spacing-diagram-body{padding:var(--space-3);background:var(--surface,var(--white))}html[data-design-theme=style-guide] .spacing-diagram-viewport{border:2px solid var(--border-strong);border-radius:0}html[data-design-theme=style-guide] .spacing-diagram-viewport-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-half) var(--space-1);background:var(--surface-alt);border-bottom:1px solid var(--border);font-size:10px}html[data-design-theme=style-guide] .spacing-diagram-gutter{background:repeating-linear-gradient(45deg,var(--gray-200),var(--gray-200) 2px,transparent 2px,transparent 8px)}html[data-design-theme=style-guide] .spacing-diagram-gutter span{font-family:var(--font-mono);color:var(--gray-500);font-size:8px}html[data-design-theme=style-guide] .spacing-diagram-padding{background:repeating-linear-gradient(90deg,var(--gray-200),var(--gray-200) 2px,transparent 2px,transparent 8px);border-top:1px dashed var(--gray-300)}html[data-design-theme=style-guide] .spacing-diagram-label-title{font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}html[data-design-theme=style-guide] .spacing-diagram-label-meta{font-family:var(--font-mono);color:var(--gray-500);font-size:10px}html[data-design-theme=style-guide] .hr.section{background:var(--border-accent,var(--black));height:2px;margin:var(--space-8) 0;border:none}html[data-design-theme=style-guide] .hr.subsection{background:var(--border,#e0e0e0);height:1px;margin:var(--space-4) 0;border:none}html[data-design-theme=style-guide] .font-entry-name{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.01em;font-style:normal;font-weight:900}@keyframes grid-stamp{0%{opacity:0;transform:scale(1.15)}60%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse-block{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html[data-design-theme=style-guide] .effects-grid{gap:var(--space-3,16px);margin-bottom:var(--space-6,48px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}html[data-design-theme=style-guide] .effect-card{background:var(--surface,#fff);border:2px solid var(--border-accent,var(--black));box-shadow:4px 4px 0 var(--border,#e0e0e0);min-height:180px;padding:var(--space-3,16px);justify-content:center;align-items:center;gap:var(--space-2,8px);border-radius:0;flex-direction:column;display:flex}html[data-design-theme=style-guide] .effect-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted,#666);font-size:9px}html[data-design-theme=style-guide] .ink-bleed-kanji{font-family:var(--font-sans);color:var(--black,#0a0a0a);font-size:64px;font-style:normal;font-weight:900;animation:grid-stamp .6s ease-out}html[data-design-theme=style-guide] .brush-in-text{font-family:var(--font-sans);letter-spacing:-.02em;text-transform:uppercase;color:var(--black,#0a0a0a);font-size:32px;font-weight:900;animation:fade-up .5s ease-out}html[data-design-theme=style-guide] .breath-circle{background:var(--red,#e63329);border-radius:0;width:32px;height:32px;animation:pulse-block 2s ease-in-out infinite;display:block}html[data-design-theme=style-guide] .seal-stamp-glyph{font-family:var(--font-sans);color:var(--black,#0a0a0a);background:var(--yellow,#ffe600);border:2px solid var(--black,#0a0a0a);text-align:center;border-radius:0;width:56px;height:56px;font-size:28px;font-weight:900;line-height:52px;animation:grid-stamp .6s ease-out .2s both;display:inline-block}html[data-design-theme=style-guide] .ink-wash-bar{border:2px solid var(--black,#0a0a0a);background:linear-gradient(90deg,var(--black,#0a0a0a) 0,var(--black,#0a0a0a) 25%,var(--red,#e63329) 25%,var(--red,#e63329) 50%,var(--blue,#0057b8) 50%,var(--blue,#0057b8) 75%,var(--yellow,#ffe600) 75%,var(--yellow,#ffe600) 100%);border-radius:0;width:100%;height:24px}html[data-design-theme=style-guide] .fade-up-text{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.02em;color:var(--black,#0a0a0a);font-size:28px;font-style:normal;font-weight:900;animation:fade-up .5s ease-out}@media (prefers-reduced-motion:reduce){html[data-design-theme=style-guide] .breath-circle,html[data-design-theme=style-guide] .brush-in-text,html[data-design-theme=style-guide] .fade-up-text,html[data-design-theme=style-guide] .ink-bleed-kanji,html[data-design-theme=style-guide] .seal-stamp-glyph{opacity:1;clip-path:none;animation:none;transform:none}}html[data-design-theme=style-guide] .agent-dashboard{margin-top:var(--space-4,24px);background:var(--black,#0a0a0a);border:2px solid var(--black,#0a0a0a);border-radius:0;grid-template-columns:220px 1fr 240px;gap:2px;display:grid;overflow:hidden}html[data-design-theme=style-guide] .dashboard-panel{background:var(--surface,#fff);padding:var(--space-3,16px)}html[data-design-theme=style-guide] .dashboard-panel-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted,#666);margin-bottom:var(--space-2,8px);padding-bottom:var(--space-1,4px);border-bottom:1px solid var(--border,#e0e0e0);font-size:9px;font-weight:700}html[data-design-theme=style-guide] .story-list{margin:0;padding:0;list-style:none}html[data-design-theme=style-guide] .story-item{font-family:var(--font-sans);color:var(--text-secondary,#444);border-bottom:1px solid var(--border,#e0e0e0);align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}html[data-design-theme=style-guide] .story-item:last-child{border-bottom:none}html[data-design-theme=style-guide] .story-id{font-family:var(--font-mono);color:var(--text-muted,#666);letter-spacing:.05em;font-size:10px}html[data-design-theme=style-guide] .story-item--done{color:var(--text-muted,#999);text-decoration:line-through}html[data-design-theme=style-guide] .story-item--active{color:var(--text,#0a0a0a);font-weight:700}html[data-design-theme=style-guide] .story-item--active .story-id{color:var(--red,#e63329)}html[data-design-theme=style-guide] .story-item--queued{color:var(--text-muted,#999)}html[data-design-theme=style-guide] .dashboard-panel--output{background:var(--black,#0a0a0a)}html[data-design-theme=style-guide] .dashboard-panel--output .dashboard-panel-title{color:var(--gray-400,#888);border-bottom-color:var(--gray-700,#333)}html[data-design-theme=style-guide] .live-output{font-family:var(--font-mono);color:var(--gray-400,#aaa);margin-bottom:var(--space-2,8px);font-size:11px;line-height:1.8}html[data-design-theme=style-guide] .output-line{padding:2px 0}html[data-design-theme=style-guide] .output-line--active{color:var(--yellow,#ffe600)}html[data-design-theme=style-guide] .output-ts{color:var(--gray-600,#555);margin-right:8px}html[data-design-theme=style-guide] .agent-controls{padding-top:var(--space-2,8px);border-top:1px solid var(--gray-700,#333);gap:8px;display:flex}html[data-design-theme=style-guide] .agent-btn{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.12em;border:2px solid var(--gray-400,#888);color:var(--gray-400,#aaa);cursor:pointer;background:0 0;border-radius:0;padding:4px 12px;font-size:9px;font-weight:700;transition:border-color .1s,color .1s}html[data-design-theme=style-guide] .agent-btn:hover{border-color:var(--yellow,#ffe600);color:var(--yellow,#ffe600)}html[data-design-theme=style-guide] .agent-btn--primary{background:var(--red,#e63329);border-color:var(--red,#e63329);color:var(--white,#fff)}html[data-design-theme=style-guide] .agent-btn--primary:hover{background:var(--black,#0a0a0a);border-color:var(--red,#e63329);color:var(--red,#e63329)}html[data-design-theme=style-guide] .criteria-list{margin:0;padding:0;list-style:none}html[data-design-theme=style-guide] .criteria-item{font-family:var(--font-sans);color:var(--text-secondary,#444);border-bottom:1px solid var(--border,#e0e0e0);padding:5px 0 5px 20px;font-size:12px;position:relative}html[data-design-theme=style-guide] .criteria-item:last-child{border-bottom:none}html[data-design-theme=style-guide] .criteria-item:before{font-size:11px;font-family:var(--font-mono);position:absolute;top:5px;left:0}html[data-design-theme=style-guide] .criteria-item--done:before{content:"✓";color:var(--blue,#0057b8);font-weight:700}html[data-design-theme=style-guide] .criteria-item--done{color:var(--text-muted,#999);text-decoration:line-through}html[data-design-theme=style-guide] .criteria-item--pending:before{content:"□";color:var(--text-muted,#999)}html[data-design-theme=style-guide] .screen-frame{border:2px solid var(--border-accent,var(--black));background:var(--surface,#fff);box-shadow:6px 6px 0 var(--border,#e0e0e0);border-radius:0}html[data-design-theme=style-guide] .screen-titlebar{background:var(--black,#0a0a0a);border-bottom:2px solid var(--black,#0a0a0a);align-items:center;gap:6px;padding:10px 14px;display:flex}html[data-design-theme=style-guide] .screen-dot{background:var(--gray-600,#555);border-radius:0;width:10px;height:10px}html[data-design-theme=style-guide] .screen-dot:first-child{background:var(--red,#e63329)}html[data-design-theme=style-guide] .screen-dot:nth-child(2){background:var(--yellow,#ffe600)}html[data-design-theme=style-guide] .screen-dot:nth-child(3){background:var(--blue,#0057b8)}html[data-design-theme=style-guide] .screen-url{font-family:var(--font-mono);color:var(--gray-400,#aaa);background:var(--gray-800,#222);border-radius:0;flex:1;max-width:260px;margin-left:8px;padding:3px 12px;font-size:11px}html[data-design-theme=style-guide] .screen-label{font-family:var(--font-mono);color:var(--gray-400,#aaa);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;padding:6px 14px 0;font-size:10px;display:block}html[data-design-theme=style-guide] .screen-body>.content{background:var(--surface,#fff);margin-top:0;padding-top:0}html[data-design-theme=style-guide] .screen-body .shell-navbar{z-index:auto;height:auto;color:var(--text,#0a0a0a);align-items:center;gap:var(--space-3);border-bottom:2px solid var(--border-accent,var(--black));background:0 0;padding:16px 0;display:flex;position:relative;top:auto;left:auto;right:auto}html[data-design-theme=style-guide] .screen-body .shell-navbar-brand{font-family:var(--font-sans);color:var(--text,#0a0a0a);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-style:normal;font-weight:900}html[data-design-theme=style-guide] .screen-body .shell-navbar-links{font-family:var(--font-sans);color:var(--text-muted,#666);letter-spacing:.1em;text-transform:uppercase;gap:24px;margin-left:auto;font-size:11px;font-weight:700;display:flex}html[data-design-theme=style-guide] .screen-body .shell-navbar-link{color:var(--text-muted,#666);opacity:1}html[data-design-theme=style-guide] .screen-body .shell-navbar-link:last-child{color:var(--red,#e63329);font-weight:900}html[data-design-theme=style-guide] .screen-hero{text-align:left;background:var(--surface,#fff);border-bottom:2px solid var(--border-accent,var(--black));padding:48px 0 32px}html[data-design-theme=style-guide] .screen-hero .typography-display{text-transform:uppercase;letter-spacing:-.02em;margin:0 0 16px;font-style:normal;font-weight:900}html[data-design-theme=style-guide] .screen-hero .typography-body{max-width:520px;margin:0 auto 32px}html[data-design-theme=style-guide] .screen-body .btn-group{justify-content:flex-start;gap:16px;display:flex}html[data-design-theme=style-guide] .screen-body{zoom:.65;background:var(--surface,#fff);aspect-ratio:auto;padding:0;display:block;overflow:visible}html[data-design-theme=style-guide] .screen-body .btn{text-transform:uppercase;letter-spacing:.1em;border:2px solid var(--black,#0a0a0a);border-radius:0;padding:14px 40px;font-size:12px;font-weight:700}html[data-design-theme=style-guide] .screen-body .btn.btn-outline{border-color:var(--black,#0a0a0a);color:var(--black,#0a0a0a);background:0 0}html[data-design-theme=style-guide] .screen-body .card{background:var(--surface,#fff);border:2px solid var(--black,#0a0a0a);box-shadow:4px 4px 0 var(--gray-200,#e0e0e0);border-radius:0;min-height:160px}html[data-design-theme=style-guide] .screen-body .card-body{padding:var(--space-3,16px)}html[data-design-theme=style-guide] .screen-body .card-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;font-size:14px;font-style:normal;font-weight:900}html[data-design-theme=style-guide] .screen-body .hr.section{background:var(--black,#0a0a0a);border:none;height:2px;margin:24px 0}html[data-design-theme=style-guide] .screen-features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}html[data-design-theme=style-guide] .settings-header{border-bottom:2px solid var(--black,#0a0a0a);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}html[data-design-theme=style-guide] .settings-layout{grid-template-columns:160px 1fr;gap:24px;display:grid}html[data-design-theme=style-guide] .screen-sidebar{flex-direction:column;gap:2px;display:flex}html[data-design-theme=style-guide] .screen-sidebar-item{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#666);cursor:default;border-radius:0;padding:6px 12px;font-size:11px;font-weight:700}html[data-design-theme=style-guide] .screen-sidebar-item.active{background:var(--yellow,#ffe600);color:var(--black,#0a0a0a);border-left:3px solid var(--red,#e63329);padding-left:9px}html[data-design-theme=style-guide] .settings-content{flex-direction:column;gap:12px;display:flex}html[data-design-theme=style-guide] .screen-form-actions{gap:10px;margin-top:12px;display:flex}html[data-design-theme=style-guide] .screen-dashboard-grid{background:var(--black,#0a0a0a);border:2px solid var(--black,#0a0a0a);border-radius:0;grid-template-columns:200px 1fr 220px;gap:2px;min-height:320px;display:grid;overflow:hidden}html[data-design-theme=style-guide] .screen-dashboard-panel{background:var(--surface,#fff);padding:16px}html[data-design-theme=style-guide] .screen-dashboard-panel--output{background:var(--black,#0a0a0a)}html[data-design-theme=style-guide] .screen-dashboard-panel .typography-label{border-bottom:1px solid var(--gray-200,#e0e0e0);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;padding-bottom:8px;font-size:10px;font-weight:700}html[data-design-theme=style-guide] .screen-dashboard-panel--output .typography-label{color:var(--gray-400,#888);border-bottom-color:var(--gray-700,#333)}html[data-design-theme=style-guide] .screen-dashboard-story{font-family:var(--font-sans);color:var(--text-muted,#666);border-radius:0;align-items:center;gap:8px;margin-bottom:2px;padding:8px;font-size:12px;display:flex}html[data-design-theme=style-guide] .screen-dashboard-story.active{background:var(--yellow,#ffe600);border-left:3px solid var(--red,#e63329);color:var(--black,#0a0a0a);font-weight:700}html[data-design-theme=style-guide] .screen-dashboard-story.done{color:var(--gray-300,#ccc);text-decoration:line-through}html[data-design-theme=style-guide] .screen-dashboard-ts{color:var(--gray-500,#888);font-family:var(--font-mono);margin-right:8px}html[data-design-theme=style-guide] .screen-dashboard-line-active{color:var(--yellow,#ffe600)}html[data-design-theme=style-guide] .screen-dashboard-criteria{font-family:var(--font-sans);color:var(--text-muted,#666);border-bottom:1px solid var(--gray-200,#e0e0e0);padding:6px 0;font-size:12px}html[data-design-theme=style-guide] .screen-dashboard-criteria:last-child{border-bottom:none}html[data-design-theme=style-guide] .screen-dashboard-criteria.done:before{content:"✓ ";color:var(--blue,#0057b8);font-weight:700}html[data-design-theme=style-guide] .screen-dashboard-criteria.pending:before{content:"□ ";color:var(--gray-300,#ccc)}@media (max-width:640px){html[data-design-theme=style-guide] .screen-features,html[data-design-theme=style-guide] .settings-layout{grid-template-columns:1fr}html[data-design-theme=style-guide] .screen-sidebar{flex-flow:wrap;gap:6px}html[data-design-theme=style-guide] .screen-nav-links{display:none}}html[data-design-theme=style-guide] .code-inline{font-family:var(--font-mono);background:var(--code-bg);color:var(--code-text);border:1px solid var(--code-border);border-radius:var(--radius);padding:.1em .35em;font-size:.875em}html[data-design-theme=style-guide] .code-window{border:1px solid var(--code-border);border-radius:var(--radius);overflow:hidden}html[data-design-theme=style-guide] .code-title-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--code-title-bar-bg,var(--code-bg));display:flex}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .code-title-bar{background:var(--code-title-bar-bg,color-mix(in srgb,var(--code-bg) 85%,var(--black)))}}html[data-design-theme=style-guide] .code-title-bar{border-bottom:1px solid var(--code-border)}html[data-design-theme=style-guide] .code-title-bar-dots{gap:var(--space-half);display:flex}html[data-design-theme=style-guide] .code-title-bar-dots span{width:var(--font-size-2xs);height:var(--font-size-2xs);border-radius:var(--radius-circle);background:var(--code-border);display:inline-block}html[data-design-theme=style-guide] .code-title-bar-filename{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--code-comment)}html[data-design-theme=style-guide] .code-block{padding:var(--space-3);background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);tab-size:2;margin:0;overflow-x:auto}html[data-design-theme=style-guide] .code-block-lined{padding:var(--space-2) 0}html[data-design-theme=style-guide] .code-line{align-items:baseline;gap:var(--space-2);padding:0 var(--space-3);min-height:1.5em;display:flex}html[data-design-theme=style-guide] .code-line:hover{background:var(--code-line-number)}@supports (color:color-mix(in lab,red,red)){html[data-design-theme=style-guide] .code-line:hover{background:color-mix(in srgb,var(--code-line-number) 6%,transparent)}}html[data-design-theme=style-guide] .code-line-number{min-width:var(--space-3);text-align:right;color:var(--code-line-number);font-size:var(--font-size-xs);-webkit-user-select:none;user-select:none;flex-shrink:0}html[data-design-theme=style-guide] .code-line-content{flex:1}html[data-design-theme=style-guide] .terminal-window{border:1px solid var(--terminal-border);border-radius:var(--radius);font-family:var(--font-mono);overflow:hidden}html[data-design-theme=style-guide] .terminal-title-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--terminal-title-bar-bg);border-bottom:1px solid var(--terminal-border);display:flex}html[data-design-theme=style-guide] .terminal-dots{gap:var(--space-half);align-items:center;display:flex}html[data-design-theme=style-guide] .terminal-dot{width:var(--font-size-2xs);height:var(--font-size-2xs);border-radius:var(--radius-circle);display:inline-block}html[data-design-theme=style-guide] .terminal-dot-close{background:var(--screen-dot-close,#ff5f56)}html[data-design-theme=style-guide] .terminal-dot-minimize{background:var(--screen-dot-minimize,#ffbd2e)}html[data-design-theme=style-guide] .terminal-dot-maximize{background:var(--screen-dot-maximize,#27c93f)}html[data-design-theme=style-guide] .terminal-title{font-size:var(--font-size-xs);color:var(--terminal-output);opacity:.6}html[data-design-theme=style-guide] .terminal-body{padding:var(--space-2) var(--space-3);background:var(--terminal-bg);flex-direction:column;gap:1px;display:flex}html[data-design-theme=style-guide] .terminal-row{align-items:baseline;gap:var(--space-1);padding:var(--space-half) 0;line-height:var(--line-height-compact);display:flex}html[data-design-theme=style-guide] .terminal-prompt{color:var(--terminal-prompt);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;flex-shrink:0}html[data-design-theme=style-guide] .terminal-command{color:var(--terminal-command);font-size:var(--font-size-sm)}html[data-design-theme=style-guide] .terminal-output{color:var(--terminal-output);font-size:var(--font-size-sm);padding:1px 0 1px var(--space-2);line-height:var(--line-height-relaxed)}html[data-design-theme=style-guide] .terminal-success{color:var(--terminal-success)}html[data-design-theme=style-guide] .terminal-error{color:var(--terminal-error)}html[data-design-theme=style-guide] .terminal-warning{color:var(--terminal-warning)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--base-font-family);color:var(--base-font-color);background:var(--base-background);line-height:var(--base-line-height)}html[data-design-theme=style-guide] ::selection{background:var(--yellow);color:var(--black)}[data-design-theme=style-guide]{font-variant-ligatures:none}.search-hidden{display:none!important}.sg-default-collapse{cursor:pointer;max-height:var(--collapse-section-height,128px);position:relative;overflow:hidden}.sg-default-collapse-fade{pointer-events:none;right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);height:var(--collapse-section-height,128px);background:linear-gradient(to bottom,transparent,var(--surface));position:absolute}.sg-subsection-collapse{cursor:pointer;max-height:var(--collapse-subsection-height,64px);position:relative;overflow:hidden}.sg-subsection-collapse-fade{pointer-events:none;right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);height:var(--collapse-subsection-height,64px);background:linear-gradient(to bottom,transparent,var(--surface));position:absolute}details summary::-webkit-details-marker{display:none}details[open]>summary .indicator-chevron{transform:rotate(90deg)}.subsection-anchor{transition:opacity .15s}.sg-subsection-wrapper:first-child>.sg-subsection-hr{display:none}.subsection-anchor:hover{opacity:1!important}.font-entry{margin-bottom:var(--space-4);gap:var(--space-3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-border);padding-bottom:var(--space-4);flex-direction:column;display:flex}@container (min-width:640px){.font-entry{grid-template-columns:220px 1fr;align-items:start;display:grid}.font-entry-colors{grid-column:1/-1}}.font-entry-meta{gap:var(--space-half);flex-direction:column;display:flex}.font-entry-name{font-size:var(--font-size-sm);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-entry-var{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.font-entry-desc{font-size:var(--font-size-sm);--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--color-text-secondary)}.font-entry-detail{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.font-entry-specimen{overflow:hidden}.font-entry-heading{margin-bottom:var(--space-1);text-overflow:ellipsis;font-size:var(--font-size-2xl);--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);overflow:hidden}.font-entry-heading,.font-entry-weight{white-space:nowrap;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.font-entry-weight{margin-bottom:1px}.font-entry-weight-label{margin-left:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.font-entry-specimen-bg{border-radius:var(--radius);padding:var(--space-3);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.font-entry-swatches{margin-top:var(--space-2);gap:var(--space-1);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-border);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.font-entry-swatch{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--radius);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border:2px solid var(--border)}.font-entry-swatch.active{border-color:var(--text);transform:scale(1.1)}.font-entry-swatch-label{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.sg-layout-bar-option-active{color:var(--text-inverse)!important;background:var(--text-inverse)!important}@supports (color:color-mix(in lab,red,red)){.sg-layout-bar-option-active{background:color-mix(in srgb,var(--text-inverse) 15%,transparent)!important}}.breakpoint-rulers{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:visible}.breakpoint-ruler{opacity:.6;width:1px;height:100vh;position:fixed;top:0}.breakpoint-ruler-label{font-family:var(--font-mono);border-radius:var(--radius);white-space:nowrap;color:var(--white);padding:1px 4px;font-size:9px;font-weight:600;position:absolute;bottom:10vh;left:4px}.breakpoint-ruler[data-bp="0"]{background:var(--black);width:2px;left:0}.breakpoint-ruler[data-bp="0"] .breakpoint-ruler-label{background:var(--black)}.breakpoint-ruler[data-bp=xs]{background:var(--brand-red);left:480px}.breakpoint-ruler[data-bp=xs] .breakpoint-ruler-label{background:var(--brand-red)}.breakpoint-ruler[data-bp=sm]{background:var(--brand-blue);left:640px}.breakpoint-ruler[data-bp=sm] .breakpoint-ruler-label{background:var(--brand-blue)}.breakpoint-ruler[data-bp=md]{background:var(--amber);left:768px}.breakpoint-ruler[data-bp=md] .breakpoint-ruler-label{background:var(--amber);color:var(--black)}.breakpoint-ruler[data-bp=lg]{background:var(--success);left:1024px}.breakpoint-ruler[data-bp=lg] .breakpoint-ruler-label{background:var(--success)}.breakpoint-ruler[data-bp=xl]{background:var(--violet);left:1280px}.breakpoint-ruler[data-bp=xl] .breakpoint-ruler-label{background:var(--violet)}.breakpoint-ruler[data-bp="2xl"]{background:var(--pink);left:1536px}.breakpoint-ruler[data-bp="2xl"] .breakpoint-ruler-label{background:var(--pink)}.container-breakpoint-rulers{pointer-events:none;z-index:199;position:absolute;inset:0;overflow:visible}.container-bp-ruler{opacity:.6;width:1px;position:absolute;top:0;bottom:0}.container-bp-label{font-family:var(--font-mono);border-radius:var(--radius);white-space:nowrap;color:var(--white);margin-left:4px;padding:1px 4px;font-size:9px;font-weight:600;display:block;position:sticky;top:10vh}.container-bp-ruler[data-bp="0"]{border-left:2px solid var(--black)}.container-bp-ruler[data-bp="0"] .container-bp-label{background:var(--black)}.container-bp-ruler[data-bp=xs]{border-left:1px dashed var(--brand-red)}.container-bp-ruler[data-bp=xs] .container-bp-label{background:var(--brand-red)}.container-bp-ruler[data-bp=sm]{border-left:1px dashed var(--brand-blue)}.container-bp-ruler[data-bp=sm] .container-bp-label{background:var(--brand-blue)}.container-bp-ruler[data-bp=md]{border-left:1px dashed var(--amber)}.container-bp-ruler[data-bp=md] .container-bp-label{background:var(--amber);color:var(--black)}.container-bp-ruler[data-bp=lg]{border-left:1px dashed var(--success)}.container-bp-ruler[data-bp=lg] .container-bp-label{background:var(--success)}.container-bp-ruler[data-bp=xl]{border-left:1px dashed var(--violet)}.container-bp-ruler[data-bp=xl] .container-bp-label{background:var(--violet)}.container-bp-ruler[data-bp="2xl"]{border-left:1px dashed var(--pink)}.container-bp-ruler[data-bp="2xl"] .container-bp-label{background:var(--pink)}.sg-navbar{z-index:50;background:var(--surface,#fff);border-bottom:1px solid var(--border,#e5e7eb);position:sticky;top:0}.sg-navbar__inner{max-width:80rem;padding:var(--space-3,.75rem) var(--space-4,1rem);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.sg-navbar__brand{font-weight:700;font-size:var(--font-size-lg,1.125rem);color:inherit;text-decoration:none}.sg-navbar__links{align-items:center;gap:var(--space-3,.75rem);flex-wrap:wrap;justify-content:flex-end;display:flex}.sg-navbar__user{color:var(--text-muted,#4b5563)}.sg-btn,.sg-navbar__user{font-size:var(--font-size-sm,.875rem)}.sg-btn{padding:var(--space-2,.5rem) var(--space-4,1rem);border-radius:var(--radius,.25rem);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.sg-btn:hover{opacity:.85}.sg-btn--black{background:var(--gray-900,#111);color:#fff}.sg-btn--outline{color:var(--gray-900,#111);border-color:var(--gray-300,#d1d5db);background:0 0}.sg-btn--sm{padding:var(--space-1,.25rem) var(--space-3,.75rem);font-size:var(--font-size-xs,.75rem)}.cookie-consent{z-index:80;padding:var(--space-3,.75rem);background:var(--surface,#fff);inset-inline:0;position:fixed;bottom:0}@supports (color:color-mix(in lab,red,red)){.cookie-consent{background:color-mix(in srgb,var(--surface,#fff) 94%,transparent)}}.cookie-consent{border-top:1px solid var(--border,#e5e7eb);box-shadow:0 -14px 40px var(--shadow-color,#000)}@supports (color:color-mix(in lab,red,red)){.cookie-consent{box-shadow:0 -14px 40px color-mix(in srgb,var(--shadow-color,#000) 14%,transparent)}}.cookie-consent__content{gap:var(--space-4,1rem);grid-template-columns:minmax(16rem,1fr) minmax(18rem,1.25fr);align-items:start;width:min(72rem,100%);max-height:min(80dvh,42rem);margin:0 auto;display:grid;overflow:auto}.cookie-consent__intro{gap:var(--space-2,.5rem);flex-direction:column;display:flex}.cookie-consent__title{font-size:var(--font-size-lg,1.125rem);color:var(--text,#111827);margin:0;font-weight:700}.cookie-consent__category-copy,.cookie-consent__copy{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#374151);margin:0;line-height:1.5}.cookie-consent__categories{gap:var(--space-2,.5rem);display:grid}.cookie-consent__category{justify-content:space-between;align-items:center;gap:var(--space-3,.75rem);padding:var(--space-2,.5rem);border:1px solid var(--border,#e5e7eb);border-radius:var(--radius,.25rem);background:var(--surface,#fff);display:flex}.cookie-consent__category-title{font-size:var(--font-size-sm,.875rem);color:var(--text,#111827);margin-bottom:.125rem;font-weight:700;display:block}.cookie-consent__category input{width:1.125rem;height:1.125rem;accent-color:var(--brand-blue,#0047ab);flex:none}.cookie-consent__actions{justify-content:flex-end;gap:var(--space-2,.5rem);flex-wrap:wrap;grid-column:1/-1;display:flex}@media (max-width:760px){.cookie-consent__content{grid-template-columns:1fr}.cookie-consent__actions{justify-content:stretch}.cookie-consent__actions .sg-btn{flex:10rem}}.sg-field{margin-bottom:var(--space-4,1rem)}.sg-field label{font-size:var(--font-size-sm,.875rem);margin-bottom:var(--space-1,.25rem);color:var(--text-secondary,#374151);font-weight:500;display:block}.sg-field input{width:100%;padding:var(--space-2,.5rem) var(--space-3,.75rem);border:1px solid var(--border,#d1d5db);border-radius:var(--radius,.25rem);font-size:var(--font-size-base,1rem)}.sg-field input:focus{outline:2px solid var(--brand-blue,#0047ab);outline-offset:-1px}.sg-error{color:var(--error,#dc2626);font-size:var(--font-size-sm,.875rem);margin-bottom:var(--space-3,.75rem)}.content{min-height:100dvh}.content,.sg-subsection-wrapper{container-type:inline-size}.sg-page-title{font-size:var(--font-size-display);margin-bottom:var(--space-4);font-weight:700}.sg-page-intro{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:65ch;margin-bottom:var(--space-6)}.sg-page-cta,.sg-page-meta{margin-bottom:var(--space-8)}.sg-page-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm)}.sg-section-heading{font-size:var(--font-size-xl);margin-bottom:var(--space-4);font-weight:600}.sg-sitemap-section{margin-bottom:var(--space-8)}.sg-sitemap-group{margin-bottom:var(--space-6)}.sg-sitemap-group-title{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600}.sg-sitemap-list{margin:0;padding:0;list-style:none}.sg-sitemap-item{padding:var(--space-2) var(--space-3);border-left:2px solid var(--border);margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--font-size-sm)}.sg-sitemap-item--active{border-left-color:var(--brand-blue,#0047ab)}.sg-sitemap-item-id{color:var(--text-muted);margin-left:var(--space-2)}.sg-sitemap-item-badge{color:var(--brand-blue,#0047ab);margin-left:var(--space-2)}pre.mermaid{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);overflow:auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-tracking{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-ease{syntax:"*";inherits:false}