@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";@layer el-props,el-components;@layer el-theme{*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--f-density:1;--f-contrast:.6;--f-radius:1;--_g-layer-1:clamp(2%,calc(4%*var(--f-contrast)),8%);--_g-muted:clamp(56%,calc(58% + (var(--f-contrast) - 1)*8%),70%);--g-unit:calc(.25rem*var(--f-density));--g-row-sm:calc(var(--g-unit)*6);--g-row-md:calc(var(--g-unit)*8);--g-row-lg:calc(var(--g-unit)*10);--g-line-sm:calc(var(--g-unit)*4);--g-line-md:calc(var(--g-unit)*5);--g-line-lg:calc(var(--g-unit)*6);--g-icon-size:calc(var(--g-unit)*5);--g-space-0_5:calc(var(--g-unit)*.5);--g-space-1:calc(var(--g-unit)*1);--g-space-2:calc(var(--g-unit)*2);--g-space-3:calc(var(--g-unit)*3);--g-space-4:calc(var(--g-unit)*4);--g-space-6:calc(var(--g-unit)*6);--g-font-unit:calc(.125rem*var(--f-density));--g-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";--g-font-sm:calc(var(--g-font-unit)*6) /var(--g-line-sm) var(--g-font-sans);--g-font-md:calc(var(--g-font-unit)*7) /var(--g-line-md) var(--g-font-sans);--g-font-lg:calc(var(--g-font-unit)*8) /var(--g-line-lg) var(--g-font-sans);--g-border-width:1px;--g-ring-offset-width:2px;--g-disabled-opacity:.5;--g-disabled-cursor:not-allowed;--g-snow:oklch(100% 0 0);--g-bg:var(--lightningcss-light,oklch(97.02% 0 0))var(--lightningcss-dark,oklch(from var(--accent) .12 .005 h));--g-fg:var(--lightningcss-light,oklch(from var(--accent) clamp(.1,calc(.274 + max(0, .6 - var(--f-contrast))*1.38 - max(0, var(--f-contrast) - .6)*.124),.66) .0059 h))var(--lightningcss-dark,oklch(from var(--g-snow) clamp(.47,calc(.91 + max(0, var(--f-contrast) - .6)*.05 - max(0, .6 - var(--f-contrast))*1.76),.99) c h));--g-muted:var(--lightningcss-light,color-mix(in oklab,var(--g-fg) var(--_g-muted),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--g-fg) calc(var(--_g-muted) + 12%),var(--g-bg)));--g-border:var(--lightningcss-light,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(6%,calc(9% + (var(--f-contrast) - .6)*6%),16%)))var(--lightningcss-dark,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(14%,calc(20% + (var(--f-contrast) - .6)*8%),32%)));--g-surface:var(--lightningcss-light,var(--g-snow))var(--lightningcss-dark,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(8%,calc(12% + (var(--f-contrast) - .6)*4%),18%)));--g-surface-2:var(--lightningcss-light,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(2%,calc(3% + (var(--f-contrast) - .6)*2%),7%)))var(--lightningcss-dark,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(12%,calc(17% + (var(--f-contrast) - .6)*4%),24%)));--g-surface-3:var(--lightningcss-light,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(4%,calc(5% + (var(--f-contrast) - .6)*2%),9%)))var(--lightningcss-dark,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(14%,calc(19% + (var(--f-contrast) - .6)*4%),26%)));--g-track:var(--lightningcss-light,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(3%,calc(4% + (var(--f-contrast) - .6)*2%),8%)))var(--lightningcss-dark,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(10%,calc(13% + (var(--f-contrast) - .6)*4%),20%)));--g-focus:var(--a-fg);--accent:oklch(62.04% .195 253.83);--g-accent-danger:oklch(65.32% .2328 25.74);--g-accent-success:oklch(73.29% .1935 150.81);--g-accent-warning:oklch(78.19% .1585 72.33);--g-accent-info:#0284c7}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:where([accent$=danger i],[data-accent$=danger i]){--accent:var(--g-accent-danger)}:where([accent$=success i],[data-accent$=success i]){--accent:var(--g-accent-success)}:where([accent$=warning i],[data-accent$=warning i]){--accent:var(--g-accent-warning)}:where([accent$=info i],[data-accent$=info i]){--accent:var(--g-accent-info)}:where(:root,[accent],[data-accent]){--a:oklch(from var(--accent) clamp(0,calc(l - ((var(--f-contrast,1) - 1) * .08)),1) c h);--a-base:var(--accent);--a-fill:var(--lightningcss-light,var(--a))var(--lightningcss-dark,color-mix(in oklab,var(--a-base),var(--g-bg) clamp(0%,calc(8% + max(0, .6 - var(--f-contrast))*128% - max(0, var(--f-contrast) - .6)*5.7%),50%)));--a-on:oklch(from var(--accent) calc(clamp(0, (l - .699999) * infinity, 1) * clamp(0, calc(.24 - ((var(--f-contrast,1) - 1) * .06)), 1) + (1 - clamp(0, (l - .699999) * infinity, 1)) * .9911) calc(c * .45 * clamp(0, (l - .699999) * infinity, 1)) h);--a-fg:var(--lightningcss-light,oklch(from var(--accent) clamp(0,calc(.424 + (.13 * clamp(0, 1 - (max(h - 95, 95 - h) / 55), 1)) + max(0, .6 - var(--f-contrast)) * .38 - max(0, var(--f-contrast) - .6) * .09),1) calc(c * .85) h))var(--lightningcss-dark,oklch(from var(--accent) calc(clamp(0, (.650001 - l) * infinity, 1) * clamp(0, calc(.736 + max(0, var(--f-contrast) - .6) * .096 - max(0, .6 - var(--f-contrast)) * .384), 1) + (1 - clamp(0, (.650001 - l) * infinity, 1)) * ((.84 * clamp(0, calc(l - .032 + max(0, var(--f-contrast) - .6) * .118 - max(0, .6 - var(--f-contrast)) * .388), 1)) + .158576)) calc(((clamp(0, (.650001 - l) * infinity, 1) * .72) + ((1 - clamp(0, (.650001 - l) * infinity, 1)) * .84)) * c) h));--a-soft-fg:var(--lightningcss-light,oklch(from var(--accent) clamp(.5,calc(min(l, .65) + .06 + max(0, .6 - var(--f-contrast))*.3 - max(0, var(--f-contrast) - .6)*.1),.85) c h))var(--lightningcss-dark,color-mix(in oklab,var(--a-fg) 70%,var(--g-snow)));--a-softer-fg:var(--lightningcss-light,oklch(from var(--accent) clamp(.55,calc(min(l, .65) + .11 + max(0, .6 - var(--f-contrast))*.3 - max(0, var(--f-contrast) - .6)*.1),.9) c h))var(--lightningcss-dark,color-mix(in oklab,var(--a-fg) 70%,var(--g-snow)));--a-stroke:var(--a-fg);--a-soft-stroke:var(--lightningcss-light,oklch(from var(--accent) min(l,.65) c h))var(--lightningcss-dark,color-mix(in oklab,var(--a-stroke) 58%,var(--g-snow)));--a-soft-bg:var(--lightningcss-light,oklch(from var(--accent) clamp(.895,calc(.925 - (var(--f-contrast) - .6)*.025),.94) min(c,.032) h))var(--lightningcss-dark,oklch(from var(--accent) clamp(.26,calc(.3 + (var(--f-contrast) - .6)*.04),.4) min(c,.05) h));--a-soft-bg-hover:var(--lightningcss-light,oklch(from var(--accent) clamp(.86,calc(.89 - (var(--f-contrast) - .6)*.025),.905) min(c,.038) h))var(--lightningcss-dark,oklch(from var(--accent) clamp(.31,calc(.35 + (var(--f-contrast) - .6)*.04),.45) min(c,.056) h));--a-softer-bg:var(--lightningcss-light,oklch(from var(--accent) clamp(.84,calc(.88 - (var(--f-contrast) - .6)*.05),.9) min(c,.1) h/.33))var(--lightningcss-dark,oklch(from var(--accent) clamp(.36,calc(.42 + (var(--f-contrast) - .6)*.06),.52) min(c,.12) h/.5));--a-softer-bg-hover:var(--lightningcss-light,oklch(from var(--accent) clamp(.82,calc(.86 - (var(--f-contrast) - .6)*.05),.88) min(c,.11) h/.42))var(--lightningcss-dark,oklch(from var(--accent) clamp(.42,calc(.5 + (var(--f-contrast) - .6)*.06),.6) min(c,.13) h/.6))}:where([accent=neutral i],[data-accent=neutral i]){--a:var(--g-fg);--a-base:var(--g-fg);--a-fill:var(--g-surface);--a-on:var(--g-fg);--a-fg:var(--g-fg);--a-soft-fg:var(--g-fg);--a-softer-fg:var(--g-fg);--a-soft-stroke:var(--lightningcss-light,color-mix(in oklab,var(--a-stroke) 72%,var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--a-stroke) 72%,var(--g-bg)));--a-stroke:var(--lightningcss-light,color-mix(in oklab,var(--g-fg) clamp(14%,calc(12% + 20%*var(--f-contrast,1)),42%),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--g-fg) clamp(16%,calc(10% + 24%*var(--f-contrast,1)),54%),var(--g-bg)));--a-soft-bg:var(--g-surface-2);--a-soft-bg-hover:color-mix(in oklab,var(--g-surface-2),var(--g-fg) 6%);--a-softer-bg:var(--g-surface-3);--a-softer-bg-hover:color-mix(in oklab,var(--g-surface-3),var(--g-fg) 6%)}:root,[data-mode=light]{--g-inverse-scheme:dark}[data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--g-inverse-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-mode]){--g-inverse-scheme:light}}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip){--p-bg:var(--a-fill);--p-on-bg:var(--a-on);--p-bg-hover-mix:clamp(84%,calc(100% - 10%*var(--f-contrast)),94%);--p-bg-hover:color-mix(in oklab,var(--p-bg) var(--p-bg-hover-mix),var(--g-fg) calc(100% - var(--p-bg-hover-mix)));--p-ghost-bg-hover:var(--lightningcss-light,color-mix(in oklab,var(--a) clamp(2%,calc(2% + 5%*var(--f-contrast)),12%),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--a) clamp(14%,calc(14% + 17%*var(--f-contrast)),48%),var(--g-bg)));--p-soft-bg:var(--a-soft-bg);--p-soft-bg-hover:var(--a-soft-bg-hover);--p-soft-fg:var(--a-soft-fg);--p-softer-fg:var(--a-softer-fg);--p-softer-bg:var(--a-softer-bg);--p-softer-bg-hover:var(--a-softer-bg-hover);--p-layer-bg:var(--lightningcss-light,color-mix(in oklab,var(--g-bg) calc(100% - var(--_g-layer-1)),var(--g-fg) var(--_g-layer-1)))var(--lightningcss-dark,color-mix(in oklab,var(--g-fg) clamp(10%,calc(14%*var(--f-contrast)),22%),var(--g-bg)));--p-fg:var(--a-fg);--p-muted-fg:var(--g-muted);--p-link-seed:oklch(from var(--a) min(l,calc(.65 - (.1 * clamp(0, 1 - (max(h - 95, 95 - h) / 55), 1)))) c h);--p-link-fg:var(--lightningcss-light,color-mix(in oklab,var(--p-link-seed) clamp(55%,calc(96% + max(0, .6 - var(--f-contrast))*4% - max(0, var(--f-contrast) - .6)*46%),100%),var(--p-fg)))var(--lightningcss-dark,color-mix(in oklab,var(--p-fg) clamp(55%,calc(72% - max(0, .6 - var(--f-contrast))*40% + max(0, var(--f-contrast) - .6)*5%),82%),var(--a-base)));--p-link-soft-fg:var(--lightningcss-light,var(--p-link-seed))var(--lightningcss-dark,color-mix(in oklab,var(--p-link-fg) 72%,var(--g-snow)));--p-divider:color-mix(in oklab,var(--p-fg) 12%,var(--g-bg));--p-stroke:var(--a-stroke);--p-surface:var(--g-surface);--p-track:var(--g-track);--p-shadow:0 2px 4px var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#0006),0 1px 2px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#0000004d),0 0 1px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#0000004d);--p-row:var(--g-row-md);--p-font:500 var(--g-font-md);--p-body-font:400 var(--g-font-md);--p-icon:calc(var(--g-unit)*4.5);--p-pad-inline:calc(var(--g-space-3) + var(--g-space-0_5));--p-rest-bg:transparent;--p-rest-fg:var(--p-link-fg);--p-rest-shadow:none;--p-hover-bg:var(--p-ghost-bg-hover);--p-active-bg:var(--p-ghost-bg-hover)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[size=sm]{--p-row:var(--g-row-sm);--p-font:500 var(--g-font-sm);--p-body-font:400 var(--g-font-sm);--p-icon:calc(var(--g-unit)*3.5);--p-pad-inline:calc(var(--g-space-2) + var(--g-space-0_5))}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[size=lg]{--p-row:var(--g-row-lg);--p-font:500 var(--g-font-lg);--p-body-font:400 var(--g-font-lg);--p-icon:calc(var(--g-unit)*5);--p-pad-inline:var(--g-space-4)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[raised]{--p-rest-shadow:var(--p-shadow)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[filled]{--p-stroke:color-mix(in oklab,var(--p-rest-bg),var(--g-fg) 10%)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[stroked]:not([filled]):not([soft]){--p-ghost-bg-hover:color-mix(in oklab,var(--p-layer-bg) 60%,var(--g-bg))}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[soft]{--p-rest-fg:var(--p-soft-fg)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[soft]:not([filled]){--p-hover-bg:var(--p-soft-bg);--p-active-bg:var(--p-soft-bg-hover)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[underlined][soft]:not([filled]):not([stroked]){--p-rest-fg:var(--p-link-soft-fg)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[filled]:not([soft]):not([softer]){--p-rest-bg:var(--p-bg);--p-rest-fg:var(--p-on-bg);--p-hover-bg:var(--p-bg-hover);--p-active-bg:var(--p-bg-hover)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[filled][soft]{--p-rest-bg:var(--p-soft-bg);--p-rest-fg:var(--p-soft-fg);--p-hover-bg:var(--p-soft-bg-hover);--p-active-bg:var(--p-soft-bg-hover)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[softer]{--p-rest-fg:var(--p-softer-fg)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[softer]:not([filled]){--p-hover-bg:var(--p-softer-bg);--p-active-bg:var(--p-softer-bg-hover)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[filled][softer]{--p-rest-bg:var(--p-softer-bg);--p-rest-fg:var(--p-softer-fg);--p-hover-bg:var(--p-softer-bg-hover);--p-active-bg:var(--p-softer-bg-hover)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip) [part~=trigger]{--l-color:var(--p-rest-fg)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip) [part~=surface]{--l-bg:var(--p-rest-bg)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip) [part~=control][part~=surface]:hover{--l-bg:var(--p-hover-bg)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip) [part~=control][part~=surface]:active{--l-bg:var(--p-active-bg)}:where(el-accordion,el-avatar,el-badge,el-banner,el-breadcrumbs,el-button,el-card,el-carousel,el-checkbox,el-dialog,el-input,el-menu,el-navbar,el-popover,el-progress,el-radio,el-select,el-sidenav,el-slider,el-stepper,el-subnav,el-switch,el-tabs,el-textarea,el-toast,el-tooltip)[inverse]{color-scheme:var(--g-inverse-scheme)}:where(el-tabs){--p-sel-bg:var(--p-layer-bg);--p-sel-fg:var(--p-fg)}:where(el-tabs)[track]{--p-sel-bg:var(--lightningcss-light,var(--g-snow))var(--lightningcss-dark,color-mix(in oklab,var(--g-bg),var(--g-fg) clamp(18%,calc(24% + (var(--f-contrast) - .6)*6%),34%)))}:where(el-tabs)[soft]{--p-sel-fg:var(--p-soft-fg)}:where(el-tabs)[filled]:not([soft]):not([softer]){--p-sel-bg:var(--p-bg);--p-sel-fg:var(--p-on-bg)}:where(el-tabs)[filled][soft]{--p-sel-bg:var(--p-soft-bg);--p-sel-fg:var(--p-soft-fg)}:where(el-tabs)[softer]{--p-sel-fg:var(--p-softer-fg)}:where(el-tabs)[filled][softer]{--p-sel-bg:var(--p-softer-bg);--p-sel-fg:var(--p-softer-fg)}.el-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[el-prose]{color:var(--g-fg);font:400 calc(1rem*var(--f-density)) /1.6 var(--g-font-sans)}[el-prose] :is(h1,h2,h3,h4,h5,h6){margin-block:calc(var(--g-unit)*6) calc(var(--g-unit)*3);font-weight:700;line-height:1.2}[el-prose] h1{font-size:2.25em}[el-prose] h2{font-size:1.75em}[el-prose] h3{font-size:1.4em}[el-prose] h4{font-size:1.15em;font-weight:600}[el-prose] h5{font-size:1em;font-weight:600}[el-prose] h6{color:var(--g-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85em;font-weight:600}[el-prose] :is(p,ul,ol){margin-block:calc(var(--g-unit)*3)}[el-prose] :is(ul,ol){padding-inline-start:calc(var(--g-unit)*5)}[el-prose] li{margin-block:calc(var(--g-unit)*1)}[el-prose] li::marker{color:var(--g-muted)}[el-prose] a{color:var(--a-fg);text-underline-offset:.15em;text-decoration:underline}[el-prose] a:hover{text-underline-offset:.2em;text-decoration-thickness:2px}[el-prose] blockquote{border-inline-start:3px solid var(--a-fg);color:var(--g-muted);margin-inline:0;padding-inline-start:var(--g-space-3)}[el-prose] code{padding:.1em .35em;font-family:ui-monospace,monospace;font-size:.9em}[el-prose] code,[el-prose] pre{background:var(--g-surface-2);border-radius:calc(var(--g-unit)*var(--f-radius))}[el-prose] pre{padding:var(--g-space-3);overflow-x:auto}[el-prose] pre code{background:0 0;border-radius:0;padding:0;font-size:1em}[el-prose] kbd{background:var(--g-surface);border:var(--g-border-width) solid var(--g-border);border-radius:calc(var(--g-unit)*var(--f-radius));border-block-end-width:2px;padding:.1em .4em;font-size:.85em}[el-prose] hr{border:0;border-block-start:var(--g-border-width) solid var(--g-border);margin-block:var(--g-space-6)}[el-prose] small{color:var(--g-muted);font-size:.85em}el-accordion{--acc-gap:var(--g-space-2);--acc-divider-inset:var(--g-space-4);--acc-divider-color:var(--p-divider);--acc-inner-row:var(--p-row);--acc-header-pad-block:var(--g-space-1);--acc-header-row:calc(var(--acc-inner-row) + var(--acc-header-pad-block)*2);--acc-container-radius:calc(var(--acc-header-row)*var(--f-radius)*.5);--acc-content-fg:var(--p-muted-fg);--acc-quiet-l:60%;--acc-quiet-d:70%;--acc-quiet-ghost-l:40%;--acc-quiet-ghost-d:55%;--acc-hover-bg:var(--lightningcss-light,color-mix(in oklab,var(--p-ghost-bg-hover) var(--acc-quiet-l),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--p-ghost-bg-hover) var(--acc-quiet-d),var(--g-bg)));--acc-hover-bg-active:var(--lightningcss-light,color-mix(in oklab,var(--p-ghost-bg-hover) calc(var(--acc-quiet-l) + 14%),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--p-ghost-bg-hover) calc(var(--acc-quiet-d) + 14%),var(--g-bg)));--acc-soft-bg:var(--lightningcss-light,color-mix(in oklab,var(--a-soft-bg) var(--acc-quiet-l),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--a-soft-bg) var(--acc-quiet-d),var(--g-bg)));--acc-soft-bg-hover:var(--lightningcss-light,color-mix(in oklab,var(--a-soft-bg-hover) var(--acc-quiet-l),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--a-soft-bg-hover) var(--acc-quiet-d),var(--g-bg)));--acc-soft-bg-active:var(--lightningcss-light,color-mix(in oklab,var(--a-soft-bg-hover) calc(var(--acc-quiet-l) + 10%),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--a-soft-bg-hover) calc(var(--acc-quiet-d) + 10%),var(--g-bg)));--acc-soft-ghost-bg-hover:var(--lightningcss-light,color-mix(in oklab,var(--a-soft-bg) var(--acc-quiet-ghost-l),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--a-soft-bg) var(--acc-quiet-ghost-d),var(--g-bg)));--acc-soft-ghost-bg-active:var(--lightningcss-light,color-mix(in oklab,var(--a-soft-bg-hover) var(--acc-quiet-ghost-l),var(--g-bg)))var(--lightningcss-dark,color-mix(in oklab,var(--a-soft-bg-hover) var(--acc-quiet-ghost-d),var(--g-bg)));--acc-softer-bg:var(--a-softer-bg);--acc-softer-bg-hover:var(--a-softer-bg-hover);--acc-softer-bg-active:var(--a-softer-bg-hover);--acc-softer-ghost-bg-hover:var(--a-softer-bg);--acc-softer-ghost-bg-active:var(--a-softer-bg-hover);inline-size:100%;display:block}el-accordion:not([filled]){--p-hover-bg:var(--acc-hover-bg);--p-active-bg:var(--acc-hover-bg-active)}el-accordion[soft]:not([filled]){--p-hover-bg:var(--acc-soft-ghost-bg-hover);--p-active-bg:var(--acc-soft-ghost-bg-active)}el-accordion[softer]:not([filled]){--p-hover-bg:var(--acc-softer-ghost-bg-hover);--p-active-bg:var(--acc-softer-ghost-bg-active)}el-accordion [part~=item]{--l-bg:transparent;--l-border:none;--l-radius:0;--l-shadow:none;--l-m:0;--l-p:0;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;position:relative}el-accordion [part~=header]{--acc-row:var(--acc-header-row);--l-font:var(--p-font);--acc-icon-size:var(--p-icon);--l-p:var(--acc-header-pad-block) var(--p-pad-inline);cursor:pointer;transition:background-color .15s,color .15s,opacity .15s}el-accordion [part~=item]:not([open]) [part~=trigger]:hover{--l-bg:var(--p-hover-bg)}el-accordion [part~=header]:focus-visible{--l-shadow:inset 0 0 0 2px var(--g-focus);--l-outline:none}el-accordion [part~=content]{--l-font:var(--p-body-font);--l-color:var(--acc-content-fg);--l-p:0 var(--p-pad-inline) var(--p-pad-inline)}el-accordion[aria-disabled=true],el-accordion [part~=item][aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity));pointer-events:none}el-accordion[stroked]:not([guttered]){--l-border:var(--g-border-width) solid var(--p-stroke);--l-radius:var(--acc-container-radius);overflow:hidden}el-accordion[stroked][guttered] [part~=item]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-accordion[divided] [part~=item]:not(:last-of-type):after{background:var(--acc-divider-color);block-size:var(--g-border-width);content:"";position:absolute;inset-block-end:0;inset-inline:0}:is(el-accordion[filled],el-accordion[soft],el-accordion[softer],el-accordion[stroked]) [part~=item]:not(:last-of-type):after{inset-inline:var(--acc-divider-inset)}el-accordion[filled]:not([soft]){--acc-content-fg:color-mix(in oklab,var(--p-on-bg) 92%,var(--p-bg))}el-accordion[filled]:not([guttered]){--l-bg:var(--p-bg);--acc-divider-color:color-mix(in oklab,var(--p-on-bg) 16%,var(--p-bg));--l-radius:var(--acc-container-radius);overflow:hidden}el-accordion[filled]:not([guttered]) [part~=item]{--l-bg:transparent}el-accordion[filled][inverse]:not([soft]){--acc-content-fg:color-mix(in oklab,var(--p-on-bg) 68%,var(--p-bg))}el-accordion[filled][inverse]:not([soft]):not([guttered]){--acc-divider-color:color-mix(in oklab,var(--p-on-bg) 10%,var(--p-bg))}el-accordion:is([soft],[softer]):not([filled]):not([guttered]){--l-radius:var(--acc-container-radius);overflow:hidden}el-accordion:is([soft],[softer]):not([filled]) [part~=item]{--l-bg:transparent}el-accordion[filled][soft]{--p-soft-bg:var(--acc-soft-bg);--p-soft-bg-hover:var(--acc-soft-bg-hover);--p-active-bg:var(--acc-soft-bg-active);--acc-content-fg:var(--lightningcss-light,color-mix(in oklab,var(--p-soft-fg) 86%,var(--g-fg)))var(--lightningcss-dark,color-mix(in oklab,var(--p-soft-fg) 74%,var(--p-soft-bg)))}el-accordion[filled][softer]{--p-softer-bg:var(--acc-softer-bg);--p-softer-bg-hover:var(--acc-softer-bg-hover);--p-active-bg:var(--acc-softer-bg-active);--acc-content-fg:color-mix(in oklab,var(--p-soft-fg) 86%,var(--g-fg))}el-accordion[filled][soft]:not([guttered]){--l-bg:var(--p-soft-bg);--acc-divider-color:color-mix(in oklab,var(--p-soft-fg) 8%,var(--p-soft-bg))}el-accordion[filled][softer]:not([guttered]){--l-bg:var(--acc-softer-bg);--acc-divider-color:color-mix(in oklab,var(--p-soft-fg) 12%,transparent)}el-accordion:is([filled][soft],[filled][softer]):not([guttered]) [part~=item]{--l-bg:transparent}el-accordion[guttered]{gap:var(--acc-gap);flex-flow:column;display:flex}el-accordion[guttered] [part~=item]{--l-bg:var(--p-rest-bg);--l-radius:var(--acc-container-radius);overflow:hidden}el-avatar[part~=root]{--avatar-size:calc(var(--p-row)*1.25);--l-bg:var(--p-rest-bg);--l-color:var(--p-rest-fg);--l-radius:50%;--l-font:var(--p-body-font);font-size:calc(var(--avatar-size)*.4)}el-avatar[square][part~=root]{--l-radius:calc(var(--avatar-size)*.28*var(--f-radius))}el-avatar[stroked][part~=root]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-avatar[size=sm][part~=root]{--avatar-size:var(--p-row)}el-avatar[size=lg][part~=root]{--avatar-size:calc(var(--p-row)*1.75)}el-badge[part~=root]{--badge-pad-inline:var(--g-space-2);--badge-pad-block:var(--g-space-0_5);--l-bg:var(--p-rest-bg);--l-shadow:var(--p-rest-shadow);--l-color:var(--p-rest-fg);--l-font:500 var(--g-font-sm);--l-radius:calc(var(--p-row)*var(--f-radius)*.5)}el-badge[size=sm]{--badge-pad-inline:var(--g-space-1);--badge-pad-block:0}el-badge[size=lg]{--badge-pad-inline:var(--g-space-3);--badge-pad-block:var(--g-space-1);--l-font:500 var(--g-font-md)}el-badge[stroked]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-banner[part~=root]{--l-p:var(--g-space-3) var(--g-space-4);--l-radius:calc(var(--g-space-3)*var(--f-radius));--l-font:var(--p-body-font);--l-bg:var(--p-rest-bg);--l-color:var(--g-fg);--banner-gap:var(--g-space-3);--banner-row-gap:var(--g-space-1)}el-banner>:is(h1,h2,h3,h4,h5,h6),el-banner>[slot=icon],el-banner>strong{color:var(--a-fg)}el-banner>p{color:var(--g-fg);margin:0}el-banner[stroked][part~=root]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-banner[filled]:not([soft])[part~=root]{--l-color:var(--p-on-bg)}el-banner[filled]:not([soft])>:is(h1,h2,h3,h4,h5,h6),el-banner[filled]:not([soft])>[slot=icon],el-banner[filled]:not([soft])>p,el-banner[filled]:not([soft])>strong{color:var(--p-on-bg)}el-breadcrumbs [part~=list]{--l-gap:var(--g-space-2);--bc-sep-gap:var(--g-space-1);--l-font:var(--g-font-md);color:var(--p-muted-fg)}el-breadcrumbs [part~=item] a{color:var(--p-link-fg);text-decoration:none}el-breadcrumbs [part~=item] a:focus-visible,el-breadcrumbs [part~=item] a:hover{text-decoration:underline}el-breadcrumbs [part~=item]+[part~=item]:before{color:var(--p-muted-fg)}el-breadcrumbs [aria-current=page]{color:var(--g-fg);font-weight:500;text-decoration:none}el-breadcrumbs[soft] [part~=item] a{color:var(--p-link-soft-fg)}el-breadcrumbs[size=sm] [part~=list],el-breadcrumbs[soft] [part~=list]{--l-font:var(--g-font-sm)}el-breadcrumbs[size=lg] [part~=list]{--l-font:var(--g-font-lg)}el-button [part~=root]{--btn-row:var(--p-row);--btn-pad-icon:calc(var(--p-pad-inline)*.62);--btn-icon-gap:calc(var(--btn-pad-icon)/2);--btn-gap:var(--btn-icon-gap);--btn-icon-size:1.15em;--btn-radius:calc(var(--btn-row)*var(--f-radius)*.5);--btn-active-scale:.97;--btn-ease-smooth:ease;--btn-ease-out:ease-out;--l-w:fit-content;--l-p:0 var(--p-pad-inline);--l-font:var(--p-font);--l-radius:var(--btn-radius);--l-border:none;--l-outline:none;--l-shadow:var(--p-rest-shadow);--l-transform:none}el-button [part~=root]:focus-visible{--l-shadow:0 0 0 var(--g-ring-offset-width) var(--g-bg),0 0 0 calc(var(--g-ring-offset-width) + 2px) var(--g-focus)}el-button [part~=root]:disabled,el-button [part~=root][aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity));cursor:var(--g-disabled-cursor)}el-button [part~=root]:has(>[part~=prefix]){--l-p:0 var(--p-pad-inline) 0 var(--btn-pad-icon)}el-button [part~=root]:has(>[part~=suffix]){--l-p:0 var(--btn-pad-icon) 0 var(--p-pad-inline)}el-button [part~=root]:has(>[part~=prefix]):has(>[part~=suffix]){--l-p:0 var(--btn-pad-icon)}el-button[stroked] [part~=surface]{--l-border:var(--g-border-width) solid var(--a-stroke)}el-button:is([soft],[softer])[stroked] [part~=surface]{--l-border:var(--g-border-width) solid var(--a-soft-stroke)}el-button[underlined]:not([filled]):not([stroked]) [part~=root]{--btn-row:auto;--btn-active-scale:1;--l-p:0;--l-radius:0}el-button[underlined]:not([filled]):not([stroked]) [part~=control][part~=surface]:active,el-button[underlined]:not([filled]):not([stroked]) [part~=control][part~=surface]:hover,el-button[underlined]:not([filled]):not([stroked]) [part~=surface]{--l-bg:transparent;--l-border:none}el-button[size=sm] [part~=root]{--btn-active-scale:.98}el-button[size=lg] [part~=root]{--btn-active-scale:.96}el-button[icon-only] [part~=root]{--l-w:var(--btn-row);--l-p:0}el-card[part~=root]{--card-pad-inline:var(--g-space-4);--card-pad-block:var(--g-space-4);--card-gap:var(--g-space-3);--l-radius:calc(var(--g-space-6)*var(--f-radius));--l-font:var(--p-body-font);--l-bg:var(--p-rest-bg);--l-shadow:var(--p-rest-shadow);--l-color:var(--g-fg)}el-card[filled]{--l-color:var(--p-rest-fg)}el-card[stroked]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-carousel[part~=root]{--carousel-gap:var(--g-space-4);--carousel-pad:var(--g-space-4);--l-font:var(--p-body-font)}el-carousel[size=sm][part~=root]{--carousel-gap:var(--g-space-2)}el-carousel[size=lg][part~=root]{--carousel-gap:var(--g-space-6)}el-checkbox[part~=root]{--check-size:calc(var(--p-row)*.5);--check-radius:calc(var(--check-size)*var(--f-radius)*.36);--check-border:color-mix(in oklab,var(--g-fg) 28%,var(--g-bg));--check-bg:var(--p-surface);--check-mark:var(--a-on)}el-checkbox [part~=control]{--l-shadow:0 1px 2px #0000000a}el-checkbox [part~=control]:checked,el-checkbox [part~=control]:indeterminate{--check-bg:var(--a);--check-border:var(--a)}el-checkbox[soft] [part~=control]:checked,el-checkbox[soft] [part~=control]:indeterminate{--check-bg:var(--a-soft-bg);--check-border:var(--a-soft-stroke);--check-mark:var(--a-fg)}el-checkbox[softer] [part~=control]:checked,el-checkbox[softer] [part~=control]:indeterminate{--check-bg:var(--a-softer-bg);--check-border:var(--a-soft-stroke);--check-mark:var(--a-fg)}el-checkbox [part~=control]:focus-visible{--l-shadow:0 0 0 var(--g-ring-offset-width) var(--g-bg),0 0 0 calc(var(--g-ring-offset-width) + 2px) var(--g-focus);outline:none}el-checkbox[aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity))}el-checkbox:has([part~=control]:disabled){--l-filter:opacity(var(--g-disabled-opacity))}el-dialog [part~=panel]{--l-bg:var(--p-surface);--l-color:var(--g-fg);--l-p:var(--g-space-6);--l-radius:calc(var(--g-space-6)*var(--f-radius));--l-font:var(--p-body-font);--l-shadow:var(--p-shadow)}el-dialog[filled] [part~=panel]{--l-bg:var(--p-bg);--l-color:var(--p-on-bg)}el-dialog[soft] [part~=panel]{--l-bg:var(--p-soft-bg);--l-color:var(--p-soft-fg)}el-dialog[softer] [part~=panel]{--l-bg:var(--p-softer-bg);--l-color:var(--p-soft-fg)}el-dialog[stroked] [part~=panel]{--dialog-border:var(--g-border-width) solid var(--p-stroke)}el-dialog [part~=panel]::backdrop{background:var(--dialog-backdrop,#00000080)}el-input[part~=root]{--field-row:var(--p-row);--field-pad-inline:var(--p-pad-inline);--field-gap:var(--g-space-2);--l-radius:calc(var(--g-space-3)*var(--f-radius));--l-font:var(--p-body-font);--l-bg:var(--p-rest-bg);--l-shadow:var(--p-rest-shadow);--l-color:var(--g-fg)}el-input[stroked]{--l-border:var(--g-border-width) solid var(--g-border)}el-input[part~=root]:focus-within{--l-shadow:0 0 0 2px var(--g-focus)}el-input:has([part~=control][aria-invalid=true]):not(:focus-within){--l-shadow:0 0 0 1px var(--g-focus)}el-input[stroked]:has([part~=control][aria-invalid=true]){--l-border:var(--g-border-width) solid var(--g-focus)}el-input[aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity))}el-input:has([part~=control]:disabled){--l-filter:opacity(var(--g-disabled-opacity))}el-input [part~=control]::placeholder{color:var(--p-muted-fg);opacity:1}el-input [part~=prefix],el-input [part~=suffix]{color:var(--p-muted-fg)}el-input>[part~=message]{border-block-start:var(--g-border-width) solid var(--p-stroke,var(--g-border));color:var(--g-muted);margin-inline:calc(var(--field-pad-inline)*-1);padding:var(--g-space-1) var(--field-pad-inline);border-end-end-radius:var(--l-radius);border-end-start-radius:var(--l-radius);font-size:.85em}el-input[error]>[part~=message]{background:var(--a-soft-bg);color:var(--a-fg)}el-menu [part~=panel]{--l-bg:var(--p-surface);--l-color:var(--g-fg);--l-shadow:var(--p-shadow);--l-p:var(--g-space-1);--l-radius:calc(var(--g-space-3)*var(--f-radius));--l-font:var(--p-body-font)}el-menu[soft] [part~=panel]{--l-bg:var(--p-soft-bg);--l-color:var(--p-soft-fg)}el-menu[softer] [part~=panel]{--l-bg:var(--p-softer-bg);--l-color:var(--p-soft-fg)}el-menu[stroked] [part~=panel]{--menu-border:var(--g-border-width) solid var(--p-stroke)}el-menu [part~=item]{border-radius:calc(var(--g-space-2)*var(--f-radius));color:inherit;cursor:pointer;font:inherit;align-items:center;gap:var(--g-space-2);inline-size:100%;min-block-size:var(--p-row);padding:0 var(--g-space-3);text-align:start;background:0 0;border:0;text-decoration:none;display:flex}el-menu [part~=item]:hover:not([aria-disabled=true]){background:var(--p-hover-bg)}el-menu [part~=item]:focus-visible{box-shadow:inset 0 0 0 2px var(--g-focus);outline:none}el-menu [part~=item][aria-disabled=true]{color:var(--p-muted-fg);cursor:default}el-menu hr{margin-block:var(--g-space-1);border:0}el-menu[divided] menu>li+li,el-menu hr{border-block-start:var(--g-border-width) solid var(--g-border)}el-navbar[part~=root]{--navbar-pad-block:var(--g-space-3);--navbar-pad-inline:var(--g-space-4);--navbar-gap:var(--g-space-4);--navbar-brand-gap:var(--g-space-2);--navbar-actions-gap:var(--g-space-2);--navbar-underline-size:calc(var(--g-unit)*.75);--navbar-underline-gap:var(--g-space-1);--navbar-underline-color:var(--g-fg);--l-font:var(--p-body-font);--l-bg:transparent;--l-color:var(--p-muted-fg);border-block-end:var(--g-border-width) solid var(--g-border)}el-navbar[sticky][part~=root]{--l-bg:color-mix(in oklab,var(--g-bg) 78%,transparent)}el-navbar:is([filled],[soft])[part~=root]{--l-bg:var(--p-rest-bg);--l-color:var(--p-rest-fg);border-block-end:none}el-navbar[stroked][part~=root]{--l-border:var(--g-border-width) solid var(--p-stroke);border-block-end:none}el-navbar>[part~=brand]{--l-color:var(--g-fg);font-weight:600}el-navbar>a[part~=link]{--l-color:var(--p-muted-fg)}el-navbar>a[part~=link]:focus-visible,el-navbar>a[part~=link]:hover,el-navbar>a[part~=current]{--l-color:var(--g-fg)}el-popover [part~=panel]{--l-bg:var(--p-surface);--l-color:var(--g-fg);--l-shadow:var(--p-shadow);--l-p:var(--g-space-4);--l-radius:calc(var(--g-space-4)*var(--f-radius));--l-font:var(--p-body-font)}el-popover[filled] [part~=panel]{--l-bg:var(--p-bg);--l-color:var(--p-on-bg)}el-popover[soft] [part~=panel]{--l-bg:var(--p-soft-bg);--l-color:var(--p-soft-fg)}el-popover[softer] [part~=panel]{--l-bg:var(--p-softer-bg);--l-color:var(--p-soft-fg)}el-popover[stroked] [part~=panel]{--popover-border:var(--g-border-width) solid var(--p-stroke)}el-progress [part~=control]{--l-h:calc(var(--g-unit)*1.5);--l-radius:calc(var(--l-h)*var(--f-radius));--progress-track:var(--g-track);--progress-fill:var(--a);--progress-band:linear-gradient(90deg,transparent,var(--a),transparent)}el-progress[soft] [part~=control]{--progress-fill:var(--a-soft-bg);--progress-band:linear-gradient(90deg,transparent,var(--a-soft-bg),transparent)}el-progress[size=sm] [part~=control]{--l-h:calc(var(--g-unit)*1)}el-progress[size=lg] [part~=control]{--l-h:calc(var(--g-unit)*2.5)}el-radio[part~=root]{--radio-size:calc(var(--p-row)*.5);--radio-dot:calc(var(--radio-size)*.42);--radio-border:color-mix(in oklab,var(--g-fg) 28%,var(--g-bg));--radio-bg:var(--p-surface);--radio-dot-color:var(--a-on)}el-radio [part~=control]{--l-shadow:0 1px 2px #0000000a}el-radio [part~=control]:checked{--radio-bg:var(--a);--radio-border:var(--a)}el-radio[soft] [part~=control]:checked{--radio-bg:var(--a-soft-bg);--radio-border:var(--a-soft-stroke);--radio-dot-color:var(--a-fg)}el-radio[softer] [part~=control]:checked{--radio-bg:var(--a-softer-bg);--radio-border:var(--a-soft-stroke);--radio-dot-color:var(--a-fg)}el-radio [part~=control]:focus-visible{--l-shadow:0 0 0 var(--g-ring-offset-width) var(--g-bg),0 0 0 calc(var(--g-ring-offset-width) + 2px) var(--g-focus);outline:none}el-radio[aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity))}el-radio:has([part~=control]:disabled){--l-filter:opacity(var(--g-disabled-opacity))}el-select[part~=root]{--field-row:var(--p-row);--field-pad-inline:var(--p-pad-inline);--field-gap:var(--g-space-2);--l-radius:calc(var(--g-space-3)*var(--f-radius));--l-font:var(--p-body-font);--l-bg:var(--p-rest-bg);--l-shadow:var(--p-rest-shadow);--l-color:var(--g-fg)}el-select[stroked]{--l-border:var(--g-border-width) solid var(--g-border)}el-select[part~=root]:focus-within{--l-shadow:0 0 0 2px var(--g-focus)}el-select:has([part~=control][aria-invalid=true]):not(:focus-within){--l-shadow:0 0 0 1px var(--g-focus)}el-select[stroked]:has([part~=control][aria-invalid=true]){--l-border:var(--g-border-width) solid var(--g-focus)}el-select[aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity))}el-select:has([part~=control]:disabled){--l-filter:opacity(var(--g-disabled-opacity))}el-sidenav [part~=panel]{--l-bg:transparent;--l-color:var(--g-fg);--l-font:var(--p-body-font);--sidenav-item-gap:var(--g-space-2);gap:var(--g-space-1);padding:var(--g-space-2)}el-sidenav[soft] [part~=panel]{--l-bg:var(--p-soft-bg);--l-color:var(--p-soft-fg)}el-sidenav[softer] [part~=panel]{--l-bg:var(--p-softer-bg);--l-color:var(--p-soft-fg)}el-sidenav[stroked] [part~=panel]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-sidenav [part~=item]{border-radius:calc(var(--g-space-2)*var(--f-radius));color:var(--g-fg);min-block-size:var(--p-row);padding-inline:var(--g-space-3)}el-sidenav [part~=item]:hover{background:var(--p-hover-bg)}el-sidenav [part~=item]:focus-visible{box-shadow:inset 0 0 0 2px var(--g-focus);outline:none}el-sidenav [part~=item][aria-current=page]{background:var(--a-soft-bg);color:var(--a-fg);font-weight:600}el-sidenav [part~=heading],el-sidenav [part~=label]{color:var(--p-muted-fg);min-block-size:var(--p-row);padding-inline:var(--g-space-3);--l-font:var(--g-font-sm);align-items:center;display:flex}el-sidenav [part~=label]{text-transform:none;margin:0;font-weight:600}el-sidenav[divided] [part~=section]{border-block-start:var(--g-border-width) solid var(--p-stroke);margin-block-start:var(--g-space-1);padding-block-start:var(--g-space-1)}el-slider[part~=root]{--slider-fill:var(--a-fill);--slider-rail:var(--g-track);--slider-thumb:var(--g-surface);--slider-thumb-shadow:var(--p-shadow);--slider-ring:var(--g-ring-offset-width) solid var(--a-fg);--slider-track-size:calc(var(--g-unit)*1.5);--slider-thumb-size:calc(var(--g-unit)*4.5)}el-slider[size=sm][part~=root]{--slider-track-size:var(--g-unit);--slider-thumb-size:calc(var(--g-unit)*3.5)}el-slider[size=lg][part~=root]{--slider-track-size:calc(var(--g-unit)*2);--slider-thumb-size:calc(var(--g-unit)*5.5)}el-stepper[part~=root]{--stepper-marker-size:calc(var(--p-row)*.9);--stepper-label-font:var(--p-body-font);--stepper-label-gap:var(--g-space-2);--l-color:var(--p-muted-fg);--l-font:var(--p-body-font)}el-stepper[size=sm][part~=root]{--stepper-marker-size:calc(var(--p-row)*.7)}el-stepper[size=lg][part~=root]{--stepper-marker-size:calc(var(--p-row)*1.1)}el-stepper>[part~=complete]{--step-marker-bg:var(--a-fill);--step-marker-fg:var(--a-on);--step-marker-border:var(--a-fill);--step-connector:var(--a-fill);--l-color:var(--g-fg)}el-stepper>[part~=current]{--step-marker-bg:transparent;--step-marker-fg:var(--a-fg);--step-marker-border:var(--a-fill);--step-connector:var(--a-fill);--l-color:var(--g-fg)}el-stepper>[part~=upcoming]{--step-marker-bg:transparent;--step-marker-fg:var(--p-muted-fg);--step-marker-border:var(--g-border);--step-connector:var(--g-border);--l-color:var(--p-muted-fg)}el-subnav[part~=root]{--subnav-pad-block:var(--g-space-2);--subnav-pad-inline:var(--g-space-4);--subnav-gap:var(--g-space-4);--subnav-underline-size:calc(var(--g-unit)*.75);--subnav-underline-gap:var(--g-space-1);--subnav-underline-color:var(--g-fg);--l-font:var(--p-body-font);--l-bg:transparent;--l-color:var(--p-muted-fg);border-block-end:var(--g-border-width) solid var(--g-border)}el-subnav:is([filled],[soft])[part~=root]{--l-bg:var(--p-rest-bg);--l-color:var(--p-rest-fg);border-block-end:none}el-subnav[stroked][part~=root]{--l-border:var(--g-border-width) solid var(--p-stroke);border-block-end:none}el-subnav>[part~=brand]{--l-color:var(--g-fg);font-weight:600}el-subnav>a[part~=link]{--l-color:var(--p-muted-fg)}el-subnav>a[part~=link]:focus-visible,el-subnav>a[part~=link]:hover,el-subnav>a[part~=current]{--l-color:var(--g-fg)}el-switch[part~=root]{--switch-h:calc(var(--p-row)*.5);--switch-w:calc(var(--switch-h)*2);--switch-pad:calc(var(--switch-h)*.13);--switch-thumb:calc(var(--switch-h) - var(--switch-pad)*2);--switch-travel:calc(var(--switch-w) - var(--switch-thumb) - var(--switch-pad)*2);--switch-track:color-mix(in oklab,var(--g-fg) 22%,var(--g-bg));--switch-knob:var(--g-snow);--switch-knob-shadow:0 1px 2px color-mix(in oklab,var(--g-fg) 30%,transparent)}el-switch [part~=control]:checked{background:var(--a)}el-switch[soft] [part~=control]:checked{background:var(--a-soft-bg)}el-switch[softer] [part~=control]:checked{background:var(--a-softer-bg)}el-switch [part~=control]:focus-visible{--l-shadow:0 0 0 var(--g-ring-offset-width) var(--g-bg),0 0 0 calc(var(--g-ring-offset-width) + 2px) var(--g-focus);outline:none}el-switch[aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity))}el-switch:has([part~=control]:disabled){--l-filter:opacity(var(--g-disabled-opacity))}el-tabs{--tab-row-current:var(--p-row);--tab-shell-pad-block:var(--g-space-1);--tab-item-radius:calc(var(--tab-row-current)*var(--f-radius)*.5);--tab-container-radius:calc(var(--tab-item-radius) + var(--tab-shell-pad-block)*var(--f-radius));--tab-gap:var(--g-space-1);--tab-line-gap:var(--g-space-6);--tab-line-track-color:var(--g-border);--tab-line-indicator-size:calc(var(--g-unit)*1);--tab-line-indicator-radius:calc(var(--tab-line-indicator-size)*var(--f-radius));--tab-fg:var(--p-muted-fg);--tab-fg-hover:var(--g-fg);--tab-selected-bg:var(--p-sel-bg);--tab-selected-fg:var(--p-sel-fg);--tab-selected-shadow:0 1px 2px var(--lightningcss-light,#00000014)var(--lightningcss-dark,#00000047);--tab-line-color:var(--p-link-fg)}el-tabs[part~=root]{--l-p:var(--tab-shell-pad-block);--l-gap:var(--tab-gap);--l-bg:transparent;--l-border:none;--l-radius:var(--tab-container-radius);--l-shadow:none}el-tabs[track]:not([underlined])[part~=root]{--l-bg:var(--p-track)}el-tabs[raised][part~=root]{--l-shadow:var(--p-shadow)}el-tabs[stroked][part~=root]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-tabs[filled]{--tab-fg-hover:color-mix(in oklab,var(--g-fg) 76%,var(--p-muted-fg))}el-tabs[underlined][part~=root]{--l-p:0;--l-gap:var(--tab-line-gap);--l-bg:transparent;--l-radius:0;--l-shadow:none;border-block-end:var(--g-border-width) solid var(--tab-line-track-color)}el-tabs[underlined][track][part~=root]{--l-p:var(--tab-shell-pad-block) calc(var(--tab-shell-pad-block)*3);--l-bg:var(--p-track);--l-radius:var(--tab-container-radius);border-block-end:0}el-tabs[underlined][track] [part~=indicator]{border-radius:calc(var(--tab-line-indicator-size)*.5*var(--f-radius))}el-tabs:is([underlined][soft],[underlined][softer]){--tab-line-color:var(--p-link-soft-fg)}el-tabs[underlined][orientation=vertical]{border-block-end:0;border-inline-start:var(--g-border-width) solid var(--tab-line-track-color)}el-tabs [part~=tab]{--tab-row:var(--tab-row-current);--l-p:0 var(--p-pad-inline);--l-font:var(--p-font);--l-color:var(--tab-fg);--l-bg:transparent;--l-border:0 solid transparent;--l-radius:var(--tab-item-radius);--l-shadow:none;transform:none}el-tabs [part~=tab]:hover:not([aria-selected=true]){--l-color:var(--tab-fg-hover);--l-bg:transparent;--l-transform:none}el-tabs [part~=tab]:focus-visible{--l-shadow:0 0 0 var(--g-ring-offset-width) var(--g-bg),0 0 0 calc(var(--g-ring-offset-width) + 2px) var(--g-focus);--l-outline:none}el-tabs [part~=tab][aria-selected=true]{--l-color:var(--tab-selected-fg);--l-bg:transparent;--l-shadow:none}el-tabs [part~=indicator]{background:var(--tab-selected-bg);border-radius:var(--tab-item-radius);box-shadow:var(--tab-selected-shadow)}el-tabs [part~=tab]:disabled,el-tabs [part~=tab][aria-disabled=true]{--l-filter:opacity(.45)}el-tabs[underlined] [part~=tab]{--l-p:0;--l-bg:transparent;--l-border:none;--l-radius:0;--l-shadow:none}el-tabs[underlined][track] [part~=tab]{--l-p:0 var(--g-space-1)}el-tabs[underlined] [part~=tab]:hover:not([aria-selected=true]){--l-bg:transparent;--l-color:var(--tab-fg-hover)}el-tabs[underlined] [part~=tab][aria-selected=true]{--l-color:var(--tab-line-color);--l-bg:transparent;--l-shadow:none}el-tabs[underlined] [part~=indicator]{background:var(--tab-line-color);block-size:var(--tab-line-indicator-size);border-radius:var(--tab-line-indicator-radius) var(--tab-line-indicator-radius) 0 0;box-shadow:none;transform:translate3d(var(--tab-indicator-x,0),calc(var(--tab-indicator-y,0px) + var(--tab-indicator-height,0px) - var(--tab-line-indicator-size)),0)}el-tabs[underlined][orientation=vertical] [part~=indicator]{block-size:var(--tab-indicator-height,0);border-radius:0 var(--tab-line-indicator-radius) var(--tab-line-indicator-radius) 0;inline-size:var(--tab-line-indicator-size);transform:translate3d(calc(var(--tab-indicator-x,0px) - var(--tab-line-indicator-size)),var(--tab-indicator-y,0),0)}el-tabs[orientation=vertical]{--l-gap:var(--tab-gap)}el-textarea[part~=root]{--field-pad-inline:var(--p-pad-inline);--field-pad-block:var(--g-space-2);--l-radius:calc(var(--g-space-3)*var(--f-radius));--l-font:var(--p-body-font);--l-bg:var(--p-rest-bg);--l-shadow:var(--p-rest-shadow);--l-color:var(--g-fg)}el-textarea[stroked]{--l-border:var(--g-border-width) solid var(--g-border)}el-textarea[part~=root]:focus-within{--l-shadow:0 0 0 2px var(--g-focus)}el-textarea:has([part~=control][aria-invalid=true]):not(:focus-within){--l-shadow:0 0 0 1px var(--g-focus)}el-textarea[stroked]:has([part~=control][aria-invalid=true]){--l-border:var(--g-border-width) solid var(--g-focus)}el-textarea[aria-disabled=true]{--l-filter:opacity(var(--g-disabled-opacity))}el-textarea:has([part~=control]:disabled){--l-filter:opacity(var(--g-disabled-opacity))}el-textarea [part~=control]::placeholder{color:var(--p-muted-fg);opacity:1}el-toast [part~=item]{--l-bg:var(--p-surface);--l-color:var(--g-fg);--l-shadow:var(--p-shadow);--l-p:var(--g-space-3) var(--g-space-4);--l-radius:calc(var(--g-space-3)*var(--f-radius));--l-font:var(--p-body-font);--l-gap:var(--g-space-2);inline-size:max-content;max-inline-size:min(90vw,22rem)}el-toast [part~=item][filled]{--l-bg:var(--p-bg);--l-color:var(--p-on-bg)}el-toast [part~=item][soft]{--l-bg:var(--p-soft-bg);--l-color:var(--p-soft-fg)}el-toast [part~=item][softer]{--l-bg:var(--p-softer-bg);--l-color:var(--p-soft-fg)}el-toast [part~=item][stroked]{--l-border:var(--g-border-width) solid var(--p-stroke)}el-tooltip [part~=content]{--l-bg:var(--p-surface);--l-color:var(--g-fg);--l-border:var(--g-border-width) solid var(--g-border);--l-p:var(--g-space-2);--l-radius:calc(var(--g-space-3)*var(--f-radius));--l-font:var(--g-font-sm);--l-shadow:var(--p-shadow);line-height:1.4}el-tooltip:not([accent=neutral]) [part~=content],el-tooltip[filled] [part~=content]{--l-bg:var(--p-bg);--l-color:var(--p-on-bg);--l-border:var(--g-border-width) solid transparent}el-tooltip[soft] [part~=content]{--l-bg:var(--p-soft-bg);--l-color:var(--p-soft-fg);--l-border:var(--g-border-width) solid transparent}el-tooltip[softer] [part~=content]{--l-bg:var(--p-softer-bg);--l-color:var(--p-soft-fg);--l-border:var(--g-border-width) solid transparent}el-tooltip[stroked] [part~=content]{--l-border:var(--g-border-width) solid var(--p-stroke)}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}._dotSvgContainer_qq536_6{width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}._container_1a6mq_6{width:100%;height:100%;position:relative;overflow:hidden}._canvasWrapper_1a6mq_13{cursor:grab;-webkit-user-select:none;user-select:none;background-color:#0000;width:100%;height:100%;position:relative;overflow:hidden}._canvasWrapper_1a6mq_13._panning_1a6mq_26{cursor:grabbing}._canvas_1a6mq_13{z-index:2;width:100%;height:100%;position:relative}._canvas_1a6mq_13>div:first-of-type{transition:transform 10ms;position:absolute;inset-block-start:0;inset-inline-start:0}._contentWrapper_1a6mq_44{position:absolute}._verticalScrollBar_1yngp_6{background:0 0;position:absolute;inset-block:0;inset-inline-end:2px}._horizontalScrollBar_1yngp_14{background:0 0;position:absolute;inset-block-end:2px;inset-inline:0}._verticalScrollBar_1yngp_6>div,._horizontalScrollBar_1yngp_14>div{z-index:8;cursor:pointer;border-radius:50px;position:absolute}._verticalScrollBar_1yngp_6>div{width:100%}._horizontalScrollBar_1yngp_14>div{height:100%}[part~=control][part~=surface].el-fs-hover{--l-bg:var(--p-hover-bg)}[part~=control][part~=surface].el-fs-active{--l-bg:var(--p-active-bg)}el-button[underlined]:not([filled]):not([stroked]) [part~=control][part~=surface].el-fs-hover,el-button[underlined]:not([filled]):not([stroked]) [part~=control][part~=surface].el-fs-active{--l-bg:transparent}[part~=control].el-fs-focus{--l-shadow:0 0 0 var(--g-ring-offset-width) var(--g-bg), 0 0 0 calc(var(--g-ring-offset-width) + 2px) var(--g-focus)}._frosted_1nqbq_6{--blur:16px;--radius:16px;--expand:2;border-radius:var(--radius);pointer-events:auto;width:100%;height:100%;position:relative}._content_1nqbq_19{z-index:1;border-radius:var(--radius);width:100%;height:100%;position:relative;overflow:hidden}._svgMask_1nqbq_31{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}._backdrop_1nqbq_40,._backdropEdge_1nqbq_41{--width-total:calc(var(--w) * var(--expand));--height-total:calc(var(--h) * var(--expand));--width-offset:calc(calc(var(--width-total) - var(--w)) / 2);--height-offset:calc(calc(var(--height-total) - var(--h)) / 2);pointer-events:none;--offset:calc(var(--expand) / 4);top:calc(var(--height-offset) * -1);left:calc(var(--width-offset) * -1);width:var(--width-total);height:var(--height-total);padding:var(--height-offset) var(--width-offset);position:absolute}._backdrop_1nqbq_40{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}._backdropEdge_1nqbq_41{-webkit-backdrop-filter:blur(calc(var(--blur) + 10px)) saturate(3);backdrop-filter:blur(calc(var(--blur) + 10px)) saturate(3)}@media (prefers-color-scheme:dark){._backdropEdge_1nqbq_41{-webkit-backdrop-filter:blur(calc(var(--blur) + 10px)) saturate(1.5);backdrop-filter:blur(calc(var(--blur) + 10px)) saturate(1.5)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){._backdrop_1nqbq_40,._backdropEdge_1nqbq_41{display:none}._content_1nqbq_19{background:var(--lightningcss-light,#eeebe3f2)var(--lightningcss-dark,#23232af2)}}@media (prefers-reduced-transparency:reduce){._backdrop_1nqbq_40,._backdropEdge_1nqbq_41{display:none}._content_1nqbq_19{background:var(--lightningcss-light,#eeebe3f2)var(--lightningcss-dark,#23232af2)}}.dialkit-root{--dial-surface:#ffffff0d;--dial-surface-hover:#ffffff1a;--dial-surface-active:#ffffff1c;--dial-surface-subtle:#ffffff0f;--dial-text-root:#fff;--dial-text-section:#ffffffb3;--dial-text-label:#ffffffb3;--dial-text-focus:#fff;--dial-text-primary:#fffffff2;--dial-text-secondary:#fff9;--dial-text-tertiary:#fff6;--dial-border:#ffffff1a;--dial-border-hover:#ffffff26;--dial-glass-bg:#212121;--dial-dropdown-bg:#2a2a2a;--dial-backdrop-blur:20px;--dial-radius:8px;--dial-row-height:36px;--dial-shadow:0 8px 32px #00000080;--dial-shadow-collapsed:0 4px 16px #00000040;--dial-shadow-dropdown:0 8px 24px #0006;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,SF Pro Display,sans-serif;position:relative}.dialkit-panel{z-index:9999;max-height:calc(100vh - 32px);position:fixed;overflow:visible}.dialkit-root[data-mode=inline]{max-height:100%}.dialkit-panel[data-mode=inline]{z-index:auto;max-height:inherit;height:auto;position:static;overflow:visible}.dialkit-panel-inner{background:var(--dial-glass-bg);border:1px solid var(--dial-border);-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));transform-origin:100% 0;border-radius:14px;padding:10px 12px 0;transform:translateZ(0)}.dialkit-panel[data-origin-x=left] .dialkit-panel-inner{transform-origin:0 0}.dialkit-panel[data-origin-x=right] .dialkit-panel-inner{transform-origin:100% 0}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{transform-origin:0 0;max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{box-sizing:border-box;border-radius:50%;padding:12px}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none}.dialkit-panel-inline{width:100%;height:auto;max-height:inherit;box-shadow:none;box-sizing:border-box;border:none;border-radius:0;overflow-y:auto}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{width:100%;max-height:inherit;flex-direction:column;height:auto;display:flex}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:8px;padding-bottom:8px}.dialkit-folder:last-child:not(.dialkit-folder-root){margin-bottom:0;padding-bottom:0}.dialkit-folder-root{border-bottom:none;margin-bottom:0;padding-bottom:0}.dialkit-panel-header{border-bottom:1px solid var(--dial-surface-subtle);margin-bottom:12px;padding-bottom:6px}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{cursor:grab}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:active{cursor:grabbing}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-icon{cursor:pointer}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{justify-content:space-between;align-items:center;padding:0 0 8px;display:flex}.dialkit-folder-title{color:var(--dial-text-section);letter-spacing:-.01em;font-size:13px;font-weight:600;transition:color .15s;transform:translateY(-.5px)}.dialkit-folder-title-root{color:var(--dial-text-root);font-size:15px;font-weight:600;transform:translateZ(0)}.dialkit-folder-title-row{white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.dialkit-folder-copy{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{box-sizing:border-box;width:20px;height:20px;color:var(--dial-text-label);opacity:.6;flex-shrink:0;padding:2px}.dialkit-panel-icon{width:16px;height:16px;color:var(--dial-text-focus);z-index:1;position:absolute;top:12px;right:12px}.dialkit-folder-content{will-change:transform}.dialkit-folder-inner{flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid var(--dial-surface-subtle);border-bottom:1px solid var(--dial-surface-subtle);margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root):last-child{border-bottom:none;margin-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){border-top:none;margin-top:-10px}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{height:100%;padding:0}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]){padding:0 12px}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{top:14px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header{margin-bottom:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header>.dialkit-folder-header-top,.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header>.dialkit-folder-header-top{height:44px;padding:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header{height:44px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{gap:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder{border-top:1px solid var(--dial-surface-subtle);border-bottom:none;margin:0;padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header .dialkit-folder-title{color:var(--dial-text-root);font-size:15px;font-weight:600;line-height:20px;transform:translateZ(0)}.dialkit-panel[data-multiple=true] .dialkit-folder-title-root{line-height:20px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child{border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder+.dialkit-folder{margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-content>.dialkit-folder-inner{padding-top:4px;padding-bottom:12px}.dialkit-slider-wrapper{height:var(--dial-row-height);position:relative}.dialkit-slider{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dialkit-slider-hashmarks{pointer-events:none;position:absolute;inset:0}.dialkit-slider-hashmark{background:#fff0;border-radius:999px;width:1px;height:8px;transition:background .2s;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.dialkit-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.dialkit-slider-active .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider-fill{background:var(--dial-surface-active);pointer-events:none;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{background:var(--dial-text-primary);pointer-events:none;border-radius:999px;width:3px;height:20px;position:absolute;top:50%}.dialkit-slider-label{color:var(--dial-text-label);pointer-events:none;align-items:center;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(calc(-50% - .5px))}.dialkit-slider-value{color:var(--dial-text-label);pointer-events:auto;border-bottom:1px solid #0000;padding-bottom:1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;position:absolute;top:50%;right:10px;transform:translateY(calc(.5px - 50%))}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{width:4ch;min-width:3ch;max-width:6ch;color:var(--dial-text-label);border:none;border-bottom:1px solid var(--dial-text-label);text-align:right;background:0 0;outline:none;padding:0 0 1px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{border-radius:var(--dial-radius);background:0 0;padding:2px;display:flex;position:relative}.dialkit-segmented-pill{background:var(--dial-surface-active);z-index:0;pointer-events:none;border-radius:6px;position:absolute;top:2px;bottom:2px}.dialkit-segmented-button{z-index:1;cursor:pointer;background:0 0;border:none;flex:none;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s;position:relative}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 16px;transition:background .15s;display:flex}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{color:var(--dial-text-label);font-size:13px;font-weight:500;transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{background:var(--dial-surface-active);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{background:var(--dial-text-primary);border-radius:8px;width:16px;height:16px;position:absolute;top:2px}.dialkit-button-group{flex-direction:column;gap:6px;display:flex}.dialkit-button{color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:2px 10px 2px 12px;display:flex}.dialkit-labeled-control-label{color:var(--dial-text-label);flex-shrink:0;align-items:center;font-size:13px;font-weight:500;line-height:17px;display:flex}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;color:var(--dial-text-secondary);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{flex-direction:column;gap:6px;width:160px;display:flex}.dialkit-spring-viz{border-radius:var(--dial-radius);background:var(--dial-surface);width:100%;overflow:visible}.dialkit-easing-viz{aspect-ratio:256/140;width:100%}.dialkit-panel-wrapper{flex-direction:column;display:inline-flex}.dialkit-panel-toolbar{height:var(--dial-row-height);align-items:center;gap:6px;min-width:0;margin-bottom:6px;display:flex;overflow:hidden}.dialkit-panel-section-toolbar{width:100%;height:var(--dial-row-height);align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.dialkit-toolbar-add{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-toolbar-copy{height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex;position:relative}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{flex-shrink:0;width:16px;height:16px;position:relative}.dialkit-toolbar-copy-icon{width:16px;height:16px;position:absolute;inset:0}.dialkit-text-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.dialkit-text-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500}.dialkit-text-input{min-width:0;color:var(--dial-text-label);text-align:right;cursor:text;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:inherit;font-size:13px;font-weight:500}.dialkit-text-input:focus{color:var(--dial-text-focus)}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-select-right{align-items:center;gap:8px;display:flex}.dialkit-select-value{color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden;transform:translateY(-.5px)}.dialkit-select-chevron{box-sizing:border-box;opacity:.6;flex-shrink:0;width:20px;height:20px;padding:2px}.dialkit-select-dropdown{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);z-index:10000;box-shadow:var(--dial-shadow-dropdown);padding:4px}.dialkit-select-option{width:100%;color:var(--dial-text-label);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:block}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-color-control{height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.dialkit-color-label{color:var(--dial-text-label);flex-shrink:0;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-inputs{align-items:center;gap:8px;display:flex}.dialkit-color-hex{color:var(--dial-text-label);cursor:text;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-hex-input{width:7ch;color:var(--dial-text-label);text-transform:uppercase;background:0 0;border:none;outline:none;padding:0;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;transform:translateY(-.5px)}.dialkit-color-hex-input:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{border:1px solid var(--dial-border-hover);cursor:pointer;border-radius:4px;width:20px;height:20px;transition:transform .15s}.dialkit-color-swatch:hover{transform:scale(1.1)}.dialkit-color-picker-native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.dialkit-preset-manager{flex:1;position:relative}.dialkit-preset-trigger{width:100%;height:var(--dial-row-height);color:var(--dial-text-label);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dialkit-preset-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;width:max-content;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;padding:4px}.dialkit-preset-list{border-bottom:1px solid var(--dial-border);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;display:flex}.dialkit-preset-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{color:var(--dial-text-label);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .15s;display:flex}.dialkit-preset-item:hover .dialkit-preset-delete{opacity:.6}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{width:14px;height:14px;color:var(--dial-text-focus);pointer-events:none}.dialkit-preset-save-btn{width:100%;color:var(--dial-text-label);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{align-items:center;gap:6px;padding:4px;display:flex}.dialkit-preset-input{min-width:0;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:13px}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{background:var(--dial-surface);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);letter-spacing:.02em;white-space:nowrap;vertical-align:middle;border-radius:4px;margin-left:6px;padding:1px 5px;font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:600;line-height:16px;transition:color .15s,background .15s;display:inline-block}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{width:var(--dial-row-height);height:var(--dial-row-height);background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:flex}.dialkit-shortcuts-trigger:hover{background:var(--dial-surface-hover)}.dialkit-shortcuts-trigger svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-shortcuts-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);z-index:10000;box-shadow:var(--dial-shadow-dropdown);border-radius:12px;min-width:200px;padding:8px}.dialkit-shortcuts-title{color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px;font-size:11px;font-weight:600}.dialkit-shortcuts-list{flex-direction:column;gap:2px;display:flex}.dialkit-shortcuts-row{border-radius:6px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dialkit-shortcuts-row-key{color:var(--dial-text-secondary);background:var(--dial-surface-subtle);text-align:center;border-radius:4px;min-width:28px;padding:2px 6px;font-family:ui-monospace,SF Mono,Courier New,monospace;font-size:11px;font-weight:600}.dialkit-shortcuts-row-label{color:var(--dial-text-label);flex:1;font-size:13px;font-weight:500}.dialkit-shortcuts-row-mode{color:var(--dial-text-tertiary);font-size:11px;font-style:italic;font-weight:500}.dialkit-shortcuts-hint{color:var(--dial-text-tertiary);border-top:1px solid var(--dial-border);margin-top:4px;padding:6px 8px 2px;font-size:11px}.dialkit-root[data-theme=light]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media (prefers-color-scheme:light){.dialkit-root[data-theme=system]{--dial-surface:#0000000a;--dial-surface-hover:#00000014;--dial-surface-active:#0000001a;--dial-surface-subtle:#0000000f;--dial-text-root:#000;--dial-text-section:#000000a6;--dial-text-label:#0009;--dial-text-focus:#000;--dial-text-primary:#000000e6;--dial-text-secondary:#0000008c;--dial-text-tertiary:#00000059;--dial-border:#0000001a;--dial-border-hover:#00000026;--dial-glass-bg:#fafafa;--dial-dropdown-bg:#fff;--dial-shadow:0 4px 20px #00000014;--dial-shadow-collapsed:0 2px 10px #0000000f;--dial-shadow-dropdown:0 4px 16px #00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;font-family:var(--font-sans)}body{font-family:var(--font-sans);color:#1c1c1e;background:#f7f7f8;margin:0}button,input,select,textarea{font-family:inherit}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e7e7ea;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.02em;color:inherit;font-weight:700;text-decoration:none}.wordmark span{opacity:.55;font-weight:400}.content{flex:1}.stage{place-content:center;justify-items:center;gap:1rem;min-height:60dvh;padding:2rem;display:grid}.hint{opacity:.6;margin:0;font-size:.9rem}.bench{flex-direction:column;height:calc(100dvh - 3rem);display:flex}.bench-head{background:#fff;border-bottom:1px solid #e7e7ea;align-items:center;gap:.6rem;padding:.55rem 1rem;display:flex}.bench-cols{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.bench-col{flex-direction:column;min-width:0;min-height:0;display:flex}.bench-col+.bench-col{border-left:1px solid #e7e7ea}.bench-col-head{background:#fff;border-bottom:1px solid #f0f0f2;justify-content:space-between;align-items:center;padding:.5rem .9rem;font-size:.85rem;display:flex}.bench-preview{height:45%;min-height:14rem}.bench-preview iframe{border:0;width:100%;height:100%}.bench-code{background:#fff;border-top:1px solid #f0f0f2;flex:1;min-height:0;overflow:auto}@media (width<=900px){.bench-cols{grid-template-columns:1fr;overflow:auto}.bench-col+.bench-col{border-top:1px solid #e7e7ea;border-left:0}}.record-stage{background:#fff;position:fixed;inset:0}.record-stage iframe{border:0;width:100%;height:100%}.record-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #0000000f;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:min(92vw,56rem);padding:.5rem .9rem;display:flex;position:absolute;bottom:1.75rem;left:50%;translate:-50%;box-shadow:0 10px 32px #0000001f}.record-controls .lever-bar{padding:0}.block-page{flex-direction:column;height:calc(100dvh - 3rem);display:flex}.block-head{background:#fff;border-bottom:1px solid #e7e7ea;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.55rem 1rem;display:flex}.block-title{white-space:nowrap}.back{color:inherit;opacity:.55;font-size:1.05rem;text-decoration:none}.block-title{margin:0;font-size:.95rem;font-weight:600}.spacer{flex:1}.actions{align-items:center;gap:.4rem;display:flex}.picker-wrap{position:relative}.picker{z-index:30;background:#fff;border:1px solid #e7e7ea;border-radius:.75rem;min-width:15rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 10px 32px #0000001f}.picker-item{font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.5rem;justify-content:space-between;gap:1rem;padding:.45rem .6rem;font-size:.8rem;display:flex}.picker-item:hover{background:#f2f5fd}.picker-tokens{opacity:.45}.block-body{flex:1;grid-template-columns:1fr 6px 430px;min-height:0;display:grid}.block-body.dragging iframe{pointer-events:none}.block-body.dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.divider{cursor:col-resize;background:#e7e7ea;transition:background .12s}.divider:hover{background:#c9c9ce}.preview-pane{background:linear-gradient(45deg,#fafafa 25%,#0000 25% 75%,#fafafa 75%) 0 0/20px 20px,#fff;flex-direction:column;min-width:0;display:flex}.preview-toolbar{justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:flex}.lever-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:0 .75rem .5rem;display:flex}.lever{opacity:.75;align-items:center;gap:.4rem;font-size:.72rem;display:flex}.lever input[type=range]{accent-color:#3670f0;width:88px}.lever input[type=color]{cursor:pointer;background:#fff;border:1px solid #e7e7ea;border-radius:50%;block-size:26px;inline-size:26px;padding:2px}.crumbs{justify-content:center;align-items:center;gap:.35rem;padding:0 .75rem .5rem;font-size:.75rem;display:flex}.crumb{font:inherit;cursor:pointer;color:inherit;background:#fff;border:1px solid #e7e7ea;border-radius:999px;padding:.15rem .6rem}.crumb.active{color:#2456c4;background:#eef3fe;border-color:#b9cdfa}.preview-viewport{flex:1;justify-content:center;min-height:0;display:flex}.preview-viewport iframe{border:0;width:100%;height:100%;transition:width .25s}.vp-tablet iframe{background:canvas;border-inline:1px solid #e7e7ea;width:768px;max-width:100%}.vp-mobile iframe{background:canvas;border-inline:1px solid #e7e7ea;width:375px;max-width:100%}.code-pane{background:#fff;border-left:1px solid #e7e7ea;flex-direction:column;min-height:0;display:flex;overflow:auto}.code-pane .code-view{flex:1;min-height:0}.code-head{border-bottom:1px solid #f0f0f2;flex-shrink:0;justify-content:center;padding:.45rem;display:flex}.file-tabs{border-bottom:1px solid #f0f0f2;flex-shrink:0;gap:.25rem;padding:.35rem .6rem;display:flex;overflow-x:auto}.file-tab{font:inherit;cursor:pointer;color:inherit;opacity:.6;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.45rem;padding:.2rem .55rem;font-size:.72rem}.file-tab.active{opacity:1;color:#2456c4;background:#f2f5fd;border-color:#dbe5fb}.compile-error{color:#a33a3a;white-space:pre-wrap;background:#fdf1f1;border-bottom:1px solid #f3d6d6;max-height:8rem;padding:.5rem .9rem;font:.75rem ui-monospace,monospace;overflow:auto}.inspector{border-bottom:1px solid var(--lightningcss-light,#e7e7ea)var(--lightningcss-dark,#ffffff1a);flex-shrink:0;padding:.6rem .9rem .75rem}.inspector-head code{color:var(--lightningcss-light,#2456c4)var(--lightningcss-dark,#86a9f2);font-size:.8rem}.inspector-rows{gap:.45rem;margin-top:.5rem;display:grid}.inspector-row{opacity:.9;grid-template-columns:6.5rem 1fr;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.inspector-row select,.inspector-row input[type=text]{font:inherit;color:inherit;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff0f);border:1px solid var(--lightningcss-light,#e7e7ea)var(--lightningcss-dark,#ffffff24);border-radius:.45rem;min-width:0;padding:.25rem .4rem}.inspector-bools{flex-wrap:wrap;gap:.35rem .8rem;margin-top:.2rem;display:flex}.inspector-bool{align-items:center;gap:.3rem;font-size:.75rem;display:flex}.code-view .cm-editor{height:100%;font-size:.85rem}.code-view .cm-editor.cm-focused{outline:none}.code-view .cm-editor .cm-gutters{color:var(--lightningcss-light,#6c6c6c)var(--lightningcss-dark,#82868f);background:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#ffffff0d);border-right:1px solid var(--lightningcss-light,#ddd)var(--lightningcss-dark,#ffffff14)}.code-view .cm-editor .cm-activeLineGutter{color:var(--lightningcss-light,#6c6c6c)var(--lightningcss-dark,#c8cbd2);background:var(--lightningcss-light,#e2f2ff)var(--lightningcss-dark,#ffffff14)}@media (width<=900px){.block-body{grid-template-columns:1fr}.code-pane{border-left:0}}.canvas-page{background:var(--cv-floor);color:var(--cv-ink);font:14px/1.5 var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--cv-ink:var(--lightningcss-light,#18191d)var(--lightningcss-dark,#e7e8ec);--cv-muted:var(--lightningcss-light,#6b6e78)var(--lightningcss-dark,#b8bcc6);--cv-hair:var(--lightningcss-light,#e7e8ec)var(--lightningcss-dark,#ffffff1a);--cv-panel:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1d22);--cv-floor:var(--lightningcss-light,#f6f7f9)var(--lightningcss-dark,#121317);--cv-sh-a:var(--lightningcss-light,#11121a0d)var(--lightningcss-dark,#0006);--cv-sh-b:var(--lightningcss-light,#11121a0f)var(--lightningcss-dark,#00000080);--cv-sh-c:var(--lightningcss-light,#11121a14)var(--lightningcss-dark,#00000080);--cv-sh-d:var(--lightningcss-light,#11121a29)var(--lightningcss-dark,#000000a8);--cv-shadow-1:0 1px 2px var(--cv-sh-a), 0 4px 14px var(--cv-sh-b);--cv-shadow-2:0 2px 6px var(--cv-sh-c), 0 14px 44px var(--cv-sh-d);--frost-blur:20px;--frost-saturate:1.6;--frost-scrim:var(--lightningcss-light,#fafaf9b3)var(--lightningcss-dark,#1c1d22e6);--frost-solid:var(--lightningcss-light,#f6f6f4)var(--lightningcss-dark,#1e1f24);position:fixed;inset:0}@media (prefers-color-scheme:dark){.canvas-page{--lightningcss-light: ;--lightningcss-dark:initial}}.canvas-page .cv-glass.cv-glass{background:var(--frost-scrim);-webkit-backdrop-filter:blur(var(--frost-blur)) saturate(var(--frost-saturate));backdrop-filter:blur(var(--frost-blur)) saturate(var(--frost-saturate))}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.canvas-page .cv-glass.cv-glass{background:var(--frost-solid)}}@media (prefers-reduced-transparency:reduce){.canvas-page .cv-glass.cv-glass{background:var(--frost-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}.canvas-page .panelbox{background:var(--cv-panel);border:1px solid var(--cv-hair);box-shadow:var(--cv-shadow-1);border-radius:14px}.canvas-page #nav{z-index:20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;width:212px;color:var(--lightningcss-light,var(--cv-ink))var(--lightningcss-dark,#e7e5df);--app-nav-text:var(--lightningcss-light,#374151)var(--lightningcss-dark,#e4e6ea);--app-nav-text-strong:var(--lightningcss-light,#111827)var(--lightningcss-dark,#fff);--app-bg-hover:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff14);--app-twist-hover:var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff1f);--app-twist-hover-sel:var(--lightningcss-light,#00000008)var(--lightningcss-dark,#ffffff17);--app-bg-selected:var(--lightningcss-light,#fffa)var(--lightningcss-dark,#ffffff24);--app-tree-line:var(--lightningcss-light,#00000016)var(--lightningcss-dark,#ffffff1f);background:var(--frost-scrim);border-radius:16px;position:fixed;top:16px;bottom:76px;left:16px}@media (prefers-color-scheme:dark){.canvas-page #nav{--lightningcss-light: ;--lightningcss-dark:initial}}.canvas-page .cv-nav-frost{box-shadow:var(--cv-shadow-1)}.canvas-page .cv-nav-inner{flex-direction:column;height:100%;display:flex}.canvas-page .cv-nav-inner .cv-tree{flex:0 auto;min-height:0}.canvas-page .cv-brand{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;padding:14px 16px 10px;font-family:inherit;font-size:14.5px;font-weight:700;transition:opacity .15s}.canvas-page .cv-brand:hover{opacity:.75}.canvas-page .cv-brand:active{opacity:.55;transition-duration:0s}.canvas-page .cv-brand span{color:#9aa0aa;font-weight:500}.canvas-page .cv-tree{flex-direction:column;gap:4px;padding:8px 8px 10px;display:flex;overflow-y:auto}.canvas-page .cv-group{flex-direction:column;flex:none;display:flex}.canvas-page .cv-cat-row{border-radius:8px;align-items:center;gap:4px;padding-right:5px;display:flex}.canvas-page .cv-cat-row:hover{background:var(--app-bg-hover)}.canvas-page .cv-cat-row.selected{background:var(--app-bg-selected)}.canvas-page .cv-lbl{text-align:left;cursor:pointer;min-width:0;color:var(--app-nav-text);background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px;font-size:12px;font-weight:500;display:flex}.canvas-page .cv-cat-row.selected .cv-lbl,.canvas-page .cv-cat-row.selected .cv-twist{color:var(--app-nav-text-strong)}.canvas-page .cv-cat-icon{flex:none;align-items:center;font-size:22px;display:flex}.canvas-page .cv-cat-labeltext{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-page .cv-twist{width:28px;height:28px;color:var(--app-nav-text);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;font-size:14px;transition:transform .2s,background-color .12s;display:grid}.canvas-page .cv-twist:hover{background:var(--app-twist-hover)}.canvas-page .cv-cat-row.selected .cv-twist:hover{background:var(--app-twist-hover-sel)}.canvas-page .cv-cat-row.expanded .cv-twist{transform:rotate(90deg)}.canvas-page .cv-kids{border-left:1px solid var(--app-tree-line);grid-template-rows:0fr;margin-left:20px;transition:grid-template-rows .26s;display:grid;overflow:hidden}.canvas-page .cv-kids.open{grid-template-rows:1fr}.canvas-page .cv-kids-inner{box-sizing:border-box;flex-direction:column;gap:2px;min-height:0;max-height:calc(100dvh - 20rem);margin-top:0;padding:0 24px 0 0;transition:margin-top .5s;display:flex;overflow-y:auto}.cv-kids.open .cv-kids-inner{margin-top:4px}.canvas-page .cv-nav-inner:has(#layers) .cv-kids-inner{max-height:calc(100dvh - 30rem)}.canvas-page .cv-kid{color:var(--app-nav-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;align-items:center;gap:8px;margin-left:8px;padding:8px 16px 8px 8px;font-size:12px;font-weight:500;display:flex}.canvas-page .cv-kid:hover{background:var(--app-bg-hover)}.canvas-page .cv-kid.selected{background:var(--app-bg-selected);color:var(--app-nav-text-strong)}.canvas-page .tool{cursor:pointer;min-width:30px;height:28px;color:var(--cv-ink);background:0 0;border:0;border-radius:9px;place-items:center;padding:0 10px;font-size:13px;display:grid}.canvas-page .tool:hover{background:var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff17)}.canvas-page .cv-scene-root{transform-origin:0 0;--g-unit:calc(.25rem * var(--f-density));--g-row-sm:calc(var(--g-unit) * 6);--g-row-md:calc(var(--g-unit) * 8);--g-row-lg:calc(var(--g-unit) * 10);--g-line-sm:calc(var(--g-unit) * 4);--g-line-md:calc(var(--g-unit) * 5);--g-line-lg:calc(var(--g-unit) * 6);--g-icon-size:calc(var(--g-unit) * 5);--g-space-0_5:calc(var(--g-unit) * .5);--g-space-1:calc(var(--g-unit) * 1);--g-space-2:calc(var(--g-unit) * 2);--g-space-3:calc(var(--g-unit) * 3);--g-space-4:calc(var(--g-unit) * 4);--g-space-6:calc(var(--g-unit) * 6);--g-font-unit:calc(.125rem * var(--f-density));--g-font-sm:calc(var(--g-font-unit) * 6) / var(--g-line-sm) var(--g-font-sans);--g-font-md:calc(var(--g-font-unit) * 7) / var(--g-line-md) var(--g-font-sans);--g-font-lg:calc(var(--g-font-unit) * 8) / var(--g-line-lg) var(--g-font-sans)}.canvas-page .cv-scene-root.enter{animation:.34s cubic-bezier(.22,.9,.28,1) cv-scene-in}@keyframes cv-scene-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes cv-morph-fade{0%{opacity:0}}.canvas-page .cv-scene-root.cv-has-raised .cv-scene-title{opacity:.15}.canvas-page .cv-scene-title{transition:opacity .3s cubic-bezier(.22,.9,.28,1)}.canvas-page .cv-hero.cv-raised .cv-card-head{opacity:0}.canvas-page.cv-reading .cv-scene-root{opacity:.06;transition:opacity .25s ease-out}.canvas-page .cv-overlay-out{animation:.24s ease-out both cv-overlay-out}.canvas-page .cv-preview-overlay.cv-vt{view-transition-name:vt-overlay;animation:none}@keyframes cv-overlay-in{0%{opacity:0;transform:scale(.96)}}@keyframes cv-overlay-out{to{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.canvas-page .cv-preview-overlay,.canvas-page .cv-overlay-out{animation:none}.canvas-page.cv-reading .cv-scene-root{transition:none}}.canvas-page .cv-preview-overlay{z-index:50;background:var(--cv-panel);animation:.32s cubic-bezier(.22,.9,.28,1) both cv-overlay-in;position:fixed;inset:0}.canvas-page .cv-preview-overlay iframe{border:0;width:100%;height:100%}.canvas-page .cv-preview-close{z-index:51;background:var(--frost-scrim);-webkit-backdrop-filter:blur(var(--frost-blur)) saturate(var(--frost-saturate));backdrop-filter:blur(var(--frost-blur)) saturate(var(--frost-saturate));color:var(--cv-ink);cursor:pointer;box-shadow:var(--cv-shadow-1);border:0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:560;transition:transform .15s;position:fixed;top:16px;right:16px}.canvas-page .cv-preview-close:active{transition-duration:0s;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.canvas-page .cv-preview-overlay{animation:none}}.canvas-page .cv-scene-title{letter-spacing:-.02em;color:var(--cv-ink);font-size:44px;font-weight:700;position:absolute}.canvas-page .cv-scene-title small{color:var(--cv-muted);letter-spacing:0;margin-left:14px;font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:450}.canvas-page .cv-card,.canvas-page .cv-hero{background:var(--cv-panel);border:1px solid var(--cv-hair);box-shadow:var(--cv-shadow-1);border-radius:16px;position:absolute;overflow:hidden}.canvas-page .cv-hero{cursor:pointer}.canvas-page .cv-card-head{align-items:baseline;gap:9px;padding:15px 18px 0;display:flex}.canvas-page .cv-card-title{color:var(--cv-ink);font-size:13.5px;font-weight:640}.canvas-page .cv-tag{color:var(--cv-muted);font-family:ui-monospace,Menlo,monospace;font-size:11px}.canvas-page .cv-card-body{color:var(--cv-ink);padding:14px 18px 18px}.canvas-page .cv-hero-body{min-height:150px}.canvas-page .cv-note .cv-card-body{color:var(--cv-muted);font-size:13px}.canvas-page .cv-tok .cv-card-head{flex-wrap:wrap}.canvas-page .cv-tok-body{padding:13px 16px 16px}.canvas-page .cv-tok-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.canvas-page .cv-tok-sw{min-height:80px;box-shadow:inset 0 0 0 1px color-mix(in oklab, currentcolor 13%, transparent);border-radius:11px;flex-direction:column;justify-content:flex-end;gap:2px;padding:11px;display:flex;overflow:hidden}.canvas-page .cv-tok-sw b{text-transform:capitalize;font-size:12.5px;font-weight:620;line-height:1.1}.canvas-page .cv-tok-sw code{opacity:.72;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,Menlo,monospace;font-size:10px;overflow:hidden}.canvas-page .cv-tok-rows{flex-direction:column;gap:11px;display:flex}.canvas-page .cv-tok-type{align-items:center;gap:16px;display:flex}.canvas-page .cv-tok-type>span{color:var(--cv-ink);min-width:58px}.canvas-page .cv-tok-meta{flex-direction:column;gap:1px;display:flex}.canvas-page .cv-tok-meta b{color:var(--cv-ink);font-size:12px;font-weight:600}.canvas-page .cv-tok-meta code{color:var(--cv-muted);font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.canvas-page .cv-tok-space{align-items:center;gap:16px;display:flex}.canvas-page .cv-tok-bar{background:var(--a-fill);border-radius:4px;flex:none;min-width:2px;height:16px}.canvas-page .cv-tok-radii{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.canvas-page .cv-tok-radius{flex-direction:column;align-items:center;gap:7px;display:flex}.canvas-page .cv-tok-radius>span{background:var(--a-soft-bg);border:1.5px solid var(--a-stroke);width:56px;height:56px}.canvas-page .cv-tok-radius b{color:var(--cv-muted);font-size:11px;font-weight:600}.canvas-page .cv-tok-pad{background:var(--a-soft-bg);border-radius:5px;display:inline-block}.canvas-page .cv-tok-pad>span{background:var(--a-fill);border-radius:3px;width:16px;height:16px;display:block}.canvas-page .cv-tok-applied{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.canvas-page .cv-tok-fams{flex-direction:column;gap:8px;display:flex}.canvas-page .cv-tok-fam{grid-template-columns:88px repeat(3,1fr);align-items:stretch;gap:8px;display:grid}.canvas-page .cv-tok-fam-name{color:var(--cv-ink);text-transform:capitalize;align-items:center;font-size:12.5px;font-weight:600;display:flex}.canvas-page .cv-tok-fam-sw{border-radius:8px;justify-content:center;align-items:center;min-height:34px;font-size:11.5px;font-weight:600;display:flex}.canvas-page .cv-tok-nest{color:var(--g-fg);border-radius:12px;padding:14px}.canvas-page .cv-tok-nest>div{border-radius:10px;margin-top:8px;padding:14px}.canvas-page .cv-tok-nest span{color:var(--g-muted);font-family:ui-monospace,Menlo,monospace;font-size:11px}.canvas-page .cv-tok-elev{align-items:center;gap:16px;display:flex}.canvas-page .cv-tok-elev-row el-card{flex:1}.canvas-page .cv-tok-varlist{flex-wrap:wrap;gap:6px;display:flex}.canvas-page .cv-tok-preview{width:100%}.canvas-page .cv-tok-mini .cv-tok-sw{gap:1px;min-height:52px;padding:9px}.canvas-page .cv-tok-mini .cv-tok-sw code{font-size:9px}.canvas-page .cv-workspace{position:absolute}@media (prefers-reduced-motion:reduce){.canvas-page .cv-scene-root.enter{animation:none}.canvas-page #props,.canvas-page .cv-kids{transition:none}.canvas-page .cv-scene-root[data-view=index] .cv-index,.canvas-page .cv-scene-root[data-view=cards] .cv-hero{animation:none}.canvas-page .cv-scene-title{transition:none}}.canvas-page .cv-hero{flex-direction:column;display:flex}.canvas-page .cv-txt-chip{color:var(--cv-muted);border:1px solid var(--cv-hair);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:10.5px}.canvas-page .cv-txt-chip:hover{color:var(--cv-ink);border-color:var(--lightningcss-light,#d6d7db)var(--lightningcss-dark,#fff3)}.canvas-page .cv-node-stage{border-top:1px solid var(--cv-hair);background:var(--g-bg);min-height:150px;color:var(--g-fg);pointer-events:none;border-radius:0 0 15px 15px;flex:1;place-items:center;padding:16px;font-size:13px;display:grid;overflow:hidden}.canvas-page .cv-node-fallback{text-align:center;color:var(--cv-muted);font-size:12px}.canvas-page .cv-index{transform-origin:0 0;flex-direction:column;gap:6px;display:none;position:absolute}.canvas-page .cv-scene-root[data-view=index] .cv-index{animation:.2s ease-out cv-morph-fade;display:flex}.canvas-page .cv-scene-root[data-view=cards] .cv-hero{animation:.2s ease-out cv-morph-fade}.canvas-page .cv-scene-root[data-view=index] .cv-hero,.canvas-page .cv-scene-root[data-view=index] .cv-scene-title small{display:none}.canvas-page .cv-index-row{letter-spacing:-.025em;color:var(--lightningcss-light,#cbccd2)var(--lightningcss-dark,#34353c);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:72px;font-weight:680;line-height:1.12;transition:color .15s,transform .15s}.canvas-page .cv-index-row:hover{color:var(--cv-ink)}.canvas-page .cv-index-row .cv-tag{color:var(--lightningcss-light,#cbccd2)var(--lightningcss-dark,#34353c);margin-left:18px;font-size:20px}.canvas-page .cv-home-body{padding:40px 44px 36px}.canvas-page .cv-home-body h1{letter-spacing:-.02em;color:var(--cv-ink);margin:0 0 10px;font-size:40px;font-weight:720}.canvas-page .cv-home-body h1 span{color:var(--cv-muted);font-weight:500}.canvas-page .cv-home-body p{color:var(--cv-muted);max-width:54ch;margin:0 0 26px;font-size:15.5px;line-height:1.65}.canvas-page .cv-home-body p code{font-family:ui-monospace,Menlo,monospace;font-size:13px}.canvas-page .cv-home-cta{background:var(--cv-ink);color:var(--cv-panel);cursor:pointer;border:0;border-radius:999px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:560;transition:transform .15s}.canvas-page .cv-home-cta:hover{transform:translateY(-1px)}.canvas-page .cv-home-cta:active{transition-duration:0s;transform:scale(.97)}@media (prefers-reduced-motion:reduce){.canvas-page .cv-home-cta,.canvas-page .cv-home-cta:hover,.canvas-page .cv-home-cta:active{transition:none;transform:none}}.canvas-page .cv-block-stage{place-items:stretch stretch;padding:0;overflow:hidden}.canvas-page .cv-block-node .cv-card-head{z-index:1;position:relative}.canvas-page .cv-block-node-stage{background:var(--g-bg);border-top:1px solid var(--cv-hair);pointer-events:none;border-radius:0 0 15px 15px;height:620px;padding:0;overflow:hidden}.canvas-page :where(.cv-isl){box-sizing:border-box;place-items:center;min-height:100%;padding:2rem;font-family:system-ui,sans-serif;display:grid}.canvas-page .cv-block-stage .cv-island,.canvas-page .cv-island{pointer-events:none;display:block}.canvas-page .cv-block-node-stage .cv-island{pointer-events:auto;display:block}.canvas-page #cv-toast{z-index:60;color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#18191d);background:var(--lightningcss-light,#18191d)var(--lightningcss-dark,#eceef2);border-radius:999px;padding:8px 16px;font-size:12.5px;transition:transform .25s;position:fixed;top:18px;left:50%;transform:translate(-50%,-60px)}.canvas-page #cv-toast.show{transform:translate(-50%)}.canvas-page .cv-pg-stage{pointer-events:auto;min-height:220px}.canvas-page .cv-pg-static{place-items:stretch stretch;padding:0}.canvas-page .cv-docs-column{flex-direction:column;align-items:flex-start;gap:56px;width:960px;display:flex;position:absolute;top:130px;left:30px}.canvas-page .cv-docs-column .cv-panel{position:static}.canvas-page .cv-panel.cv-ghost{box-shadow:none;background:0 0;border:0;overflow:visible}.canvas-page .cv-panel.cv-ghost .cv-card-body{padding:0}.canvas-page .cv-panel.cv-ghost .cv-node-stage{background:0 0;border-top:0}.canvas-page .cv-panel[data-panel=docs] .cv-doc-detail{grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,.9,.28,1);display:grid}.canvas-page .cv-panel[data-panel=docs] .cv-doc-detail-inner{opacity:0;min-height:0;transition:opacity .25s ease-out;overflow:hidden}.canvas-page .cv-panel[data-panel=docs].cv-raised .cv-doc-detail{grid-template-rows:1fr}.canvas-page .cv-panel[data-panel=docs].cv-raised .cv-doc-detail-inner{opacity:1;transition-delay:.18s}.canvas-page .cv-doc-more{color:var(--cv-muted);margin:10px 0 0;font-size:12px;transition:opacity .15s ease-out}.canvas-page .cv-panel[data-panel=docs].cv-raised .cv-doc-more{opacity:0}.canvas-page .cv-panel[data-panel=docs].cv-raised.cv-raised{box-shadow:var(--cv-shadow-2);transform:none}.canvas-page .cv-panel[data-panel=docs] .cv-doc{color:var(--lightningcss-light,#25262b)var(--lightningcss-dark,#d7dae0);font-size:14px;line-height:1.9}.canvas-page .cv-panel[data-panel=docs] .cv-doc h5{letter-spacing:0;text-transform:none;color:var(--cv-ink);margin:2.2em 0 .45em;font-size:16.5px;font-weight:600}.canvas-page .cv-panel[data-panel=docs] .cv-doc .doc-code{border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.7}@media (prefers-reduced-motion:reduce){.canvas-page .cv-panel[data-panel=docs] .cv-doc-detail,.canvas-page .cv-panel[data-panel=docs] .cv-doc-detail-inner,.canvas-page .cv-doc-more{transition:none}}.canvas-page .cv-variants{gap:12px;display:grid}.canvas-page .cv-variant-row{grid-template-columns:84px auto 1fr;align-items:center;gap:14px;display:grid}.canvas-page .cap{letter-spacing:.08em;text-transform:uppercase;color:var(--cv-muted);font-size:10.5px}.canvas-page .markup{border:1px solid var(--cv-hair);color:var(--cv-ink);cursor:pointer;word-break:break-all;background:var(--lightningcss-light,#f4f5f7)var(--lightningcss-dark,#ffffff0d);border-radius:8px;padding:6px 9px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.canvas-page .markup:hover{border-color:var(--lightningcss-light,#d6d7db)var(--lightningcss-dark,#fff3)}.canvas-page .cv-panel[data-panel=states] .cv-card-body{overflow-x:auto}.canvas-page .cv-states{grid-template-columns:84px repeat(5,auto);align-items:center;gap:11px 16px;width:max-content;display:grid}.canvas-page .cv-state-cell{display:inline-flex}.canvas-page .cv-doc{color:var(--lightningcss-light,#3f4149)var(--lightningcss-dark,#c3c6cd);font-size:12.5px;line-height:1.6}.canvas-page .cv-doc-intro{color:var(--cv-ink)}.canvas-page .cv-doc h5{letter-spacing:.1em;text-transform:uppercase;color:var(--cv-muted);margin:14px 0 4px;font-size:10.5px}.canvas-page .cv-doc p{margin:0 0 6px}.canvas-page .cv-doc ul{margin:0 0 6px;padding-left:18px}.canvas-page .cv-doc .doc-code{white-space:pre-wrap;background:var(--lightningcss-light,#f0f1f3)var(--lightningcss-dark,#ffffff0f);border-radius:8px;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow-x:auto}.canvas-page .cv-doc-footer{border-top:1px solid var(--cv-hair);color:var(--cv-muted);align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.canvas-page .cv-hero,.canvas-page .cv-card{transition:transform .35s linear(0, .093, .319, .586, .826, 1.003, 1.108, 1.152, 1.153, 1.131, 1.1, 1.05, 1.014, .997, .995, 1), opacity .28s cubic-bezier(.22, .9, .28, 1)}.canvas-page .cv-scene-root.cv-has-raised :is(.cv-hero,.cv-card):not(.cv-raised){opacity:.15;transform:scale(.97)}.canvas-page :is(.cv-hero,.cv-card).cv-raised{box-shadow:var(--cv-shadow-2);z-index:3;transform:scale(1.06)}.canvas-page .cv-hero:active{transition-duration:0s;transform:scale(.99)}.canvas-page :is(.cv-swatch,.cv-seg button,.tool,.cv-pbtn,.cv-txt-chip,.cv-pbtn-link){transition:transform .15s,background .15s,color .15s,border-color .15s}.canvas-page :is(.cv-swatch,.cv-seg button,.tool,.cv-pbtn,.cv-txt-chip,.cv-pbtn-link):active{transition-duration:0s;transform:scale(.94)}.canvas-page :is(.cv-kid,.cv-cat-row):active{background:var(--app-bg-selected);transition-duration:0s}.canvas-page :is(.cv-kid,.cv-lbl,.cv-twist,.cv-brand,.cv-layer,.cv-swatch,.cv-seg button,.tool,.cv-pbtn,.cv-txt-chip,.cv-index-row,.cv-home-cta,.cv-hero):focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#3670f0)var(--lightningcss-dark,#7aa5ff)}.canvas-page .cv-index-row:active{transform-origin:0;transition-duration:0s;transform:scale(.985)}@media (prefers-reduced-motion:reduce){.canvas-page .cv-hero:active,.canvas-page :is(.cv-swatch,.cv-seg button,.tool,.cv-pbtn,.cv-txt-chip,.cv-pbtn-link):active,.canvas-page .cv-index-row:active,.canvas-page .cv-hero:hover:not(.cv-raised){transform:none}}@media (hover:hover) and (pointer:fine){.canvas-page .cv-hero:hover:not(.cv-raised){transform:translateY(-2px)}.canvas-page .cv-scene-root.cv-has-raised .cv-hero:not(.cv-raised):hover{opacity:.5}}@media (prefers-reduced-motion:reduce){.canvas-page .cv-hero,.canvas-page .cv-card{transition:none}}.canvas-page .cv-open-hint{color:var(--cv-muted);opacity:0;background:var(--cv-panel);border:1px solid var(--cv-hair);pointer-events:none;border-radius:6px;padding:2px 8px;font-size:11px;transition:opacity .2s;position:absolute;bottom:12px;right:14px}.canvas-page .cv-hero.cv-raised .cv-open-hint{opacity:1}.canvas-page #layers{border-top:1px solid var(--cv-hair);flex:none;padding:4px 8px 10px}.canvas-page .cv-sec{letter-spacing:.1em;text-transform:uppercase;color:var(--cv-muted);padding:10px 8px 6px;font-size:10.5px}.canvas-page .cv-layer{text-align:left;width:100%;color:var(--app-nav-text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:500;display:block}.canvas-page .cv-layer:hover{background:var(--app-bg-hover)}.canvas-page .cv-layer.on{background:var(--app-bg-selected);color:var(--app-nav-text-strong)}.canvas-page #props{z-index:20;width:280px;max-height:calc(100vh - 108px);color:var(--cv-ink);flex-direction:column;transition:transform .28s cubic-bezier(.22,.9,.28,1);display:flex;position:fixed;top:16px;right:16px;overflow-y:auto;transform:translate(320px)}.canvas-page #props.open{transform:none}.canvas-page #props.cv-props-wide{width:min(480px,100vw - 64px)}.canvas-page #props.cv-props-wide:not(.open){transform:translate(540px)}.canvas-page #props.cv-props-wide .code-view .cm-editor{font-size:11.5px}.canvas-page #props.cv-props-morph>*{animation:.15s ease-out both cv-morph-fade}@media (prefers-reduced-motion:reduce){.canvas-page #props.cv-props-morph>*{animation:none}}.canvas-page .cv-code-sec{gap:6px}.canvas-page .cv-code-sec .code-view{border:1px solid var(--cv-hair);border-radius:10px;height:clamp(260px,100vh - 430px,560px);overflow:hidden}.canvas-page #props .code-view .cm-editor{font-size:10px;line-height:1.5}.canvas-page #props .code-view .cm-content{word-break:break-word}.canvas-page .cv-fw-tabs{border:1px solid var(--cv-hair);background:var(--lightningcss-light,#f0f1f4)var(--lightningcss-dark,#ffffff0f);border-radius:9px;gap:2px;width:fit-content;padding:2px;display:inline-flex}.canvas-page .cv-fw-tabs button{appearance:none;color:var(--cv-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.canvas-page .cv-fw-tabs button.on{background:var(--cv-panel);color:var(--cv-ink);box-shadow:var(--cv-shadow-1)}.canvas-page .cv-fw-tabs button:disabled{opacity:.45;cursor:default}.canvas-page .cv-file-tabs{background:0 0;border:0;gap:4px;padding:0}.canvas-page .cv-file-tabs button{border:1px solid #0000;padding:3px 9px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.canvas-page .cv-file-tabs button.on{border-color:var(--cv-hair)}.canvas-page .cv-compile-error{color:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ff8a80);white-space:pre-wrap;max-height:120px;font-family:ui-monospace,Menlo,monospace;font-size:11px;overflow-y:auto}.canvas-page .cv-pbtn-link{text-decoration:none;display:block}.canvas-page .cv-props-head{border-bottom:1px solid var(--cv-hair);align-items:baseline;gap:8px;padding:14px 16px 10px;display:flex}.canvas-page .cv-props-head b{font-size:13.5px}.canvas-page .cv-props-head .cv-tag{margin-left:auto}.canvas-page .cv-props-sec{border-bottom:1px solid var(--cv-hair);gap:8px;padding:13px 16px;display:grid}.canvas-page .cv-props-sec:last-child{border-bottom:0}.canvas-page .cv-props-label{letter-spacing:.1em;text-transform:uppercase;color:var(--cv-muted);font-size:10.5px}.canvas-page .cv-pbtn{border:1px solid var(--cv-hair);text-align:center;cursor:pointer;color:var(--cv-ink);background:0 0;border-radius:9px;padding:7px 10px;font-size:12.5px}.canvas-page .cv-pbtn:hover{background:var(--lightningcss-light,#f0f1f3)var(--lightningcss-dark,#ffffff14)}.canvas-page #bar{z-index:20;color:var(--cv-ink);border-radius:999px;align-items:center;gap:15px;padding:9px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.canvas-page #crumb{color:var(--cv-muted);min-width:130px;font-size:12px}.canvas-page #crumb b{color:var(--cv-ink);font-weight:560}.canvas-page .cv-bar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cv-muted);font-size:10.5px}.canvas-page .cv-bar-group{align-items:center;gap:7px;display:flex}.canvas-page .cv-zoom-group{gap:0}.canvas-page .cv-zoom-step{min-width:26px;padding:0 6px;font-size:15px}.canvas-page .cv-zoom-pct{font-variant-numeric:tabular-nums;min-width:46px;color:var(--cv-ink);padding:0 4px;font-size:12.5px}.canvas-page .cv-swatch{border:2px solid var(--cv-panel);width:24px;height:24px;box-shadow:0 0 0 1px var(--cv-hair);cursor:pointer;border-radius:50%;padding:0}.canvas-page .cv-swatch.on{box-shadow:0 0 0 2px var(--cv-ink)}.canvas-page .cv-accent{display:flex;position:relative}.canvas-page .cv-accent-trigger{border:1px solid var(--cv-hair);height:28px;color:var(--cv-muted);cursor:pointer;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff0f);border-radius:999px;align-items:center;gap:5px;padding:0 7px;display:inline-flex}.canvas-page .cv-accent-trigger:hover{background:var(--lightningcss-light,#f0f1f3)var(--lightningcss-dark,#ffffff1a)}.canvas-page .cv-accent-dot{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000024}.canvas-page .cv-accent-caret{color:var(--cv-muted);transition:transform .15s}.canvas-page .cv-accent-trigger[aria-expanded=true] .cv-accent-caret{transform:rotate(180deg)}.canvas-page .cv-accent-pop{z-index:30;background:var(--cv-panel);border:1px solid var(--cv-hair);width:216px;box-shadow:var(--cv-shadow-2);border-radius:14px;flex-direction:column;gap:10px;padding:12px;animation:.14s cv-accent-in;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes cv-accent-in{0%{opacity:0;transform:translate(-50%,5px)}}.canvas-page .cv-accent-pop .cv-bar-label{padding-left:1px}.canvas-page .cv-accent-swatches{gap:8px;display:flex}.canvas-page .cv-accent-swatches .cv-swatch{width:28px;height:28px}.canvas-page .cv-accent-custom{align-items:center;gap:8px;display:flex}.canvas-page .cv-accent-native{border:1px solid var(--cv-hair);cursor:pointer;background:0 0;border-radius:8px;flex:none;width:30px;height:30px;padding:0}.canvas-page .cv-accent-native::-webkit-color-swatch-wrapper{padding:2px}.canvas-page .cv-accent-native::-webkit-color-swatch{border:0;border-radius:6px}.canvas-page .cv-accent-hex{min-width:0;height:30px;color:var(--cv-ink);border:1px solid var(--cv-hair);background:var(--lightningcss-light,#f4f5f7)var(--lightningcss-dark,#ffffff0d);border-radius:8px;flex:1;padding:0 10px;font:12px ui-monospace,Menlo,monospace}.canvas-page .cv-accent-hex:focus{border-color:var(--lightningcss-light,#c6c8ce)var(--lightningcss-dark,#ffffff3d);outline:none}.canvas-page .cv-scheme-toggle{min-width:28px;color:var(--cv-muted);padding:0}.canvas-page .cv-scheme-toggle:hover{color:var(--cv-ink)}.canvas-page .cv-swatch-color{border:1px solid var(--cv-hair);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;padding:0}.canvas-page #bar input[type=range]{accent-color:var(--lightningcss-light,#6b675e)var(--lightningcss-dark,#9aa0aa);width:76px}.canvas-page .cv-bar-div{background:var(--cv-hair);width:1px;height:20px}.canvas-page .cv-seg{background:var(--lightningcss-light,#f0f1f4)var(--lightningcss-dark,#ffffff14);border-radius:999px;padding:2px;display:flex}.canvas-page .cv-seg button{color:var(--cv-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 11px;font-size:12px}.canvas-page .cv-seg button.on{color:var(--cv-ink);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff29);box-shadow:0 1px 3px #0003}.canvas-page{--dial-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff0f);--dial-surface-hover:var(--lightningcss-light,#f0f1f3)var(--lightningcss-dark,#ffffff1a);--dial-surface-active:var(--lightningcss-light,#e7e8ec)var(--lightningcss-dark,#ffffff24);--dial-surface-subtle:var(--lightningcss-light,#f4f5f7)var(--lightningcss-dark,#ffffff0d);--dial-text-root:var(--cv-ink);--dial-text-section:var(--cv-muted);--dial-text-label:var(--cv-muted);--dial-text-focus:var(--cv-ink);--dial-text-primary:var(--cv-ink);--dial-text-secondary:var(--cv-muted);--dial-text-tertiary:var(--lightningcss-light,#aeb1b9)var(--lightningcss-dark,#fff6);--dial-border:var(--cv-hair);--dial-border-hover:var(--lightningcss-light,#d6d7db)var(--lightningcss-dark,#fff3);--dial-glass-bg:var(--cv-panel);--dial-dropdown-bg:var(--cv-panel);--dial-radius:8px;--dial-row-height:30px;--dial-shadow:var(--cv-shadow-2);--dial-shadow-collapsed:var(--cv-shadow-1);--dial-shadow-dropdown:var(--cv-shadow-2)}.canvas-page #bar .cv-lever{width:124px}.dialkit-select-dropdown,.dialkit-preset-dropdown,.dialkit-shortcuts-dropdown{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--dial-glass-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#26272d);--dial-dropdown-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#26272d);--dial-surface-hover:var(--lightningcss-light,#f0f1f3)var(--lightningcss-dark,#ffffff1a);--dial-surface-active:var(--lightningcss-light,#e7e8ec)var(--lightningcss-dark,#ffffff24);--dial-text-label:var(--lightningcss-light,#42444c)var(--lightningcss-dark,#c8cbd2);--dial-text-primary:var(--lightningcss-light,#18191d)var(--lightningcss-dark,#f3f4f6);--dial-border:var(--lightningcss-light,#e2e3e8)var(--lightningcss-dark,#ffffff1f);--dial-radius:8px;--dial-shadow-dropdown:0 8px 24px #00000047}@media (prefers-color-scheme:dark){.dialkit-select-dropdown,.dialkit-preset-dropdown,.dialkit-shortcuts-dropdown{--lightningcss-light: ;--lightningcss-dark:initial}}.canvas-page .inspector .dialkit-slider-wrapper,.canvas-page .inspector .dialkit-toggle,.canvas-page .inspector .dialkit-select,.canvas-page .inspector .dialkit-text-control,.canvas-page .inspector .dialkit-color-control{width:100%}::view-transition-group(vt-overlay){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,.9,.28,1)}::view-transition-image-pair(vt-overlay){animation-duration:.4s}::view-transition-old(vt-overlay){animation-duration:.4s}::view-transition-new(vt-overlay){animation-duration:.4s}::view-transition-old(root){animation-duration:.3s}::view-transition-new(root){animation-duration:.3s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-image-pair(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}