@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0a0a0a);--color-panel:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#171717);--color-line:var(--lightningcss-light,#e5e5e5)var(--lightningcss-dark,#ffffff1a);--color-ink:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,#fafafa);--color-muted:var(--lightningcss-light,#636363)var(--lightningcss-dark,#a1a1a1);--color-primary:var(--lightningcss-light,#171717)var(--lightningcss-dark,#e5e5e5);--color-primary-fg:var(--lightningcss-light,#fafafa)var(--lightningcss-dark,#171717);--color-accent:var(--lightningcss-light,#7e5d00)var(--lightningcss-dark,#f0bb3b);--color-outline:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--shadow-raised:0 0 0 1px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff17), 0 1px 3px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#0000), 0 4px 10px -4px var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#0000)}@supports (color:lab(0% 0 0)){:root,:host{--color-bg:var(--lightningcss-light,lab(100% 0 0))var(--lightningcss-dark,lab(2.75381% 0 0));--color-panel:var(--lightningcss-light,lab(96.52% -.0000298023 .0000119209))var(--lightningcss-dark,lab(7.78201% -.0000149012 0));--color-line:var(--lightningcss-light,lab(90.952% 0 -.0000119209))var(--lightningcss-dark,lab(100% 0 0/.1));--color-ink:var(--lightningcss-light,lab(2.75381% 0 0))var(--lightningcss-dark,lab(98.26% 0 0));--color-muted:var(--lightningcss-light,lab(42% 0 0))var(--lightningcss-dark,lab(66.128% -.0000298023 .0000119209));--color-primary:var(--lightningcss-light,lab(7.78201% -.0000149012 0))var(--lightningcss-dark,lab(90.952% 0 -.0000119209));--color-primary-fg:var(--lightningcss-light,lab(98.26% 0 0))var(--lightningcss-dark,lab(7.78201% -.0000149012 0));--color-accent:var(--lightningcss-light,lab(42.0699% 10.4423 66.106))var(--lightningcss-dark,lab(79.3236% 11.1274 68.2268));--color-outline:var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.1));--shadow-raised:0 0 0 1px var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(100% 0 0/.09)), 0 1px 3px var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/0)), 0 4px 10px -4px var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/0))}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1\/2{left:50%}.z-40{z-index:40}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.-mx-\[3px\]{margin-inline:-3px}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-auto{margin-right:auto}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.-ml-2\.5{margin-left:calc(var(--spacing) * -2.5)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[3\/2\]{aspect-ratio:3/2}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[1600px\]{max-width:1600px}.max-w-prose{max-width:65ch}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-12{min-width:calc(var(--spacing) * 12)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--color-accent)}.border-line{border-color:var(--color-line)}.bg-accent{background-color:var(--color-accent)}.bg-bg{background-color:var(--color-bg)}.bg-bg\/80{background-color:var(--lightningcss-light,#fffc)var(--lightningcss-dark,#0a0a0acc)}@supports (color:color-mix(in lab, red, red)){.bg-bg\/80{background-color:color-mix(in oklab, var(--color-bg) 80%, transparent)}}.bg-ink{background-color:var(--color-ink)}.bg-line{background-color:var(--color-line)}.bg-muted{background-color:var(--color-muted)}.bg-panel{background-color:var(--color-panel)}.bg-panel\/40{background-color:var(--lightningcss-light,#f5f5f566)var(--lightningcss-dark,#17171766)}@supports (color:color-mix(in lab, red, red)){.bg-panel\/40{background-color:color-mix(in oklab, var(--color-panel) 40%, transparent)}}.bg-panel\/50{background-color:var(--lightningcss-light,#f5f5f580)var(--lightningcss-dark,#17171780)}@supports (color:color-mix(in lab, red, red)){.bg-panel\/50{background-color:color-mix(in oklab, var(--color-panel) 50%, transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:#0000}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1{padding-top:var(--spacing)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pb-0{padding-bottom:0}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-pretty{text-wrap:pretty}.text-accent{color:var(--color-accent)}.text-current{color:currentColor}.text-ink{color:var(--color-ink)}.text-line{color:var(--color-line)}.text-muted{color:var(--color-muted)}.text-muted\/60{color:var(--lightningcss-light,#63636399)var(--lightningcss-dark,#a1a1a199)}@supports (color:color-mix(in lab, red, red)){.text-muted\/60{color:color-mix(in oklab, var(--color-muted) 60%, transparent)}}.text-muted\/70{color:var(--lightningcss-light,#636363b3)var(--lightningcss-dark,#a1a1a1b3)}@supports (color:color-mix(in lab, red, red)){.text-muted\/70{color:color-mix(in oklab, var(--color-muted) 70%, transparent)}}.text-primary-fg{color:var(--color-primary-fg)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-raised{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff17)), 0 1px 3px var(--tw-shadow-color,var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#0000)), 0 4px 10px -4px var(--tw-shadow-color,var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#0000));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@supports (color:lab(0% 0 0)){.shadow-raised{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(100% 0 0/.09))), 0 1px 3px var(--tw-shadow-color,var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/0))), 0 4px 10px -4px var(--tw-shadow-color,var(--lightningcss-light,lab(0% 0 0/.05))var(--lightningcss-dark,lab(0% 0 0/0)))}}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-accent{--tw-ring-color:var(--color-accent)}.ring-ink{--tw-ring-color:var(--color-ink)}.ring-line{--tw-ring-color:var(--color-line)}.ring-outline{--tw-ring-color:var(--color-outline)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-bg{--tw-ring-offset-color:var(--color-bg)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,color\]{transition-property:border-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\]{transition-property:color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.placeholder\:text-current\/50::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-current\/50::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-1\.5:before{content:var(--tw-content);inset:calc(var(--spacing) * -1.5)}.before\:-inset-2:before{content:var(--tw-content);inset:calc(var(--spacing) * -2)}@media (hover:hover){.hover\:border-ink:hover{border-color:var(--color-ink)}.hover\:bg-panel:hover{background-color:var(--color-panel)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:opacity-100:hover{opacity:1}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-accent\/70:focus-visible{--tw-ring-color:var(--lightningcss-light,#7e5d00b3)var(--lightningcss-dark,#f0bb3bb3)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-accent\/70:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-accent) 70%, transparent)}}.focus-visible\:ring-ink\/40:focus-visible{--tw-ring-color:var(--lightningcss-light,#0a0a0a66)var(--lightningcss-dark,#fafafa66)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ink\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ink) 40%, transparent)}}.focus-visible\:ring-ink\/60:focus-visible{--tw-ring-color:var(--lightningcss-light,#0a0a0a99)var(--lightningcss-dark,#fafafa99)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ink\/60:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ink) 60%, transparent)}}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-\[0\.96\]:active{scale:.96}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-muted:disabled:hover{color:var(--color-muted)}}@media not all and (min-width:40rem){.max-sm\:w-full{width:100%}}@media not all and (min-width:23rem){.max-\[23rem\]\:hidden{display:none}}@media (min-width:40rem){.sm\:mx-0{margin-inline:0}.sm\:mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.sm\:ml-auto{margin-left:auto}.sm\:flex{display:flex}.sm\:min-h-\[24rem\]{min-height:24rem}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:mx-auto{margin-inline:auto}.md\:mt-auto{margin-top:auto}.md\:max-w-\[840px\]{max-width:840px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-baseline{align-items:baseline}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0}.md\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.md\:border-line{border-color:var(--color-line)}.md\:px-\[75px\]{padding-inline:75px}.md\:py-12{padding-block:calc(var(--spacing) * 12)}.md\:pt-6{padding-top:calc(var(--spacing) * 6)}.md\:pr-8{padding-right:calc(var(--spacing) * 8)}.md\:pl-\[75px\]{padding-left:75px}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-start-2{grid-column-start:2}.lg\:row-start-3{grid-row-start:3}.lg\:grid-cols-\[minmax\(0\,1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}.lg\:self-start{align-self:flex-start}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:pt-0{padding-top:0}.lg\:pl-6{padding-left:calc(var(--spacing) * 6)}}@media (min-width:80rem){.xl\:px-10{padding-inline:calc(var(--spacing) * 10)}}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-ext-wght-normal.1rz-p1o6z-sit.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-wght-normal.2jdm38iyutowj.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-vietnamese-wght-normal.3ez0azjih7ypa.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-ext-wght-normal.2p5o-04xn4ahk.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-wght-normal.175rzww1hghhr.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}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-ext-wght-normal.2j4htzlmj3gcc.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-wght-normal.1zh-elm7yw814.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-symbols2-wght-normal.0j0zjzdqzpnyk.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-vietnamese-wght-normal.1t_5gnvplukf1.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-ext-wght-normal.41xmsrsmrahbg.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-wght-normal.29txv0wq9-da0.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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lab-stage{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0d12;--color-panel:#13161b;--color-line:#2b2e33;--color-ink:#e6e8eb;--color-muted:#83868c;--color-accent:#f0bb3b;color:var(--color-ink)}@supports (color:lab(0% 0 0)){.lab-stage{--color-bg:lab(3.67543% -.212148 -2.43837);--color-panel:lab(7.19015% -.368543 -3.62587);--color-line:lab(18.7641% -.449047 -3.69914);--color-ink:lab(91.8644% -.26688 -1.87196);--color-muted:lab(55.887% -.501543 -3.72579);--color-accent:lab(79.3236% 11.1274 68.2268)}}:root{--border-hairline:1px}@media (min-resolution:2x){:root{--border-hairline:.5px}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}body{background-color:var(--color-bg);font-family:var(--font-sans);color:var(--color-ink)}h1,h2,h3{text-wrap:balance}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);font-size:12px;line-height:1.3}.tag{border:1px solid var(--color-line);height:20px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-muted);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.16s}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.landing-frame-edge{transition:box-shadow .15s ease-out}.landing-row:has(a:hover) .landing-frame-edge{box-shadow:inset 0 0 0 1px var(--color-muted)}.landing-link{outline:0 none var(--color-ink);outline-offset:4px;border-radius:2px}.landing-link:focus-visible{outline-width:2px;outline-style:solid}.landing-frame iframe{transform-origin:0 0;pointer-events:none;opacity:0;border:0;transition:opacity .24s ease-out;position:absolute;top:0;left:0}.landing-frame iframe[data-ready]{opacity:1}@media (prefers-reduced-motion:reduce){.landing-frame iframe{transition:none}}html.lab-preview-doc,html.lab-preview-doc body{background:0 0;overflow:hidden}.lab-preview .viewport{border:0;border-radius:0;width:100vw;min-height:0}.lab-preview-extras{width:0;height:0;position:absolute;overflow:hidden}.lab-stage{--t:1;--d-fast:calc(.15s * var(--t));--d-press:calc(.12s * var(--t))}.tour-progress{--p:0;background:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1f);background:var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.12));transition:opacity .3s ease-out}.tour-progress:after{content:"";transform-origin:0;transform:scaleX(var(--p));background:var(--color-accent);position:absolute;inset:0}@media not all and (min-width:40rem){.lab-live-viewport .viewport{aspect-ratio:4/5}.lab-live-viewport :is(.viewport,.viewport-frame){border-radius:0}}body[data-record]{overflow:hidden}body[data-record] nav[aria-label=Artifacts]{display:none}main.lab-record{z-index:50;background:var(--color-bg);grid-template-columns:none;place-items:center;max-width:none;margin:0;padding:0;display:grid;position:fixed;inset:0}main.lab-record>:not(.lab-live){display:none}main.lab-record .lab-live{background:0 0;border:0;width:auto;padding:0;position:static}main.lab-record .lab-live>header{display:none}main.lab-record .lab-live-viewport{width:min(100vw - 48px,150vh - 72px);margin-inline:0}main.lab-record .lab-live-viewport .viewport{aspect-ratio:3/2;border-radius:0;min-height:0}main.lab-record .lab-live-viewport .viewport-frame,main.lab-record .lab-live-viewport .tour-progress{display:none}main.lab-record .lab-live-footer{z-index:60;border:1px solid var(--color-line);background:var(--lightningcss-light,#f5f5f5eb)var(--lightningcss-dark,#171717eb);border-radius:999px;width:max-content;max-width:calc(100vw - 32px);margin:0;padding:8px 12px;position:fixed;bottom:16px;left:50%}@supports (color:color-mix(in lab, red, red)){main.lab-record .lab-live-footer{background:color-mix(in oklch, var(--color-panel) 92%, transparent)}}main.lab-record .lab-live-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .24s ease-out;transform:translate(-50%)}main.lab-record .lab-live-footer[data-idle]{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.lab-stage,.lab-stage *{transition-duration:1ms!important;transition-delay:0s!important}}.dial{--dial-surface:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0d);--dial-surface-hover:var(--lightningcss-light,#00000012)var(--lightningcss-dark,#ffffff1a);--dial-fill:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1c);--dial-fill-active:var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff26);--dial-faint:var(--lightningcss-light,#00000080)var(--lightningcss-dark,#ffffff80);--dial-label:var(--lightningcss-light,#000000a8)var(--lightningcss-dark,#ffffffb3);--dial-strong:var(--lightningcss-light,#000000e6)var(--lightningcss-dark,#fffffff2);--dial-hash:var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff26);--dial-hair:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff14);--dial-radius:8px;--dial-row:36px;--dial-inset:12px;--dial-label-inset:20px;gap:6px;display:grid}@supports (color:lab(0% 0 0)){.dial{--dial-surface:var(--lightningcss-light,lab(0% 0 0/.04))var(--lightningcss-dark,lab(100% 0 0/.05));--dial-surface-hover:var(--lightningcss-light,lab(0% 0 0/.07))var(--lightningcss-dark,lab(100% 0 0/.1));--dial-fill:var(--lightningcss-light,lab(0% 0 0/.08))var(--lightningcss-dark,lab(100% 0 0/.11));--dial-fill-active:var(--lightningcss-light,lab(0% 0 0/.12))var(--lightningcss-dark,lab(100% 0 0/.15));--dial-faint:var(--lightningcss-light,lab(0% 0 0/.5))var(--lightningcss-dark,lab(100% 0 0/.5));--dial-label:var(--lightningcss-light,lab(0% 0 0/.66))var(--lightningcss-dark,lab(100% 0 0/.7));--dial-strong:var(--lightningcss-light,lab(0% 0 0/.9))var(--lightningcss-dark,lab(100% 0 0/.95));--dial-hash:var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.15));--dial-hair:var(--lightningcss-light,lab(0% 0 0/.08))var(--lightningcss-dark,lab(100% 0 0/.08))}}.dial-panel{--dial-top:61px;--dial-toolbar:40px;--dial-folder-top:calc(var(--dial-top) + var(--dial-toolbar) + 6px);grid-template-columns:minmax(0,1fr);gap:0}.dial-panel :is(input,button,select){scroll-margin-top:calc(var(--dial-folder-top) + 32px + 6px)}.dial-toolbar{top:var(--dial-top);z-index:3;height:var(--dial-toolbar);padding:0 var(--dial-inset) 0 var(--dial-label-inset);border-bottom:var(--border-hairline) solid var(--dial-hair);background:var(--color-bg);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky}.dial-toolbar-status{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;overflow:hidden}.dial-toolbar-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.dial-tool{border:1px solid var(--color-line);height:28px;color:var(--color-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:500;transition:background-color .15s,color .15s}.dial-tool:hover:not(:disabled){background:var(--color-panel)}.dial-tool:active:not(:disabled){transform:translateY(1px)}.dial-tool:disabled{opacity:.4;cursor:default}.dial-tool:focus-visible{outline:2px solid var(--dial-strong);outline-offset:-2px}.dial-rows{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.dial-primary{padding:12px 0 16px}.dial-section{border-top:var(--border-hairline) solid var(--dial-hair);padding-top:8px}.dial-toolbar+.dial-section{border-top:0}.dial-section .dial-rows{padding:4px 0 16px}.dial-section:last-child .dial-rows{padding-bottom:0}.dial-folder{top:var(--dial-folder-top);z-index:2;width:100%;height:32px;padding:0 var(--dial-inset) 0 var(--dial-label-inset);background:var(--color-bg);box-shadow:0 -6px 0 var(--color-bg);color:var(--dial-strong);font:inherit;letter-spacing:-.01em;text-align:left;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:color .15s;display:flex;position:sticky}.dial-folder:hover{color:var(--color-ink)}.dial-folder:focus-visible{outline:2px solid var(--dial-strong);outline-offset:-2px;border-radius:6px}.dial-folder-end{flex-shrink:0;align-items:center;gap:8px;display:flex}.dial-folder-count{color:var(--dial-faint);font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:11px;font-weight:400}.dial-folder svg{color:var(--dial-label);transition:transform .2s cubic-bezier(.25,1,.5,1)}.dial-folder[aria-expanded=false] svg{transform:rotate(-90deg)}.dial-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--dial-label);-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500;line-height:17px;overflow:hidden}.dial-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--dial-label);font-size:13px;font-weight:500;transition:color .15s}.dial-reset{z-index:2;width:12px;height:12px;color:var(--color-accent);opacity:.75;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;margin-top:-6px;padding:0;transition:opacity .15s ease-out;display:grid;position:absolute;top:50%;left:4px}.dial-reset:before{content:"";position:absolute;inset:-12px -4px}.dial-reset svg{display:block}:is(.dial-slider,.dial-field):is(:hover,:focus-within)>.dial-reset,.dial-reset:focus-visible{opacity:1}.dial-reset:focus-visible{outline:2px solid var(--dial-strong);outline-offset:2px}.dial-reset[data-static]{pointer-events:none;cursor:inherit}.dial-reset[data-ghost]{opacity:0}.dial-slider{height:var(--dial-row);border-radius:var(--dial-radius);background:var(--dial-surface);touch-action:none;position:relative;overflow:hidden}.dial-slider-fill{background:var(--dial-fill);min-width:3px;box-shadow:inset -1px 0 0 var(--dial-fill-active);pointer-events:none;inset-block:0;transition:background-color .15s,box-shadow .15s;position:absolute;left:0}.dial-slider[data-active=true] .dial-slider-fill{background:var(--dial-fill-active);box-shadow:inset -1px 0 0 var(--dial-hash)}.dial-slider-handle{background:var(--dial-strong);opacity:0;pointer-events:none;border-radius:999px;width:3px;height:20px;margin:-10px 0 0 -1.5px;transition:opacity .15s,transform .25s cubic-bezier(.34,1.28,.64,1);position:absolute;top:50%;transform:scaleX(.25)}.dial-slider[data-active=true] .dial-slider-handle{opacity:.5;transform:scaleX(1)}.dial-slider[data-dragging=true] .dial-slider-handle{opacity:.9}.dial-slider[data-active=true][data-dodge=true] .dial-slider-handle{opacity:.1;transform:scaleX(1)scaleY(.75)}.dial-slider-hash,.dial-slider-home{pointer-events:none;border-radius:999px;width:1px;height:8px;margin-top:-4px;position:absolute;top:50%}.dial-slider-hash{background:#fff0;background:lab(100% 0 0/0);transition:background .2s}.dial-slider[data-active=true] .dial-slider-hash,.dial-slider-home{background:var(--dial-hash)}.dial-slider .dial-label{left:var(--dial-label-inset);max-width:calc(100% - var(--dial-label-inset) - var(--dial-inset) - var(--dial-value-w,0px) - 12px);pointer-events:none;position:absolute;top:50%;transform:translateY(calc(-50% - .5px))}.dial-range{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.dial-slider:has(.dial-range:focus-visible){outline:2px solid var(--dial-strong);outline-offset:-2px}.dial-slider:is([data-active=true],[data-changed=true]) .dial-value,.dial-field:is(:hover,:focus-within,[data-changed=true]) :is(.dial-value,.dial-select,.dial-seg-btn[data-active=true]){color:var(--dial-strong)}.dial-num{right:var(--dial-inset);z-index:1;border:0;border-bottom:1px solid var(--dial-label);width:6ch;color:var(--dial-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;background:0 0;outline:none;padding:0 0 1px;font-size:13px;font-weight:500;position:absolute;top:50%;transform:translateY(-50%)}.dial-num:focus-visible{border-bottom-color:var(--dial-strong)}.dial-value-btn{right:var(--dial-inset);z-index:1;cursor:text;background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 1px;position:absolute;top:50%;transform:translateY(calc(.5px - 50%))}.dial-slider:hover .dial-value-btn{border-bottom-color:var(--dial-label)}.dial-field{height:var(--dial-row);padding:0 var(--dial-inset) 0 var(--dial-label-inset);border-radius:var(--dial-radius);background:var(--dial-surface);justify-content:space-between;align-items:center;gap:12px;transition:background .15s;display:flex;position:relative}.dial-field:hover{background:var(--dial-surface-hover)}.dial-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0}.dial-toggle:focus-visible{outline:2px solid var(--dial-strong);outline-offset:-2px}.dial-bezier-summary{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;flex-shrink:0;padding:0 0 1px}.dial-bezier-summary:hover{border-bottom-color:var(--dial-label)}.dial-bezier-summary[aria-expanded=true] .dial-value{color:var(--dial-strong)}.dial-bezier-summary:focus-visible{outline:2px solid var(--dial-strong);outline-offset:2px;border-radius:4px}.dial-field.dial-bezier{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.dial-bezier-cell{align-items:center;gap:4px;min-width:0;display:flex}.dial-bezier-name{color:var(--dial-faint);font-family:var(--font-mono);font-size:11px}.dial-bezier-num{background:oklch(from var(--dial-strong) l c h / .06);width:100%;min-width:0;color:var(--dial-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;border:0;border-radius:6px;padding:3px;font-size:12px;font-weight:500;transition:background-color .15s}.dial-bezier-num::-webkit-inner-spin-button{appearance:none;margin:0}.dial-bezier-num::-webkit-outer-spin-button{appearance:none;margin:0}.dial-bezier-num:hover{background:oklch(from var(--dial-strong) l c h / .1)}.dial-bezier-num:focus-visible{outline:2px solid var(--dial-strong);outline-offset:-1px}.dial-seg{border-radius:var(--dial-radius);grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;display:grid;position:relative}.dial-seg[data-count="2"]{min-width:96px}.dial-seg[data-count="3"]{min-width:144px}.dial-seg-pill{width:calc((100% - 4px) / var(--n));transform:translateX(calc(var(--i) * 100%));background:var(--dial-fill);border-radius:6px;transition:transform .2s cubic-bezier(.25,1,.5,1);position:absolute;top:2px;bottom:2px;left:2px}.dial-seg-btn{z-index:1;white-space:nowrap;min-width:0;color:var(--dial-faint);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:13px;font-weight:500;transition:color .15s;position:relative;overflow:hidden}.dial-seg-btn:hover,.dial-seg-btn[data-active=true]{color:var(--dial-label)}.dial-seg-btn:focus-visible{outline:2px solid var(--dial-strong);outline-offset:-2px;border-radius:6px}.dial-select{appearance:none;color:var(--dial-label);font:inherit;text-align:right;text-align-last:right;cursor:pointer;background:0 0;border:0;outline:none;padding:0 16px 0 0;font-size:13px;font-weight:500;transition:color .15s}.dial-select option{background:var(--color-panel);color:var(--color-ink)}.dial-select-wrap{align-items:center;display:flex;position:relative}.dial-row-aside{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.dial-select-wrap>svg{pointer-events:none;color:var(--dial-label);position:absolute;right:0}.dial-select:focus-visible{outline:2px solid var(--dial-strong);outline-offset:2px;border-radius:4px}.lab-crumb-menu{z-index:40;border:1px solid var(--color-line);background:var(--color-bg);min-width:220px;box-shadow:var(--shadow-raised);transform-origin:0 0;border-radius:12px;flex-direction:column;padding:4px;animation:.12s cubic-bezier(.16,1,.3,1) dial-pop-in;display:flex;position:absolute;top:calc(100% + 6px);left:0}@media (prefers-reduced-motion:reduce){.lab-crumb-menu{animation:none}}.lab-crumb-item{height:32px;color:var(--color-ink);white-space:nowrap;border-radius:8px;outline:none;align-items:center;padding:0 10px;font-size:14px;font-weight:500;transition:background-color .15s;display:flex}.lab-crumb-item:is(:hover,:focus-visible){background:var(--color-panel)}.lab-crumb-item[aria-current=page]{gap:16px}.lab-crumb-item[aria-current=page]:after{content:"";background:var(--color-ink);border-radius:999px;flex-shrink:0;width:5px;height:5px;margin-left:auto}.dial-easing-pop{top:calc(100% + 10px);right:calc(var(--dial-inset) * -1);z-index:6;border:1px solid var(--color-line);background:var(--color-bg);box-shadow:var(--shadow-raised);transform-origin:100% 0;border-radius:12px;gap:4px;padding:4px;animation:.12s cubic-bezier(.16,1,.3,1) dial-pop-in;display:flex;position:absolute}@keyframes dial-pop-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.dial-easing-pop{animation:none}}.dial-easing-plot{background:var(--dial-surface);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:128px;padding:8px 4px;display:flex}.dial-easing-plot svg{width:80px;height:80px}.dial-easing-css{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--color-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px;overflow:hidden}.dial-easing-list{outline:none;flex-direction:column;min-width:164px;display:flex}.dial-easing-opt{height:28px;color:var(--color-ink);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.dial-easing-opt[data-active=true]{background:var(--dial-surface-hover)}.dial-easing-opt[aria-selected=true]:after{content:"";background:var(--color-ink);border-radius:50%;width:5px;height:5px;margin-left:auto}.dial-easing-opt svg{color:var(--color-muted)}.dial-easing-opt[data-active=true] svg,.dial-easing-opt[aria-selected=true] svg{color:var(--color-accent)}.dial-easing-list:focus-visible .dial-easing-opt[data-active=true]{outline:2px solid var(--dial-strong);outline-offset:-2px}.dial-swatch{border:1px solid var(--dial-hash);cursor:pointer;background:0 0;border-radius:5px;width:20px;height:20px;padding:0}.dial-swatch::-webkit-color-swatch-wrapper{padding:0}.wallpaper-swatch{cursor:pointer;background:0 0;border:0;padding:0}.wallpaper-swatch::-webkit-color-swatch-wrapper{padding:0}.wallpaper-swatch::-webkit-color-swatch{border:1px solid var(--color-line);border-radius:6px}.wallpaper-swatch::-moz-color-swatch{border:1px solid var(--color-line);border-radius:6px}.dial-swatch::-webkit-color-swatch{border:0;border-radius:4px}.dial-swatch::-moz-color-swatch{border:0;border-radius:4px}@media (prefers-reduced-motion:reduce){.dial-seg-pill,.dial-folder svg,.dial-slider-handle,.dial-switch,.dial-switch>span,.dial-reset{transition:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}