/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-ui);--default-mono-font-family:var(--font-mono);--font-display:var(--font-display);--color-border:var(--border)}}@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,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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{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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}html{font-family:var(--font-ui), Inter, sans-serif}body{background-color:var(--background);color:var(--foreground);background-image:var(--tenx-background-wash);min-height:100svh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display), "Plus Jakarta Sans", sans-serif}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-5{top:calc(var(--spacing) * 5)}.top-18{top:calc(var(--spacing) * 18)}.top-\[calc\(100\%-56px\)\]{top:calc(100% - 56px)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-6{left:calc(var(--spacing) * 6)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[240\]{z-index:240}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-\[44px\]{height:44px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[23px\]{min-height:23px}.min-h-\[90px\]{min-height:90px}.min-h-\[104px\]{min-height:104px}.min-h-\[220px\]{min-height:220px}.min-h-\[360px\]{min-height:360px}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing) * 10)}.w-44{width:calc(var(--spacing) * 44)}.w-\[18px\]{width:18px}.w-\[44px\]{width:44px}.w-\[48\%\]{width:48%}.w-\[54\.857px\]{width:54.857px}.w-\[332px\]{width:332px}.w-\[336px\]{width:336px}.w-\[min\(88vw\,360px\)\]{width:min(88vw,360px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[18rem\]{max-width:18rem}.max-w-\[24rem\]{max-width:24rem}.max-w-\[28rem\]{max-width:28rem}.max-w-\[56rem\]{max-width:56rem}.max-w-\[86\%\]{max-width:86%}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[342px\]{max-width:342px}.max-w-\[420px\]{max-width:420px}.max-w-\[620px\]{max-width:620px}.max-w-\[780px\]{max-width:780px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[16rem\]{min-width:16rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);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,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(min\(100\%\,24rem\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[25px\]{border-radius:25px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[var\(--ui-radius-200\)\]{border-radius:var(--ui-radius-200)}.rounded-\[var\(--ui-radius-400\)\]{border-radius:var(--ui-radius-400)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-8px)}.rounded-sm{border-radius:var(--radius-5px)}.rounded-xl{border-radius:25px}.rounded-l-\[28px\]{border-top-left-radius:28px;border-bottom-left-radius:28px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.border-\[color\:color-mix\(in_srgb\,var\(--color-text-primary\)_12\%\,transparent\)\]{border-color:var(--color-text-primary)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:color-mix\(in_srgb\,var\(--color-text-primary\)_12\%\,transparent\)\]{border-color:color-mix(in srgb,var(--color-text-primary) 12%,transparent)}}.border-\[color\:var\(--color-border-focus\)\]{border-color:var(--color-border-focus)}.border-\[color\:var\(--color-border-subtle\)\]{border-color:var(--color-border-subtle)}.border-\[color\:var\(--color-element-subtle\,rgba\(32\,31\,31\,0\.1\)\)\]{border-color:var(--color-element-subtle,#201f1f1a)}.border-\[rgba\(32\,31\,31\,0\.08\)\]{border-color:#201f1f14}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-current{border-color:currentColor}.border-transparent{border-color:#0000}.border-white\/18{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.border-white\/18{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.border-white\/22{border-color:#ffffff38}@supports (color:color-mix(in lab, red, red)){.border-white\/22{border-color:color-mix(in oklab, var(--color-white) 22%, transparent)}}.border-white\/35{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.border-white\/35{border-color:color-mix(in oklab, var(--color-white) 35%, transparent)}}.border-t-transparent{border-top-color:#0000}.\!bg-\[color\:var\(--color-brand-primary-50\,\#fbf9f9\)\]{background-color:var(--color-brand-primary-50,#fbf9f9)!important}.\!bg-\[color\:var\(--ui-accent-soft\)\]{background-color:var(--ui-accent-soft)!important}.bg-\[color\:color-mix\(in_srgb\,var\(--color-background-product\)_72\%\,transparent\)\]{background-color:var(--color-background-product)}@supports (color:color-mix(in lab, red, red)){.bg-\[color\:color-mix\(in_srgb\,var\(--color-background-product\)_72\%\,transparent\)\]{background-color:color-mix(in srgb,var(--color-background-product) 72%,transparent)}}.bg-\[color\:color-mix\(in_srgb\,var\(--color-button-tertiary-default\,\#59b9a9\)_18\%\,var\(--color-background-product\,\#ffffff\)\)\]{background-color:var(--color-button-tertiary-default,#59b9a9)}@supports (color:color-mix(in lab, red, red)){.bg-\[color\:color-mix\(in_srgb\,var\(--color-button-tertiary-default\,\#59b9a9\)_18\%\,var\(--color-background-product\,\#ffffff\)\)\]{background-color:color-mix(in srgb,var(--color-button-tertiary-default,#59b9a9) 18%,var(--color-background-product,#fff))}}.bg-\[color\:var\(--color-background-canvas\)\]{background-color:var(--color-background-canvas)}.bg-\[color\:var\(--color-background-product\)\]{background-color:var(--color-background-product)}.bg-\[color\:var\(--color-background-product\,\#ffffff\)\]{background-color:var(--color-background-product,#fff)}.bg-\[color\:var\(--color-interactive-hover\)\]{background-color:var(--color-interactive-hover)}.bg-\[color\:var\(--color-surface-on-base-secondary\,rgba\(32\,31\,31\,0\.03\)\)\]{background-color:var(--color-surface-on-base-secondary,#201f1f08)}.bg-\[color\:var\(--tenx-surface-glass\)\]{background-color:var(--tenx-surface-glass)}.bg-\[color\:var\(--ui-surface-glass\)\]{background-color:var(--ui-surface-glass)}.bg-\[rgba\(32\,31\,31\,0\.05\)\]{background-color:#201f1f0d}.bg-\[rgba\(32\,31\,31\,0\.06\)\]{background-color:#201f1f0f}.bg-\[var\(--color-button-tertiary-default\,\#59b9a9\)\]{background-color:var(--color-button-tertiary-default,#59b9a9)}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/6{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.bg-black\/6{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/12{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.bg-white\/12{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.bg-white\/14{background-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.bg-white\/14{background-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.bg-\[linear-gradient\(180deg\,rgba\(16\,16\,20\,0\.02\)_0\%\,rgba\(16\,16\,20\,0\.28\)_100\%\)\]{background-image:linear-gradient(#10101405 0%,#10101447 100%)}.bg-\[linear-gradient\(180deg\,rgba\(16\,16\,20\,0\.12\)_0\%\,rgba\(16\,16\,20\,0\.22\)_100\%\)\]{background-image:linear-gradient(#1010141f 0%,#10101438 100%)}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.04\)_0\%\,rgba\(255\,255\,255\,0\.12\)_100\%\)\]{background-image:linear-gradient(#ffffff0a 0%,#ffffff1f 100%)}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.14\)_0\%\,rgba\(255\,255\,255\,0\.02\)_38\%\,rgba\(255\,255\,255\,0\.02\)_100\%\)\]{background-image:linear-gradient(#ffffff24 0%,#ffffff05 38% 100%)}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,1\)\,rgba\(252\,252\,252\,0\.98\)\)\]{background-image:linear-gradient(#fff,#fcfcfcfa)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[10px\]{padding-block:10px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[2px\]{padding-top:2px}.pt-\[max\(120px\,12vh\)\]{padding-top:max(120px,12vh)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-\[176px\]{padding-right:176px}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--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}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[20px\]{font-size:20px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.\!text-\[color\:var\(--color-brand-primary-50\,\#fbf9f9\)\]{color:var(--color-brand-primary-50,#fbf9f9)!important}.\!text-\[color\:var\(--color-brand-primary-900\,\#201f1f\)\]{color:var(--color-brand-primary-900,#201f1f)!important}.\!text-\[color\:var\(--color-text-on-chip-secondary\,\#dc4e11\)\]{color:var(--color-text-on-chip-secondary,#dc4e11)!important}.text-\[\#f05d24\]{color:#f05d24}.text-\[color\:var\(--color-interaction-brand\,\#f05d24\)\]{color:var(--color-interaction-brand,#f05d24)}.text-\[color\:var\(--color-text-on-button-primary\,\#fbf9f9\)\]{color:var(--color-text-on-button-primary,#fbf9f9)}.text-\[color\:var\(--color-text-on-button-tertiary-link-active\,\#248d79\)\]{color:var(--color-text-on-button-tertiary-link-active,#248d79)}.text-\[color\:var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[color\:var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[color\:var\(--ui-accent\)\]{color:var(--ui-accent)}.text-black{color:var(--color-black)}.text-black\/60{color:#0009}@supports (color:color-mix(in lab, red, red)){.text-black\/60{color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.text-current{color:currentColor}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.text-white\/64{color:#ffffffa3}@supports (color:color-mix(in lab, red, red)){.text-white\/64{color:color-mix(in oklab, var(--color-white) 64%, transparent)}}.text-white\/72{color:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.text-white\/72{color:color-mix(in oklab, var(--color-white) 72%, transparent)}}.text-white\/74{color:#ffffffbd}@supports (color:color-mix(in lab, red, red)){.text-white\/74{color:color-mix(in oklab, var(--color-white) 74%, transparent)}}.text-white\/78{color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.text-white\/78{color:color-mix(in oklab, var(--color-white) 78%, transparent)}}.text-white\/82{color:#ffffffd1}@supports (color:color-mix(in lab, red, red)){.text-white\/82{color:color-mix(in oklab, var(--color-white) 82%, transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.accent-\[color\:var\(--color-interaction-brand\)\]{accent-color:var(--color-interaction-brand)}.opacity-0{opacity:0}.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-\[0_1px_0_rgba\(0\,0\,0\,0\.02\)\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,#00000005);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 2px 12px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(5\,1\,30\,0\.24\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#05011e3d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_64px_rgba\(15\,23\,42\,0\.2\)\]{--tw-shadow:0 24px 64px var(--tw-shadow-color,#0f172a33);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--tenx-shadow-soft\)\]{--tw-shadow:var(--tenx-shadow-soft);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--ui-shadow-floating-cta\)\]{--tw-shadow:var(--ui-shadow-floating-cta);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--ui-shadow-floating-panel\)\]{--tw-shadow:var(--ui-shadow-floating-panel);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--ui-shadow-floating-sm\)\]{--tw-shadow:var(--ui-shadow-floating-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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-\[color\:color-mix\(in_srgb\,var\(--color-border-focus\)_20\%\,transparent\)\]{--tw-ring-color:var(--color-border-focus)}@supports (color:color-mix(in lab, red, red)){.ring-\[color\:color-mix\(in_srgb\,var\(--color-border-focus\)_20\%\,transparent\)\]{--tw-ring-color:color-mix(in srgb,var(--color-border-focus) 20%,transparent)}}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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-\[1px\]{--tw-backdrop-blur:blur(1px);-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-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-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-blur-\[12px\]{--tw-backdrop-blur:blur(12px);-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-blur-\[18px\]{--tw-backdrop-blur:blur(18px);-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\:blur\(12px\)\]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\,border-color\,box-shadow\]{transition-property:background-color,color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\,background-color\,color\]{transition-property:border-color,box-shadow,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\]{transition-property:transform,opacity;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-opacity{transition-property:opacity;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}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.\[scrollbar-width\:none\]{scrollbar-width:none}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-\[color\:var\(--color-background-surface\)\]:hover{background-color:var(--color-background-surface)}.hover\:bg-\[color\:var\(--color-interactive-hover\)\]:hover{background-color:var(--color-interactive-hover)}.hover\:bg-\[color\:var\(--color-surface-on-base-secondary\,rgba\(32\,31\,31\,0\.03\)\)\]:hover{background-color:var(--color-surface-on-base-secondary,#201f1f08)}.hover\:bg-\[rgba\(32\,31\,31\,0\.04\)\]:hover{background-color:#201f1f0a}.hover\:bg-\[rgba\(32\,31\,31\,0\.05\)\]:hover{background-color:#201f1f0d}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:text-\[color\:var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.hover\:text-\[color\:var\(--ui-accent\)\]:hover{color:var(--ui-accent)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}}.focus-visible\:border-\[color\:var\(--color-border-focus\)\]:focus-visible{border-color:var(--color-border-focus)}.focus-visible\:text-\[color\:var\(--ui-accent\)\]:focus-visible{color:var(--ui-accent)}.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-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-\[\#f05d24\]\/35:focus-visible{--tw-ring-color:oklab(66.2664% .149332 .122012/.35)}.focus-visible\:ring-\[color\:color-mix\(in_srgb\,var\(--color-border-focus\)_22\%\,transparent\)\]:focus-visible{--tw-ring-color:var(--color-border-focus)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[color\:color-mix\(in_srgb\,var\(--color-border-focus\)_22\%\,transparent\)\]:focus-visible{--tw-ring-color:color-mix(in srgb,var(--color-border-focus) 22%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--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)}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.985\]:active{scale:.985}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-transparent:disabled{border-color:#0000}.disabled\:bg-\[color\:var\(--color-element-disabled\)\]:disabled{background-color:var(--color-element-disabled)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[highlighted\]\:bg-black\/5[data-highlighted]{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.data-\[highlighted\]\:bg-black\/5[data-highlighted]{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.data-\[highlighted\]\:text-current[data-highlighted]{color:currentColor}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[pressed\]\:text-current[data-pressed]{color:currentColor}.data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[side\=bottom\]\:mx-auto[data-side=bottom]{margin-inline:auto}.data-\[side\=bottom\]\:max-h-\[88vh\][data-side=bottom]{max-height:88vh}.data-\[side\=bottom\]\:max-w-\[min\(100\%\,390px\)\][data-side=bottom]{max-width:min(100%,390px)}.data-\[side\=bottom\]\:rounded-t-\[28px\][data-side=bottom]{border-top-left-radius:28px;border-top-right-radius:28px}.data-\[side\=bottom\]\:rounded-t-\[var\(--ui-radius-400\)\][data-side=bottom]{border-top-left-radius:var(--ui-radius-400);border-top-right-radius:var(--ui-radius-400)}.data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[side\=bottom\]\:data-\[ending-style\]\:translate-y-4[data-side=bottom][data-ending-style]{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:inset-y-0[data-side=left]{inset-block:calc(var(--spacing) * 0)}.data-\[side\=left\]\:left-0[data-side=left]{left:calc(var(--spacing) * 0)}.data-\[side\=left\]\:h-full[data-side=left]{height:100%}.data-\[side\=left\]\:w-\[min\(88vw\,360px\)\][data-side=left]{width:min(88vw,360px)}.data-\[side\=left\]\:max-w-full[data-side=left]{max-width:100%}.data-\[side\=left\]\:rounded-r-\[28px\][data-side=left]{border-top-right-radius:28px;border-bottom-right-radius:28px}.data-\[side\=left\]\:border-r[data-side=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[side\=left\]\:data-\[ending-style\]\:-translate-x-4[data-side=left][data-ending-style]{--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:inset-y-0[data-side=right]{inset-block:calc(var(--spacing) * 0)}.data-\[side\=right\]\:right-0[data-side=right]{right:calc(var(--spacing) * 0)}.data-\[side\=right\]\:h-full[data-side=right]{height:100%}.data-\[side\=right\]\:w-\[min\(88vw\,360px\)\][data-side=right]{width:min(88vw,360px)}.data-\[side\=right\]\:max-w-full[data-side=right]{max-width:100%}.data-\[side\=right\]\:rounded-l-\[28px\][data-side=right]{border-top-left-radius:28px;border-bottom-left-radius:28px}.data-\[side\=right\]\:border-l[data-side=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[side\=right\]\:data-\[ending-style\]\:translate-x-4[data-side=right][data-ending-style]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:inset-x-0[data-side=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[side\=top\]\:top-0[data-side=top]{top:calc(var(--spacing) * 0)}.data-\[side\=top\]\:rounded-b-\[28px\][data-side=top]{border-bottom-right-radius:28px;border-bottom-left-radius:28px}.data-\[side\=top\]\:border-b[data-side=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.data-\[side\=top\]\:data-\[ending-style\]\:-translate-y-4[data-side=top][data-ending-style]{--tw-translate-y:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[side\=bottom\]\:data-\[starting-style\]\:translate-y-4[data-side=bottom][data-starting-style]{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:data-\[starting-style\]\:-translate-x-4[data-side=left][data-starting-style]{--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:data-\[starting-style\]\:translate-x-4[data-side=right][data-starting-style]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:data-\[starting-style\]\:-translate-y-4[data-side=top][data-starting-style]{--tw-translate-y:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media (width>=40rem){.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:pr-\[184px\]{padding-right:184px}}@media (width>=48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-7{height:calc(var(--spacing) * 7)}.md\:h-14{height:calc(var(--spacing) * 14)}.md\:w-16{width:calc(var(--spacing) * 16)}.md\:w-\[180px\]{width:180px}.md\:grid-cols-\[1\.1fr_1fr_auto\]{grid-template-columns:1.1fr 1fr auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:items-stretch{align-items:stretch}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:pt-\[min\(364px\,28vh\)\]{padding-top:min(364px,28vh)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (width>=64rem){.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}}@media (width>=80rem){.xl\:sticky{position:sticky}.xl\:top-6{top:calc(var(--spacing) * 6)}.xl\:max-h-\[calc\(100vh-7rem\)\]{max-height:calc(100vh - 7rem)}.xl\:grid-cols-\[390px_minmax\(0\,1fr\)\]{grid-template-columns:390px minmax(0,1fr)}.xl\:grid-cols-\[minmax\(388px\,420px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(388px,420px) minmax(0,1fr)}.xl\:items-start{align-items:flex-start}.xl\:overflow-y-auto{overflow-y:auto}.xl\:overscroll-contain{overscroll-behavior:contain}.xl\:pr-2{padding-right:calc(var(--spacing) * 2)}}.dark\:block:is([data-theme=new-dark] *){display:block}.dark\:hidden:is([data-theme=new-dark] *){display:none}.dark\:border-white\/10:is([data-theme=new-dark] *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:is([data-theme=new-dark] *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-\[color\:var\(--color-background-product\,\#161616\)\]:is([data-theme=new-dark] *){background-color:var(--color-background-product,#161616)}.dark\:bg-\[rgba\(255\,255\,255\,0\.06\)\]:is([data-theme=new-dark] *){background-color:#ffffff0f}.dark\:bg-black\/30:is([data-theme=new-dark] *){background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-black\/30:is([data-theme=new-dark] *){background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.dark\:bg-neutral-950:is([data-theme=new-dark] *){background-color:var(--color-neutral-950)}.dark\:bg-red-500:is([data-theme=new-dark] *){background-color:var(--color-red-500)}.dark\:bg-white:is([data-theme=new-dark] *){background-color:var(--color-white)}.dark\:bg-white\/10:is([data-theme=new-dark] *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10:is([data-theme=new-dark] *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.12\)_0\%\,rgba\(0\,0\,0\,0\.24\)_38\%\,rgba\(0\,0\,0\,0\.3\)_100\%\)\]:is([data-theme=new-dark] *){background-image:linear-gradient(#0000001f 0%,#0000003d 38%,#0000004d 100%)}.dark\:bg-\[linear-gradient\(180deg\,rgba\(22\,22\,22\,1\)\,rgba\(22\,22\,22\,0\.98\)\)\]:is([data-theme=new-dark] *){background-image:linear-gradient(#161616,#161616fa)}.dark\:text-black:is([data-theme=new-dark] *){color:var(--color-black)}.dark\:text-white:is([data-theme=new-dark] *){color:var(--color-white)}.dark\:text-white\/60:is([data-theme=new-dark] *){color:#fff9}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/60:is([data-theme=new-dark] *){color:color-mix(in oklab, var(--color-white) 60%, transparent)}}@media (hover:hover){.dark\:hover\:bg-\[rgba\(255\,255\,255\,0\.05\)\]:is([data-theme=new-dark] *):hover{background-color:#ffffff0d}.dark\:hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:is([data-theme=new-dark] *):hover{background-color:#ffffff14}.dark\:hover\:bg-white\/10:is([data-theme=new-dark] *):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:is([data-theme=new-dark] *):hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}}.dark\:data-\[highlighted\]\:bg-white\/10:is([data-theme=new-dark] *)[data-highlighted]{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[highlighted\]\:bg-white\/10:is([data-theme=new-dark] *)[data-highlighted]{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root,[data-theme=new-light]{--10x-radius-12px:12px;--radius-12px:var(--10x-radius-12px);--10x-radius-16px:16px;--radius-16px:var(--10x-radius-16px);--10x-radius-20px:20px;--radius-20px:var(--10x-radius-20px);--10x-radius-4px:4px;--radius-4px:var(--10x-radius-4px);--10x-radius-8px:8px;--radius-8px:var(--10x-radius-8px);--10x-spacing-0:0;--spacing-0:var(--10x-spacing-0);--10x-spacing-100:4px;--spacing-100:var(--10x-spacing-100);--10x-spacing-1200:48px;--spacing-1200:var(--10x-spacing-1200);--10x-spacing-1600:64px;--spacing-1600:var(--10x-spacing-1600);--10x-spacing-200:8px;--spacing-200:var(--10x-spacing-200);--10x-spacing-2400:96px;--spacing-2400:var(--10x-spacing-2400);--10x-spacing-300:12px;--spacing-300:var(--10x-spacing-300);--10x-spacing-400:16px;--spacing-400:var(--10x-spacing-400);--10x-spacing-4000:160px;--spacing-4000:var(--10x-spacing-4000);--10x-spacing-500:20px;--spacing-500:var(--10x-spacing-500);--10x-spacing-600:24px;--spacing-600:var(--10x-spacing-600);--10x-spacing-800:32px;--spacing-800:var(--10x-spacing-800);--10x-spacing-negative-100:-4px;--spacing-negative-100:var(--10x-spacing-negative-100);--10x-spacing-negative-200:-8px;--spacing-negative-200:var(--10x-spacing-negative-200);--10x-spacing-negative-300:-12px;--spacing-negative-300:var(--10x-spacing-negative-300);--10x-spacing-negative-400:-16px;--spacing-negative-400:var(--10x-spacing-negative-400);--10x-spacing-negative-600:-24px;--spacing-negative-600:var(--10x-spacing-negative-600);--10x-typography-family-display:Plus Jakarta Sans;--typography-family-display:var(--10x-typography-family-display);--10x-typography-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;--typography-family-mono:var(--10x-typography-family-mono);--10x-typography-family-ui:Inter;--typography-family-ui:var(--10x-typography-family-ui);--10x-typography-size-100:12px;--typography-size-100:var(--10x-typography-size-100);--10x-typography-size-1000:36px;--typography-size-1000:var(--10x-typography-size-1000);--10x-typography-size-1100:40px;--typography-size-1100:var(--10x-typography-size-1100);--10x-typography-size-1200:48px;--typography-size-1200:var(--10x-typography-size-1200);--10x-typography-size-150:13px;--typography-size-150:var(--10x-typography-size-150);--10x-typography-size-200:14px;--typography-size-200:var(--10x-typography-size-200);--10x-typography-size-250:15px;--typography-size-250:var(--10x-typography-size-250);--10x-typography-size-300:16px;--typography-size-300:var(--10x-typography-size-300);--10x-typography-size-400:18px;--typography-size-400:var(--10x-typography-size-400);--10x-typography-size-500:20px;--typography-size-500:var(--10x-typography-size-500);--10x-typography-size-600:22px;--typography-size-600:var(--10x-typography-size-600);--10x-typography-size-700:24px;--typography-size-700:var(--10x-typography-size-700);--10x-typography-size-800:28px;--typography-size-800:var(--10x-typography-size-800);--10x-typography-size-900:32px;--typography-size-900:var(--10x-typography-size-900);--10x-typography-weight-bold:700;--typography-weight-bold:var(--10x-typography-weight-bold);--10x-typography-weight-extrabold:800;--typography-weight-extrabold:var(--10x-typography-weight-extrabold);--10x-typography-weight-medium:500;--typography-weight-medium:var(--10x-typography-weight-medium);--10x-typography-weight-regular:400;--typography-weight-regular:var(--10x-typography-weight-regular);--10x-typography-weight-semibold:600;--typography-weight-semibold:var(--10x-typography-weight-semibold);--10x-color-base-theme-background-product:#fff;--color-base-theme-background-product:var(--10x-color-base-theme-background-product);--10x-color-base-theme-background-website:#fff;--color-base-theme-background-website:var(--10x-color-base-theme-background-website);--10x-color-brand-primary-10-percent-opacity:#201f1f1a;--color-brand-primary-10-percent-opacity:var(--10x-color-brand-primary-10-percent-opacity);--10x-color-brand-primary-100:#f5f4f4;--color-brand-primary-100:var(--10x-color-brand-primary-100);--10x-color-brand-primary-200:#eeecec;--color-brand-primary-200:var(--10x-color-brand-primary-200);--10x-color-brand-primary-300:#dfdede;--color-brand-primary-300:var(--10x-color-brand-primary-300);--10x-color-brand-primary-400:#bcbbbb;--color-brand-primary-400:var(--10x-color-brand-primary-400);--10x-color-brand-primary-50:#fbf9f9;--color-brand-primary-50:var(--10x-color-brand-primary-50);--10x-color-brand-primary-500:#9d9b9b;--color-brand-primary-500:var(--10x-color-brand-primary-500);--10x-color-brand-primary-600:#747272;--color-brand-primary-600:var(--10x-color-brand-primary-600);--10x-color-brand-primary-700:#605f5f;--color-brand-primary-700:var(--10x-color-brand-primary-700);--10x-color-brand-primary-800:#414040;--color-brand-primary-800:var(--10x-color-brand-primary-800);--10x-color-brand-primary-900:#201f1f;--color-brand-primary-900:var(--10x-color-brand-primary-900);--10x-color-brand-secondary-10-percent-opacity:#f05d241a;--color-brand-secondary-10-percent-opacity:var(--10x-color-brand-secondary-10-percent-opacity);--10x-color-brand-secondary-100:#fdcfbe;--color-brand-secondary-100:var(--10x-color-brand-secondary-100);--10x-color-brand-secondary-200:#fdb094;--color-brand-secondary-200:var(--10x-color-brand-secondary-200);--10x-color-brand-secondary-300:#fc9369;--color-brand-secondary-300:var(--10x-color-brand-secondary-300);--10x-color-brand-secondary-400:#fb7b48;--color-brand-secondary-400:var(--10x-color-brand-secondary-400);--10x-color-brand-secondary-50:#faeae8;--color-brand-secondary-50:var(--10x-color-brand-secondary-50);--10x-color-brand-secondary-500:#fb6428;--color-brand-secondary-500:var(--10x-color-brand-secondary-500);--10x-color-brand-secondary-600:#f05d24;--color-brand-secondary-600:var(--10x-color-brand-secondary-600);--10x-color-brand-secondary-700:#dc4e11;--color-brand-secondary-700:var(--10x-color-brand-secondary-700);--10x-color-brand-secondary-800:#ce470d;--color-brand-secondary-800:var(--10x-color-brand-secondary-800);--10x-color-brand-secondary-900:#b53a05;--color-brand-secondary-900:var(--10x-color-brand-secondary-900);--10x-color-brand-tertiary-10-percent-opacity:#59b9a91a;--color-brand-tertiary-10-percent-opacity:var(--10x-color-brand-tertiary-10-percent-opacity);--10x-color-brand-tertiary-100:#b5e0d9;--color-brand-tertiary-100:var(--10x-color-brand-tertiary-100);--10x-color-brand-tertiary-200:#87cdc2;--color-brand-tertiary-200:var(--10x-color-brand-tertiary-200);--10x-color-brand-tertiary-300:#59b9a9;--color-brand-tertiary-300:var(--10x-color-brand-tertiary-300);--10x-color-brand-tertiary-400:#3ba997;--color-brand-tertiary-400:var(--10x-color-brand-tertiary-400);--10x-color-brand-tertiary-50:#e1f3f0;--color-brand-tertiary-50:var(--10x-color-brand-tertiary-50);--10x-color-brand-tertiary-500:#289a85;--color-brand-tertiary-500:var(--10x-color-brand-tertiary-500);--10x-color-brand-tertiary-600:#248d79;--color-brand-tertiary-600:var(--10x-color-brand-tertiary-600);--10x-color-brand-tertiary-700:#207c69;--color-brand-tertiary-700:var(--10x-color-brand-tertiary-700);--10x-color-brand-tertiary-800:#1c6c5b;--color-brand-tertiary-800:var(--10x-color-brand-tertiary-800);--10x-color-brand-tertiary-900:#145040;--color-brand-tertiary-900:var(--10x-color-brand-tertiary-900);--10x-color-button-ghost-disabled:var(--10x-color-element-disabled);--color-button-ghost-disabled:var(--10x-color-button-ghost-disabled);--10x-color-button-ghost-on-primary:var(--10x-color-surface-on-base-secondary);--color-button-ghost-on-primary:var(--10x-color-button-ghost-on-primary);--10x-color-button-ghost-on-secondary:var(--10x-color-surface-on-secondary-tertiary);--color-button-ghost-on-secondary:var(--10x-color-button-ghost-on-secondary);--10x-color-button-ghost-on-tertiary:var(--10x-color-surface-on-tertiary-quaternary);--color-button-ghost-on-tertiary:var(--10x-color-button-ghost-on-tertiary);--10x-color-button-primary-default:var(--10x-color-brand-primary-900);--color-button-primary-default:var(--10x-color-button-primary-default);--10x-color-button-primary-disabled:#201f1f80;--color-button-primary-disabled:var(--10x-color-button-primary-disabled);--10x-color-button-primary-hover:#3b3939;--color-button-primary-hover:var(--10x-color-button-primary-hover);--10x-color-button-primary-pressed:#2e2c2c;--color-button-primary-pressed:var(--10x-color-button-primary-pressed);--10x-color-button-secondary-default:var(--10x-color-brand-secondary-500);--color-button-secondary-default:var(--10x-color-button-secondary-default);--10x-color-button-secondary-disabled:#fb642880;--color-button-secondary-disabled:var(--10x-color-button-secondary-disabled);--10x-color-button-secondary-hover:#f27a4b;--color-button-secondary-hover:var(--10x-color-button-secondary-hover);--10x-color-button-secondary-pressed:#fb520f;--color-button-secondary-pressed:var(--10x-color-button-secondary-pressed);--10x-color-button-tertiary-default:var(--10x-color-brand-tertiary-300);--color-button-tertiary-default:var(--10x-color-button-tertiary-default);--10x-color-button-tertiary-disabled:#59b9a980;--color-button-tertiary-disabled:var(--10x-color-button-tertiary-disabled);--10x-color-button-tertiary-hover:#74c2b5;--color-button-tertiary-hover:var(--10x-color-button-tertiary-hover);--10x-color-button-tertiary-pressed:#44b2a0;--color-button-tertiary-pressed:var(--10x-color-button-tertiary-pressed);--10x-color-element-disabled:#201f1f25;--color-element-disabled:var(--color-element-disabled);--10x-color-element-error-error:#db343e;--color-element-error-error:var(--10x-color-element-error-error);--10x-color-element-error-error-dark:#c22e37;--color-element-error-error-dark:var(--10x-color-element-error-error-dark);--10x-color-element-error-error-dim:#db343e1a;--color-element-error-error-dim:var(--10x-color-element-error-error-dim);--10x-color-element-info-info:#2f7fea;--color-element-info-info:var(--10x-color-element-info-info);--10x-color-element-info-info-dark:#2a73d4;--color-element-info-info-dark:var(--10x-color-element-info-info-dark);--10x-color-element-info-info-dim:#2f7fea1a;--color-element-info-info-dim:var(--10x-color-element-info-info-dim);--10x-color-element-normal:#201f1f30;--color-element-normal:var(--10x-color-element-normal);--10x-color-element-shadow-shadow:#201f1f29;--color-element-shadow-shadow:var(--10x-color-element-shadow-shadow);--10x-color-element-subtle:#201f1f19;--color-element-subtle:var(--10x-color-element-subtle);--10x-color-element-success-success:#24b26f;--color-element-success-success:var(--10x-color-element-success-success);--10x-color-element-success-success-dark:#1f995f;--color-element-success-success-dark:var(--10x-color-element-success-success-dark);--10x-color-element-success-success-dim:#24b26f1a;--color-element-success-success-dim:var(--10x-color-element-success-success-dim);--10x-color-element-warning-warning:#d98734;--color-element-warning-warning:var(--10x-color-element-warning-warning);--10x-color-element-warning-warning-dark:#bf772e;--color-element-warning-warning-dark:var(--10x-color-element-warning-warning-dark);--10x-color-element-warning-warning-dim:#d987341a;--color-element-warning-warning-dim:var(--10x-color-element-warning-warning-dim);--10x-color-interactive-active:#1a1a1a0d;--color-interactive-active:var(--10x-color-interactive-active);--10x-color-interactive-disabled:var(--10x-color-element-disabled);--color-interactive-disabled:var(--10x-color-interactive-disabled);--10x-color-interactive-hover:#1a1a1a0d;--color-interactive-hover:var(--10x-color-interactive-hover);--10x-color-interactive-pressed:#1a1a1a1a;--color-interactive-pressed:var(--10x-color-interactive-pressed);--10x-color-pagination-active:var(--10x-color-brand-primary-50);--color-pagination-active:var(--10x-color-pagination-active);--10x-color-pagination-resting:var(--10x-color-surface-over-media-glass-default);--color-pagination-resting:var(--10x-color-pagination-resting);--10x-color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-base-theme-background-product);--color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-surface-mapping-base-to-quaternary-on-tertiary);--10x-color-surface-mapping-base-to-secondary:var(--10x-color-base-theme-background-product);--color-surface-mapping-base-to-secondary:var(--10x-color-surface-mapping-base-to-secondary);--10x-color-surface-mapping-base-to-tertiary-content:var(--10x-color-base-theme-background-product);--color-surface-mapping-base-to-tertiary-content:var(--10x-color-surface-mapping-base-to-tertiary-content);--10x-color-surface-mapping-secondary-to-base:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-secondary-to-base:var(--10x-color-surface-mapping-secondary-to-base);--10x-color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-mapping-secondary-to-secondary-on-tertiary);--10x-color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-mapping-secondary-to-tertiary);--10x-color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-surface-on-base-tertiary);--color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-surface-mapping-tertiary-to-base-sidebar);--10x-color-surface-on-base-quaternary:#0d0c0c1c;--color-surface-on-base-quaternary:var(--color-surface-on-base-quaternary);--10x-color-surface-on-base-secondary:#0d0c0c08;--color-surface-on-base-secondary:var(--color-surface-on-base-secondary);--10x-color-surface-on-base-tertiary:#0d0c0c12;--color-surface-on-base-tertiary:var(--color-surface-on-base-tertiary);--10x-color-surface-on-quaternary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-quaternary-primary:var(--10x-color-surface-on-quaternary-primary);--10x-color-surface-on-quaternary-secondary:#ffffffb2;--color-surface-on-quaternary-secondary:var(--10x-color-surface-on-quaternary-secondary);--10x-color-surface-on-quaternary-tertiary:#ffffff5e;--color-surface-on-quaternary-tertiary:var(--10x-color-surface-on-quaternary-tertiary);--10x-color-surface-on-secondary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-secondary-primary:var(--10x-color-surface-on-secondary-primary);--10x-color-surface-on-secondary-quaternary:#0d0c0c14;--color-surface-on-secondary-quaternary:var(--10x-color-surface-on-secondary-quaternary);--10x-color-surface-on-secondary-tertiary:#0d0c0c0a;--color-surface-on-secondary-tertiary:var(--10x-color-surface-on-secondary-tertiary);--10x-color-surface-on-tertiary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-tertiary-primary:var(--10x-color-surface-on-tertiary-primary);--10x-color-surface-on-tertiary-quaternary:#0d0c0c0b;--color-surface-on-tertiary-quaternary:var(--10x-color-surface-on-tertiary-quaternary);--10x-color-surface-on-tertiary-secondary:#ffffff8c;--color-surface-on-tertiary-secondary:var(--10x-color-surface-on-tertiary-secondary);--10x-color-surface-over-media-glass-always-darken-strong-contrast:#0d0c0c99;--color-surface-over-media-glass-always-darken-strong-contrast:var(--10x-color-surface-over-media-glass-always-darken-strong-contrast);--10x-color-surface-over-media-glass-default:#ffffff73;--color-surface-over-media-glass-default:var(--color-surface-over-media-glass-default);--10x-color-surface-over-media-glass-extra-strong-contrast:#fffc;--color-surface-over-media-glass-extra-strong-contrast:var(--10x-color-surface-over-media-glass-extra-strong-contrast);--10x-color-surface-over-media-glass-strong-contrast:#ffffffa6;--color-surface-over-media-glass-strong-contrast:var(--10x-color-surface-over-media-glass-strong-contrast);--10x-color-surface-over-media-glass-ultra-strong-contrast:#ffffffeb;--color-surface-over-media-glass-ultra-strong-contrast:var(--10x-color-surface-over-media-glass-ultra-strong-contrast);--10x-color-surface-overlay-default:#1a1a1a8c;--color-surface-overlay-default:var(--10x-color-surface-overlay-default);--10x-color-surface-overlay-subtle:#1a1a1a40;--color-surface-overlay-subtle:var(--10x-color-surface-overlay-subtle);--10x-color-text-general-disabled:#201f1f66;--color-text-general-disabled:var(--10x-color-text-general-disabled);--10x-color-text-general-highlight:var(--10x-color-brand-secondary-500);--color-text-general-highlight:var(--10x-color-text-general-highlight);--10x-color-text-general-primary:var(--10x-color-brand-primary-900);--color-text-general-primary:var(--10x-color-text-general-primary);--10x-color-text-general-secondary:#201f1f99;--color-text-general-secondary:var(--10x-color-text-general-secondary);--10x-color-text-on-button-disabled:#201f1f66;--color-text-on-button-disabled:var(--10x-color-text-on-button-disabled);--10x-color-text-on-button-ghost-outlined:var(--10x-color-brand-primary-900);--color-text-on-button-ghost-outlined:var(--10x-color-text-on-button-ghost-outlined);--10x-color-text-on-button-link-inactive:var(--10x-color-text-general-secondary);--color-text-on-button-link-inactive:var(--10x-color-text-on-button-link-inactive);--10x-color-text-on-button-primary:var(--10x-color-brand-primary-50);--color-text-on-button-primary:var(--10x-color-text-on-button-primary);--10x-color-text-on-button-secondary:var(--10x-color-brand-primary-50);--color-text-on-button-secondary:var(--10x-color-text-on-button-secondary);--10x-color-text-on-button-secondary-link-active:var(--10x-color-button-secondary-default);--color-text-on-button-secondary-link-active:var(--10x-color-text-on-button-secondary-link-active);--10x-color-text-on-button-tertiary:var(--10x-color-brand-primary-50);--color-text-on-button-tertiary:var(--10x-color-text-on-button-tertiary);--10x-color-text-on-button-tertiary-link-active:var(--10x-color-brand-tertiary-600);--color-text-on-button-tertiary-link-active:var(--10x-color-text-on-button-tertiary-link-active);--10x-color-text-on-chip-primary:var(--10x-color-brand-primary-900);--color-text-on-chip-primary:var(--10x-color-text-on-chip-primary);--10x-color-text-on-chip-secondary:var(--10x-color-brand-secondary-700);--color-text-on-chip-secondary:var(--10x-color-text-on-chip-secondary);--10x-color-text-on-chip-tertiary:var(--10x-color-brand-tertiary-500);--color-text-on-chip-tertiary:var(--10x-color-text-on-chip-tertiary);--color-background-canvas:var(--color-base-theme-background-product);--color-background-product:var(--color-base-theme-background-product);--color-background-surface:var(--color-surface-on-base-secondary);--color-background-inverse:var(--color-brand-primary-900);--color-text-primary:var(--color-text-general-primary);--color-text-secondary:var(--color-text-general-secondary);--color-text-muted:var(--color-text-general-secondary);--color-text-disabled:var(--color-text-general-disabled);--color-text-on-brand-primary:var(--color-text-on-button-on-primary);--color-text-on-brand-secondary:var(--color-text-on-button-on-secondary);--color-border-subtle:var(--color-surface-on-base-secondary);--color-border-default:var(--color-surface-on-base-tertiary);--color-border-focus:var(--color-button-secondary-default);--color-interaction-brand:var(--color-button-secondary-default);--color-interaction-brand-hover:var(--color-button-secondary-hover);--color-text-on-ghost-outlined:var(--color-text-on-button-on-ghost-outlined)}[data-theme=new-dark]{--10x-radius-12px:12px;--radius-12px:var(--10x-radius-12px);--10x-radius-16px:16px;--radius-16px:var(--10x-radius-16px);--10x-radius-20px:20px;--radius-20px:var(--10x-radius-20px);--10x-radius-4px:4px;--radius-4px:var(--10x-radius-4px);--10x-radius-8px:8px;--radius-8px:var(--10x-radius-8px);--10x-spacing-0:0;--spacing-0:var(--10x-spacing-0);--10x-spacing-100:4px;--spacing-100:var(--10x-spacing-100);--10x-spacing-1200:48px;--spacing-1200:var(--10x-spacing-1200);--10x-spacing-1600:64px;--spacing-1600:var(--10x-spacing-1600);--10x-spacing-200:8px;--spacing-200:var(--10x-spacing-200);--10x-spacing-2400:96px;--spacing-2400:var(--10x-spacing-2400);--10x-spacing-300:12px;--spacing-300:var(--10x-spacing-300);--10x-spacing-400:16px;--spacing-400:var(--10x-spacing-400);--10x-spacing-4000:160px;--spacing-4000:var(--10x-spacing-4000);--10x-spacing-500:20px;--spacing-500:var(--10x-spacing-500);--10x-spacing-600:24px;--spacing-600:var(--10x-spacing-600);--10x-spacing-800:32px;--spacing-800:var(--10x-spacing-800);--10x-spacing-negative-100:-4px;--spacing-negative-100:var(--10x-spacing-negative-100);--10x-spacing-negative-200:-8px;--spacing-negative-200:var(--10x-spacing-negative-200);--10x-spacing-negative-300:-12px;--spacing-negative-300:var(--10x-spacing-negative-300);--10x-spacing-negative-400:-16px;--spacing-negative-400:var(--10x-spacing-negative-400);--10x-spacing-negative-600:-24px;--spacing-negative-600:var(--10x-spacing-negative-600);--10x-typography-family-display:Plus Jakarta Sans;--typography-family-display:var(--10x-typography-family-display);--10x-typography-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;--typography-family-mono:var(--10x-typography-family-mono);--10x-typography-family-ui:Inter;--typography-family-ui:var(--10x-typography-family-ui);--10x-typography-size-100:12px;--typography-size-100:var(--10x-typography-size-100);--10x-typography-size-1000:36px;--typography-size-1000:var(--10x-typography-size-1000);--10x-typography-size-1100:40px;--typography-size-1100:var(--10x-typography-size-1100);--10x-typography-size-1200:48px;--typography-size-1200:var(--10x-typography-size-1200);--10x-typography-size-150:13px;--typography-size-150:var(--10x-typography-size-150);--10x-typography-size-200:14px;--typography-size-200:var(--10x-typography-size-200);--10x-typography-size-250:15px;--typography-size-250:var(--10x-typography-size-250);--10x-typography-size-300:16px;--typography-size-300:var(--10x-typography-size-300);--10x-typography-size-400:18px;--typography-size-400:var(--10x-typography-size-400);--10x-typography-size-500:20px;--typography-size-500:var(--10x-typography-size-500);--10x-typography-size-600:22px;--typography-size-600:var(--10x-typography-size-600);--10x-typography-size-700:24px;--typography-size-700:var(--10x-typography-size-700);--10x-typography-size-800:28px;--typography-size-800:var(--10x-typography-size-800);--10x-typography-size-900:32px;--typography-size-900:var(--10x-typography-size-900);--10x-typography-weight-bold:700;--typography-weight-bold:var(--10x-typography-weight-bold);--10x-typography-weight-extrabold:800;--typography-weight-extrabold:var(--10x-typography-weight-extrabold);--10x-typography-weight-medium:500;--typography-weight-medium:var(--10x-typography-weight-medium);--10x-typography-weight-regular:400;--typography-weight-regular:var(--10x-typography-weight-regular);--10x-typography-weight-semibold:600;--typography-weight-semibold:var(--10x-typography-weight-semibold);--10x-color-base-theme-background-product:#0d0c0c;--color-base-theme-background-product:var(--10x-color-base-theme-background-product);--10x-color-base-theme-background-website:#0d0c0c;--color-base-theme-background-website:var(--10x-color-base-theme-background-website);--10x-color-brand-primary-10-percent-opacity:#fbf9f91a;--color-brand-primary-10-percent-opacity:var(--10x-color-brand-primary-10-percent-opacity);--10x-color-brand-primary-100:#f5f4f4;--color-brand-primary-100:var(--10x-color-brand-primary-100);--10x-color-brand-primary-200:#eeecec;--color-brand-primary-200:var(--10x-color-brand-primary-200);--10x-color-brand-primary-300:#dfdede;--color-brand-primary-300:var(--10x-color-brand-primary-300);--10x-color-brand-primary-400:#bcbbbb;--color-brand-primary-400:var(--10x-color-brand-primary-400);--10x-color-brand-primary-50:#fbf9f9;--color-brand-primary-50:var(--10x-color-brand-primary-50);--10x-color-brand-primary-500:#9d9b9b;--color-brand-primary-500:var(--10x-color-brand-primary-500);--10x-color-brand-primary-600:#747272;--color-brand-primary-600:var(--10x-color-brand-primary-600);--10x-color-brand-primary-700:#605f5f;--color-brand-primary-700:var(--10x-color-brand-primary-700);--10x-color-brand-primary-800:#414040;--color-brand-primary-800:var(--10x-color-brand-primary-800);--10x-color-brand-primary-900:#201f1f;--color-brand-primary-900:var(--10x-color-brand-primary-900);--10x-color-brand-secondary-10-percent-opacity:#f3703e1a;--color-brand-secondary-10-percent-opacity:var(--10x-color-brand-secondary-10-percent-opacity);--10x-color-brand-secondary-100:#fbcbba;--color-brand-secondary-100:var(--10x-color-brand-secondary-100);--10x-color-brand-secondary-200:#f8aa8e;--color-brand-secondary-200:var(--10x-color-brand-secondary-200);--10x-color-brand-secondary-300:#f58a61;--color-brand-secondary-300:var(--10x-color-brand-secondary-300);--10x-color-brand-secondary-400:#f3703e;--color-brand-secondary-400:var(--10x-color-brand-secondary-400);--10x-color-brand-secondary-50:#f9e9e6;--color-brand-secondary-50:var(--10x-color-brand-secondary-50);--10x-color-brand-secondary-500:#ff5c16;--color-brand-secondary-500:var(--10x-color-brand-secondary-500);--10x-color-brand-secondary-600:#e75417;--color-brand-secondary-600:var(--10x-color-brand-secondary-600);--10x-color-brand-secondary-700:#d94e12;--color-brand-secondary-700:var(--10x-color-brand-secondary-700);--10x-color-brand-secondary-800:#cb470e;--color-brand-secondary-800:var(--10x-color-brand-secondary-800);--10x-color-brand-secondary-900:#b33a06;--color-brand-secondary-900:var(--10x-color-brand-secondary-900);--10x-color-brand-tertiary-10-percent-opacity:#76d1c11a;--color-brand-tertiary-10-percent-opacity:var(--10x-color-brand-tertiary-10-percent-opacity);--10x-color-brand-tertiary-100:#aee3d9;--color-brand-tertiary-100:var(--10x-color-brand-tertiary-100);--10x-color-brand-tertiary-200:#76d1c1;--color-brand-tertiary-200:var(--10x-color-brand-tertiary-200);--10x-color-brand-tertiary-300:#3bbda7;--color-brand-tertiary-300:var(--10x-color-brand-tertiary-300);--10x-color-brand-tertiary-400:#00ae95;--color-brand-tertiary-400:var(--10x-color-brand-tertiary-400);--10x-color-brand-tertiary-50:#def4f0;--color-brand-tertiary-50:var(--10x-color-brand-tertiary-50);--10x-color-brand-tertiary-500:#009e83;--color-brand-tertiary-500:var(--10x-color-brand-tertiary-500);--10x-color-brand-tertiary-600:#009176;--color-brand-tertiary-600:var(--10x-color-brand-tertiary-600);--10x-color-brand-tertiary-700:#008066;--color-brand-tertiary-700:var(--10x-color-brand-tertiary-700);--10x-color-brand-tertiary-800:#007058;--color-brand-tertiary-800:var(--10x-color-brand-tertiary-800);--10x-color-brand-tertiary-900:#00543c;--color-brand-tertiary-900:var(--10x-color-brand-tertiary-900);--10x-color-button-ghost-disabled:var(--10x-color-element-disabled);--color-button-ghost-disabled:var(--10x-color-button-ghost-disabled);--10x-color-button-ghost-on-primary:var(--10x-color-surface-on-base-tertiary);--color-button-ghost-on-primary:var(--10x-color-button-ghost-on-primary);--10x-color-button-ghost-on-secondary:var(--10x-color-surface-on-secondary-quaternary);--color-button-ghost-on-secondary:var(--10x-color-button-ghost-on-secondary);--10x-color-button-ghost-on-tertiary:var(--10x-color-surface-on-tertiary-quaternary);--color-button-ghost-on-tertiary:var(--10x-color-button-ghost-on-tertiary);--10x-color-button-primary-default:var(--10x-color-brand-primary-100);--color-button-primary-default:var(--10x-color-button-primary-default);--10x-color-button-primary-disabled:#f5f4f480;--color-button-primary-disabled:var(--10x-color-button-primary-disabled);--10x-color-button-primary-hover:#dbdbdb;--color-button-primary-hover:var(--10x-color-button-primary-hover);--10x-color-button-primary-pressed:#e8e7e7;--color-button-primary-pressed:var(--10x-color-button-primary-pressed);--10x-color-button-secondary-default:var(--10x-color-brand-secondary-400);--color-button-secondary-default:var(--10x-color-button-secondary-default);--10x-color-button-secondary-disabled:#f3703e80;--color-button-secondary-disabled:var(--10x-color-button-secondary-disabled);--10x-color-button-secondary-hover:#f3865c;--color-button-secondary-hover:var(--10x-color-button-secondary-hover);--10x-color-button-secondary-pressed:#f35f27;--color-button-secondary-pressed:var(--10x-color-button-secondary-pressed);--10x-color-button-tertiary-default:var(--10x-color-brand-tertiary-200);--color-button-tertiary-default:var(--10x-color-button-tertiary-default);--10x-color-button-tertiary-disabled:#76d1c180;--color-button-tertiary-disabled:var(--10x-color-button-tertiary-disabled);--10x-color-button-tertiary-hover:#8fd9cc;--color-button-tertiary-hover:var(--10x-color-button-tertiary-hover);--10x-color-button-tertiary-pressed:#5dc9b6;--color-button-tertiary-pressed:var(--10x-color-button-tertiary-pressed);--10x-color-element-disabled:#fbf9f928;--color-element-disabled:var(--color-element-disabled);--10x-color-element-error-error:#ff636c;--color-element-error-error:var(--10x-color-element-error-error);--10x-color-element-error-error-dark:#e55961;--color-element-error-error-dark:var(--10x-color-element-error-error-dark);--10x-color-element-error-error-dim:#ff636c1a;--color-element-error-error-dim:var(--10x-color-element-error-error-dim);--10x-color-element-info-info:#4b98ff;--color-element-info-info:var(--10x-color-element-info-info);--10x-color-element-info-info-dark:#4489e5;--color-element-info-info-dark:var(--10x-color-element-info-info-dark);--10x-color-element-info-info-dim:#4b98ff1a;--color-element-info-info-dim:var(--10x-color-element-info-info-dim);--10x-color-element-normal:#fbf9f933;--color-element-normal:var(--10x-color-element-normal);--10x-color-element-shadow-shadow:#fbf9f908;--color-element-shadow-shadow:var(--10x-color-element-shadow-shadow);--10x-color-element-subtle:#fbf9f91a;--color-element-subtle:var(--10x-color-element-subtle);--10x-color-element-success-success:#41d9a2;--color-element-success-success:var(--10x-color-element-success-success);--10x-color-element-success-success-dark:#39bf8f;--color-element-success-success-dark:var(--10x-color-element-success-success-dark);--10x-color-element-success-success-dim:#41d9a21a;--color-element-success-success-dim:var(--10x-color-element-success-success-dim);--10x-color-element-warning-warning:#fa9247;--color-element-warning-warning:var(--10x-color-element-warning-warning);--10x-color-element-warning-warning-dark:#e08340;--color-element-warning-warning-dark:var(--10x-color-element-warning-warning-dark);--10x-color-element-warning-warning-dim:#fa92471a;--color-element-warning-warning-dim:var(--10x-color-element-warning-warning-dim);--10x-color-interactive-active:#ffffff0d;--color-interactive-active:var(--10x-color-interactive-active);--10x-color-interactive-disabled:var(--10x-color-element-disabled);--color-interactive-disabled:var(--10x-color-interactive-disabled);--10x-color-interactive-hover:#ffffff0d;--color-interactive-hover:var(--10x-color-interactive-hover);--10x-color-interactive-pressed:#ffffff1a;--color-interactive-pressed:var(--10x-color-interactive-pressed);--10x-color-pagination-active:var(--10x-color-brand-primary-50);--color-pagination-active:var(--10x-color-pagination-active);--10x-color-pagination-resting:#fbf9f973;--color-pagination-resting:var(--10x-color-pagination-resting);--10x-color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-surface-on-tertiary-quaternary);--color-surface-mapping-base-to-quaternary-on-tertiary:var(--10x-color-surface-mapping-base-to-quaternary-on-tertiary);--10x-color-surface-mapping-base-to-secondary:var(--10x-color-surface-on-base-secondary);--color-surface-mapping-base-to-secondary:var(--10x-color-surface-mapping-base-to-secondary);--10x-color-surface-mapping-base-to-tertiary-content:var(--10x-color-surface-on-base-tertiary);--color-surface-mapping-base-to-tertiary-content:var(--10x-color-surface-mapping-base-to-tertiary-content);--10x-color-surface-mapping-secondary-to-base:var(--10x-color-base-theme-background-product);--color-surface-mapping-secondary-to-base:var(--10x-color-surface-mapping-secondary-to-base);--10x-color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-on-tertiary-secondary);--color-surface-mapping-secondary-to-secondary-on-tertiary:var(--10x-color-surface-mapping-secondary-to-secondary-on-tertiary);--10x-color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-on-base-tertiary);--color-surface-mapping-secondary-to-tertiary:var(--10x-color-surface-mapping-secondary-to-tertiary);--10x-color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-base-theme-background-product);--color-surface-mapping-tertiary-to-base-sidebar:var(--10x-color-surface-mapping-tertiary-to-base-sidebar);--10x-color-surface-on-base-quaternary:#ffffff25;--color-surface-on-base-quaternary:var(--color-surface-on-base-quaternary);--10x-color-surface-on-base-secondary:#ffffff0a;--color-surface-on-base-secondary:var(--color-surface-on-base-secondary);--10x-color-surface-on-base-tertiary:#ffffff15;--color-surface-on-base-tertiary:var(--color-surface-on-base-tertiary);--10x-color-surface-on-quaternary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-quaternary-primary:var(--10x-color-surface-on-quaternary-primary);--10x-color-surface-on-quaternary-secondary:#0d0c0c85;--color-surface-on-quaternary-secondary:var(--10x-color-surface-on-quaternary-secondary);--10x-color-surface-on-quaternary-tertiary:#0d0c0c4f;--color-surface-on-quaternary-tertiary:var(--10x-color-surface-on-quaternary-tertiary);--10x-color-surface-on-secondary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-secondary-primary:var(--10x-color-surface-on-secondary-primary);--10x-color-surface-on-secondary-quaternary:#ffffff1b;--color-surface-on-secondary-quaternary:var(--10x-color-surface-on-secondary-quaternary);--10x-color-surface-on-secondary-tertiary:#ffffff0b;--color-surface-on-secondary-tertiary:var(--10x-color-surface-on-secondary-tertiary);--10x-color-surface-on-tertiary-primary:var(--10x-color-base-theme-background-product);--color-surface-on-tertiary-primary:var(--10x-color-surface-on-tertiary-primary);--10x-color-surface-on-tertiary-quaternary:#fff1;--color-surface-on-tertiary-quaternary:var(--10x-color-surface-on-tertiary-quaternary);--10x-color-surface-on-tertiary-secondary:#0d0c0c52;--color-surface-on-tertiary-secondary:var(--10x-color-surface-on-tertiary-secondary);--10x-color-surface-over-media-glass-always-darken-strong-contrast:#0d0c0c99;--color-surface-over-media-glass-always-darken-strong-contrast:var(--10x-color-surface-over-media-glass-always-darken-strong-contrast);--10x-color-surface-over-media-glass-default:#0d0c0c73;--color-surface-over-media-glass-default:var(--color-surface-over-media-glass-default);--10x-color-surface-over-media-glass-extra-strong-contrast:#0d0c0cb2;--color-surface-over-media-glass-extra-strong-contrast:var(--10x-color-surface-over-media-glass-extra-strong-contrast);--10x-color-surface-over-media-glass-strong-contrast:#0d0c0ca6;--color-surface-over-media-glass-strong-contrast:var(--10x-color-surface-over-media-glass-strong-contrast);--10x-color-surface-over-media-glass-ultra-strong-contrast:#0d0c0ceb;--color-surface-over-media-glass-ultra-strong-contrast:var(--10x-color-surface-over-media-glass-ultra-strong-contrast);--10x-color-surface-overlay-default:#333333a6;--color-surface-overlay-default:var(--10x-color-surface-overlay-default);--10x-color-surface-overlay-subtle:#33333359;--color-surface-overlay-subtle:var(--10x-color-surface-overlay-subtle);--10x-color-text-general-disabled:#fbf9f966;--color-text-general-disabled:var(--10x-color-text-general-disabled);--10x-color-text-general-highlight:var(--10x-color-brand-secondary-400);--color-text-general-highlight:var(--10x-color-text-general-highlight);--10x-color-text-general-primary:var(--10x-color-brand-primary-50);--color-text-general-primary:var(--10x-color-text-general-primary);--10x-color-text-general-secondary:#fbf9f9a6;--color-text-general-secondary:var(--10x-color-text-general-secondary);--10x-color-text-on-button-disabled:#fbf9f966;--color-text-on-button-disabled:var(--10x-color-text-on-button-disabled);--10x-color-text-on-button-ghost-outlined:var(--10x-color-brand-primary-50);--color-text-on-button-ghost-outlined:var(--10x-color-text-on-button-ghost-outlined);--10x-color-text-on-button-link-inactive:var(--10x-color-text-general-secondary);--color-text-on-button-link-inactive:var(--10x-color-text-on-button-link-inactive);--10x-color-text-on-button-primary:var(--10x-color-brand-primary-900);--color-text-on-button-primary:var(--10x-color-text-on-button-primary);--10x-color-text-on-button-secondary:var(--10x-color-brand-primary-50);--color-text-on-button-secondary:var(--10x-color-text-on-button-secondary);--10x-color-text-on-button-secondary-link-active:var(--10x-color-button-secondary-default);--color-text-on-button-secondary-link-active:var(--10x-color-text-on-button-secondary-link-active);--10x-color-text-on-button-tertiary:var(--10x-color-brand-primary-50);--color-text-on-button-tertiary:var(--10x-color-text-on-button-tertiary);--10x-color-text-on-button-tertiary-link-active:var(--10x-color-brand-tertiary-200);--color-text-on-button-tertiary-link-active:var(--10x-color-text-on-button-tertiary-link-active);--10x-color-text-on-chip-primary:var(--10x-color-brand-primary-50);--color-text-on-chip-primary:var(--10x-color-text-on-chip-primary);--10x-color-text-on-chip-secondary:var(--10x-color-brand-secondary-400);--color-text-on-chip-secondary:var(--10x-color-text-on-chip-secondary);--10x-color-text-on-chip-tertiary:var(--10x-color-brand-tertiary-200);--color-text-on-chip-tertiary:var(--10x-color-text-on-chip-tertiary);--color-background-canvas:var(--color-base-theme-background-product);--color-background-product:var(--color-base-theme-background-product);--color-background-surface:var(--color-surface-on-base-secondary);--color-background-inverse:var(--color-brand-primary-50);--color-text-primary:var(--color-text-general-primary);--color-text-secondary:var(--color-text-general-secondary);--color-text-muted:var(--color-text-general-secondary);--color-text-disabled:var(--color-text-general-disabled);--color-text-on-brand-primary:var(--color-text-on-button-on-primary);--color-text-on-brand-secondary:var(--color-text-on-button-on-secondary);--color-border-subtle:var(--color-surface-on-base-secondary);--color-border-default:var(--color-surface-on-base-tertiary);--color-border-focus:var(--color-button-secondary-default);--color-interaction-brand:var(--color-button-secondary-default);--color-interaction-brand-hover:var(--color-button-secondary-hover);--color-text-on-ghost-outlined:var(--color-text-on-button-on-ghost-outlined)}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:var(--color-background-canvas);--foreground:var(--color-text-primary);--card:var(--color-background-canvas)}@supports (color:color-mix(in lab, red, red)){:root{--card:color-mix(in srgb, var(--color-background-canvas) 82%, transparent)}}:root{--card-foreground:var(--color-text-primary);--popover:var(--color-background-canvas);--popover-foreground:var(--color-text-primary);--primary:var(--color-interaction-brand);--primary-foreground:var(--color-text-on-brand-primary);--secondary:var(--color-background-canvas);--secondary-foreground:var(--color-text-primary);--muted:var(--color-surface-on-base-secondary);--muted-foreground:var(--color-text-secondary);--accent:var(--color-surface-on-base-tertiary);--accent-foreground:var(--color-text-primary);--destructive:#b42318;--border:var(--color-border-subtle);--input:var(--color-border-subtle);--ring:var(--color-border-focus);--chart-1:var(--color-brand-secondary-500);--chart-2:var(--color-brand-tertiary-500);--chart-3:var(--color-brand-primary-500);--chart-4:var(--color-brand-secondary-700);--chart-5:var(--color-brand-tertiary-700);--radius:var(--radius-20px);--sidebar:var(--color-background-surface);--sidebar-foreground:var(--color-text-primary);--sidebar-primary:var(--color-interaction-brand);--sidebar-primary-foreground:var(--color-text-on-brand-primary);--sidebar-accent:var(--color-surface-on-base-tertiary);--sidebar-accent-foreground:var(--color-text-primary);--sidebar-border:var(--color-border-subtle);--sidebar-ring:var(--color-border-focus);--tenx-background-wash:radial-gradient(circle at 20% 10%, var(--color-brand-tertiary-100) 0, transparent 38%), radial-gradient(circle at 78% 18%, var(--color-brand-secondary-100) 0, transparent 42%), linear-gradient(180deg, var(--color-background-canvas) 0%, var(--color-background-canvas) 100%)}@supports (color:color-mix(in lab, red, red)){:root{--tenx-background-wash:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--color-brand-tertiary-100) 64%, transparent) 0, transparent 38%), radial-gradient(circle at 78% 18%, color-mix(in srgb, var(--color-brand-secondary-100) 72%, transparent) 0, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--color-background-canvas) 88%, white) 0%, var(--color-background-canvas) 100%)}}:root{--tenx-surface-glass:var(--color-surface-over-media-glass-default);--tenx-surface-switch:var(--color-surface-on-base-tertiary);--tenx-surface-chip:var(--color-background-product);--tenx-surface-icon:var(--color-background-product);--tenx-surface-disabled:var(--color-surface-on-base-quaternary);--tenx-surface-media-cta:var(--color-brand-primary-50)}@supports (color:color-mix(in lab, red, red)){:root{--tenx-surface-media-cta:color-mix(in srgb, var(--color-brand-primary-50) 92%, transparent)}}:root{--tenx-surface-media-cta-hover:var(--color-brand-primary-50)}@supports (color:color-mix(in lab, red, red)){:root{--tenx-surface-media-cta-hover:color-mix(in srgb, var(--color-brand-primary-50) 96%, var(--color-brand-primary-500) 4%)}}:root{--tenx-border-media-cta:var(--color-brand-primary-50)}@supports (color:color-mix(in lab, red, red)){:root{--tenx-border-media-cta:color-mix(in srgb, var(--color-brand-primary-50) 72%, transparent)}}:root{--tenx-text-media-cta:var(--color-brand-primary-900);--tenx-shadow-soft:0 2px 12px #00000014;--tenx-shadow-pill:0 2px 12px #00000029;--tenx-shadow-toggle:0 4px 10px #05011e29}[data-theme=new-dark]{--card:var(--color-background-surface)}@supports (color:color-mix(in lab, red, red)){[data-theme=new-dark]{--card:color-mix(in srgb, var(--color-background-surface) 76%, transparent)}}[data-theme=new-dark]{--popover:var(--color-background-surface);--secondary:var(--color-background-surface);--sidebar:var(--color-background-surface);--tenx-background-wash:radial-gradient(circle at 18% 8%, #207c6938 0, transparent 36%), radial-gradient(circle at 78% 16%, #f3703e3d 0, transparent 40%), linear-gradient(180deg, #121214 0%, var(--color-background-canvas) 100%)}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg:#0d0c0c;--shell-bg:#0d0c0c;--panel-bg:#ffffff05;--panel-bg-elevated:#ffffff0d;--panel-bg-selected:#5f6f9e2e;--border:#ffffff1f;--border-soft:#ffffff14;--text:#fbf9f9;--text-muted:#fbf9f9b3;--text-dim:#fbf9f980;--pill-bg:#ffffff0d;--pill-border:#ffffff1a;--chip-bg:#ffffff0d;--chip-hover:#ffffff14;--blue:#5f6f9e2e;--blue-strong:#5f6f9e4d;--success:#009e83;--control-height:40px;--variable-column-width:236px;--code-bg:#171717;--code-text:#f6f5f5;--paper-bg:#0d0c0c;--paper-border:#ffffff1f;--paper-text:#fbf9f9;--text-disabled:#fbf9f966;--text-highlight:#f3703e;--link-text:#fbf9f9b3;--link-text-active:#f3703e;--interactive-hover:#ffffff14;--interactive-active:#ffffff14;--interactive-pressed:#ffffff24;--interactive-disabled:#fbf9f929;--specimen-product-bg-light:#fff;--specimen-product-bg-dark:#0d0c0c;--specimen-text-light:#201f1f;--specimen-text-dark:#fbf9f9;--specimen-surface-light:#0d0c0c12;--specimen-surface-dark:#ffffff15;--viewer-surface-over-media-glass-default-light:#ffffff73;--viewer-surface-over-media-glass-default-dark:#0d0c0c73;--viewer-surface-over-media-glass-strong-light:#ffffffa6;--viewer-surface-over-media-glass-strong-dark:#0d0c0ca6;--viewer-surface-over-media-glass-extra-light:#ffffffc2;--viewer-surface-over-media-glass-extra-dark:#0d0c0cc2;--viewer-surface-over-media-glass-ultra-light:#ffffffdb;--viewer-surface-over-media-glass-ultra-dark:#0d0c0cdb;--viewer-surface-over-media-glass-always-darken-light:#0d0c0ca6;--viewer-surface-over-media-glass-always-darken-dark:#0d0c0ca6;--shadcn-ref-font-sans:"Geist", "Geist Fallback", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadcn-ref-font-mono:"Geist Mono", "GeistMono-Regular", ui-monospace, SFMono-Regular, Menlo, monospace;--font-ui:Inter, "SF Pro Text", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Plus Jakarta Sans", Inter, "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:Inter,SF Pro Text,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.viewer-lab{flex-direction:column;gap:24px;min-height:100%;display:flex}.viewer-lab__intro{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--panel-bg-elevated), transparent);border-radius:24px;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px;display:flex}.viewer-lab__intro h3{margin:8px 0 0;font-size:28px;line-height:1.08}.viewer-lab__intro p{max-width:560px;color:var(--text-muted);margin:0;line-height:1.55}.viewer-lab__eyebrow,.surface-art-stage__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;font-size:12px;font-weight:700;display:inline-flex}.viewer-lab__layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px;min-height:0;display:grid}.viewer-lab__layout--floating{grid-template-columns:minmax(0,1fr)}.viewer-lab__controls,.viewer-lab__preview-column{min-height:0}.viewer-lab__controls{flex-direction:column;gap:16px;display:flex}.viewer-lab__controls--floating{z-index:80;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:28px;width:min(360px,100vw - 48px);max-height:min(72dvh,100dvh - 48px);padding:14px;position:fixed;overflow:auto}@supports (color:color-mix(in lab, red, red)){.viewer-lab__controls--floating{background:color-mix(in srgb, var(--panel-bg) 88%, transparent)}}.viewer-lab__controls--floating{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 22px 60px #00000038}.viewer-lab__controls--dragging{cursor:grabbing}.viewer-lab__controls-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.viewer-lab__controls-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.viewer-lab__controls-drag-handle{min-height:44px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.viewer-lab__controls-drag-handle--active{cursor:grab;touch-action:none}.viewer-lab-panel{border:1px solid var(--border-soft);background:var(--panel-bg-elevated);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.viewer-lab-panel{background:color-mix(in srgb, var(--panel-bg-elevated) 90%, transparent)}}.viewer-lab-panel{padding:18px}.viewer-lab-panel__header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.viewer-lab-panel__meta{color:var(--text-highlight)}.viewer-lab-panel__note{color:var(--text-muted);margin:12px 0 0;font-size:13px;line-height:1.5}.viewer-lab-toggle-group{flex-wrap:wrap;gap:8px;display:flex}.viewer-lab-toggle,.viewer-lab-action{border:1px solid var(--border-soft);background:var(--chip-bg);color:var(--text);cursor:pointer;border-radius:999px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.viewer-lab-toggle{align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.viewer-lab-toggle--active{border-color:var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.viewer-lab-toggle--active{border-color:color-mix(in srgb, var(--text-highlight) 36%, transparent)}}.viewer-lab-toggle--active{background:var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.viewer-lab-toggle--active{background:color-mix(in srgb, var(--text-highlight) 16%, var(--chip-bg))}}.viewer-lab-panel__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.viewer-lab-action{touch-action:manipulation;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.viewer-lab-action--compact{min-height:36px;padding:0 12px;font-size:13px}.viewer-lab-action:hover,.viewer-lab-toggle:hover{background:var(--chip-hover)}.viewer-lab-asset-list{gap:10px;display:grid}.viewer-lab-asset-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.viewer-lab-asset-row span{color:var(--text-muted)}.viewer-lab-code{background:var(--code-bg);color:var(--code-text);border-radius:18px;margin:0;padding:16px;font-size:13px;line-height:1.6;overflow:auto}.surface-art-controls{gap:14px;display:grid}.surface-art-control{gap:10px;display:grid}.surface-art-control__header{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.surface-art-control__header span{color:var(--text-muted)}.surface-art-control input[type=range]{width:100%;accent-color:var(--text-highlight)}.surface-art-preview-grid{gap:20px;display:grid}.surface-art-preview{border:1px solid var(--border-soft);background:var(--panel-bg-elevated);border-radius:28px}@supports (color:color-mix(in lab, red, red)){.surface-art-preview{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, transparent)}}.surface-art-preview{overscroll-behavior:contain;padding:16px;overflow:auto}.surface-art-preview--editing{border-color:var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.surface-art-preview--editing{border-color:color-mix(in srgb, var(--text-highlight) 38%, transparent)}}.surface-art-preview--editing{box-shadow:0 0 0 1px var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.surface-art-preview--editing{box-shadow:0 0 0 1px color-mix(in srgb, var(--text-highlight) 16%, transparent)}}.surface-art-preview__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.surface-art-preview__header strong{font-size:14px;display:block}.surface-art-preview__header span{color:var(--text-dim);font-size:12px}.surface-art-preview__recipe{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.surface-art-preview__recipe span{background:var(--chip-bg);color:var(--text-muted);border-radius:999px;padding:6px 10px;font-size:12px}.surface-art-stage{width:var(--surface-art-frame-width);height:var(--surface-art-frame-height);background:var(--paper-bg);border:1px solid var(--paper-border);border-radius:28px;position:relative;overflow:hidden}.surface-art-stage__art{position:absolute;inset:0}.surface-art-stage__art-frame{position:absolute;overflow:hidden}.surface-art-stage__art-frame picture{position:absolute;inset:0}.surface-art-stage__image{object-fit:cover;transform-origin:50%;will-change:transform;width:100%;height:100%}.surface-art-stage__wash{pointer-events:none;position:absolute;inset:0}.surface-art-stage__wash--hero{background:linear-gradient(180deg, #00000005 0%, var(--paper-bg) 82%, var(--paper-bg) 100%)}@supports (color:color-mix(in lab, red, red)){.surface-art-stage__wash--hero{background:linear-gradient(180deg, #00000005 0%, color-mix(in srgb, var(--paper-bg) 72%, transparent) 82%, var(--paper-bg) 100%)}}.surface-art-stage__wash--leaderboard{background:linear-gradient(90deg, var(--paper-bg) 0%, transparent 55%, var(--paper-bg) 100%)}@supports (color:color-mix(in lab, red, red)){.surface-art-stage__wash--leaderboard{background:linear-gradient(90deg, color-mix(in srgb, var(--paper-bg) 12%, transparent) 0%, transparent 55%, color-mix(in srgb, var(--paper-bg) 18%, transparent) 100%)}}.surface-art-stage__wash--footer{background:linear-gradient(180deg, #0000000a 0%, #0000 28%, var(--paper-bg) 100%)}@supports (color:color-mix(in lab, red, red)){.surface-art-stage__wash--footer{background:linear-gradient(180deg, #0000000a 0%, #0000 28%, color-mix(in srgb, var(--paper-bg) 20%, transparent) 100%)}}.surface-art-stage__content{z-index:1;height:100%;position:relative}.surface-art-stage__content--hero{padding:0;display:block}.surface-art-hero__shell{text-align:center;flex-direction:column;align-items:center;gap:42px;padding:74px 24px 39px;display:flex}.surface-art-stage--hero.surface-art-stage--desktop .surface-art-hero__shell{gap:48px;padding:94px 40px 33px}.surface-art-hero__composer-wrap{width:min(100%,780px)}.surface-art-stage__content--footer{flex-direction:column;justify-content:space-between;padding:24px;display:flex}.surface-art-hero__copy h3,.surface-art-leaderboard__copy h3{text-wrap:balance;margin:10px 0 0;font-size:32px;line-height:1.05}.surface-art-hero__copy p,.surface-art-leaderboard__copy p,.surface-art-footer__meta p,.surface-art-footer__meta span,.surface-art-footer__links span{color:var(--text-muted);margin:10px 0 0;line-height:1.5}.surface-art-hero__composer{background:var(--panel-bg-elevated);border-radius:24px;grid-template-columns:auto auto 1fr;gap:10px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.surface-art-hero__composer{background:color-mix(in srgb, var(--panel-bg-elevated) 72%, transparent)}}.surface-art-hero__composer{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.surface-art-hero__composer{border:1px solid color-mix(in srgb, var(--border) 72%, transparent)}}.surface-art-hero__composer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.surface-art-hero__composer-chip,.surface-art-hero__composer-field,.surface-art-footer__toggle{background:var(--panel-bg-elevated);border-radius:999px;align-items:center;min-height:36px;padding:0 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.surface-art-hero__composer-chip,.surface-art-hero__composer-field,.surface-art-footer__toggle{background:color-mix(in srgb, var(--panel-bg-elevated) 86%, transparent)}}.surface-art-hero__composer-chip,.surface-art-hero__composer-field,.surface-art-footer__toggle{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.surface-art-hero__composer-chip,.surface-art-hero__composer-field,.surface-art-footer__toggle{border:1px solid color-mix(in srgb, var(--border) 68%, transparent)}}.surface-art-hero__composer-chip,.surface-art-hero__composer-field,.surface-art-footer__toggle{font-size:14px}.surface-art-hero__composer-chip--ghost{color:var(--text-muted)}.surface-art-hero__composer-field{color:var(--text-muted);justify-content:flex-start}.surface-art-stage--leaderboard{grid-template-columns:440px minmax(0,1fr);gap:0;display:grid}.surface-art-stage--leaderboard.surface-art-stage--mobile{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.surface-art-leaderboard__copy{background:var(--paper-bg);padding:154px 40px 40px}@supports (color:color-mix(in lab, red, red)){.surface-art-leaderboard__copy{background:color-mix(in srgb, var(--paper-bg) 92%, transparent)}}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__copy{flex-direction:column;justify-content:flex-start;padding:24px 24px 0;display:flex}.surface-art-leaderboard__panel{border-radius:0 28px 28px 0;position:relative;overflow:hidden}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__panel{border-radius:0 0 28px 28px}.surface-art-leaderboard__cards{z-index:1;grid-template-columns:repeat(2,342px);justify-content:space-between;gap:32px;padding:132px 20px 20px;display:grid;position:relative}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__cards{grid-template-columns:1fr;gap:16px;padding:24px}.surface-art-leaderboard__toolbar{z-index:2;position:absolute;top:40px;right:48px}.surface-art-stage--leaderboard.surface-art-stage--mobile .surface-art-leaderboard__toolbar{justify-content:flex-end;padding:24px 24px 0;display:flex;position:relative;top:auto;right:auto}.surface-art-leaderboard__filter{border:1px solid var(--border);border-radius:999px;align-items:center;min-height:40px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.surface-art-leaderboard__filter{border:1px solid color-mix(in srgb, var(--border) 80%, transparent)}}.surface-art-leaderboard__filter{background:var(--paper-bg)}@supports (color:color-mix(in lab, red, red)){.surface-art-leaderboard__filter{background:color-mix(in srgb, var(--paper-bg) 85%, white)}}.surface-art-leaderboard__filter{padding:0 16px;font-size:14px;font-weight:600;box-shadow:0 12px 28px #0000001f}.surface-art-glass-card{background:var(--panel-bg-elevated);border-radius:24px;gap:10px;min-height:180px;display:grid}@supports (color:color-mix(in lab, red, red)){.surface-art-glass-card{background:color-mix(in srgb, var(--panel-bg-elevated) 68%, transparent)}}.surface-art-glass-card{border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.surface-art-glass-card{border:1px solid color-mix(in srgb, var(--border) 64%, transparent)}}.surface-art-glass-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:18px;box-shadow:0 12px 36px #00000024}.surface-art-glass-card strong,.surface-art-footer__links strong{font-size:15px}.surface-art-glass-card span{color:var(--text-muted);font-size:13px}.surface-art-stage--footer{border-radius:40px 40px 28px 28px}.surface-art-footer__meta{gap:8px;max-width:220px;display:grid}.surface-art-footer__logo{letter-spacing:-.04em;font-size:40px;font-weight:800}.surface-art-footer__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.surface-art-footer__links div{gap:10px;display:grid}.surface-art-footer__actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.surface-art-footer__button{background:var(--text);color:var(--page-bg);border:0;border-radius:999px;min-height:40px;padding:0 20px;font-size:15px;font-weight:700}@media (width<=1200px){.viewer-lab__layout{grid-template-columns:1fr}}@media (width<=900px){.surface-art-stage--leaderboard,.surface-art-stage--leaderboard.surface-art-stage--desktop{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.surface-art-leaderboard__panel,.surface-art-stage--leaderboard.surface-art-stage--desktop .surface-art-leaderboard__panel{border-radius:0 0 28px 28px}.surface-art-leaderboard__cards,.surface-art-stage--leaderboard.surface-art-stage--desktop .surface-art-leaderboard__cards{grid-template-columns:1fr}}@media (width<=720px){.viewer-lab__intro{padding:20px}.viewer-lab__controls-header{flex-direction:column;align-items:stretch}.viewer-lab__controls-header-actions{justify-content:flex-start}.viewer-lab-panel,.surface-art-preview{border-radius:22px}.surface-art-preview__header{flex-direction:column}.surface-art-footer__links{grid-template-columns:1fr}.surface-art-footer__actions{flex-direction:column;align-items:stretch}.surface-art-footer__button{width:100%}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--shell-bg);color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-viewer-color-mode=dark],.viewer-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:var(--viewer-rail-bg-dark,#0d0c0c);--shell-bg:var(--viewer-rail-bg-dark,#0d0c0c);--panel-bg:var(--viewer-sidebar-bg-dark,#0d0c0c);--panel-bg-elevated:var(--viewer-content-bg-dark,#161616);--detail-panel-bg:var(--viewer-detail-bg-dark,#212020);--panel-bg-selected:#5f6f9e2e;--border:#ffffff1f;--border-soft:#ffffff14;--text:var(--viewer-text-primary-dark,#fbf9f9);--text-muted:var(--viewer-text-secondary-dark,#fbf9f9b3);--text-dim:#fbf9f980;--pill-bg:var(--panel-bg-elevated);height:100vh;overflow:hidden}@supports (color:color-mix(in lab, red, red)){:root[data-viewer-color-mode=dark],.viewer-page{--pill-bg:color-mix(in srgb, var(--panel-bg-elevated) 72%, transparent)}}:root[data-viewer-color-mode=dark],.viewer-page{--pill-border:#ffffff1a;--chip-bg:#ffffff0d;--chip-hover:#ffffff14;--blue:#5f6f9e2e;--blue-strong:#5f6f9e47;--code-bg:#171717;--code-text:#f6f5f5;--paper-bg:var(--specimen-product-bg-dark,#0d0c0c);--paper-border:#ffffff1f;--paper-text:var(--specimen-text-dark,#fbf9f9);--text-disabled:var(--viewer-text-disabled-dark,#fbf9f966);--text-highlight:var(--viewer-text-highlight-dark,#f3703e);--link-text:var(--viewer-link-inactive-dark,#fbf9f9b3);--link-text-active:var(--viewer-link-active-dark,#f3703e);--interactive-hover:var(--viewer-interactive-hover-dark,#ffffff14);--interactive-active:var(--viewer-interactive-active-dark,#ffffff14);--interactive-pressed:var(--viewer-interactive-pressed-dark,#ffffff24);--interactive-disabled:var(--viewer-interactive-disabled-dark,#fbf9f929);--shadcn-ref-bg:#09090b;--shadcn-ref-fg:#fafafa;--shadcn-ref-border:#ffffff24;--shadcn-ref-input-bg:#27272a4d;--shadcn-ref-muted:#ffffff14;--shadcn-ref-muted-hover:#ffffff1f;--shadcn-ref-ring:#ffffff2e;--shadcn-ref-destructive-bg:#ef444433;--shadcn-ref-destructive-bg-hover:#ef444447;--shadcn-ref-destructive-text:#ffb4a5;--shadcn-ref-tooltip-bg:#fafafa;--shadcn-ref-tooltip-text:#18181b;background:var(--page-bg)}:root[data-viewer-color-mode=light],.viewer-page[data-viewer-color-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:var(--viewer-rail-bg-light,#eee);--shell-bg:var(--viewer-rail-bg-light,#eee);--panel-bg:var(--viewer-sidebar-bg-light,#f7f7f7);--panel-bg-elevated:var(--viewer-content-bg-light,#fff);--detail-panel-bg:var(--viewer-detail-bg-light,#fff);--panel-bg-selected:#5f6f9e1a;--border:#201f1f1f;--border-soft:#201f1f14;--text:var(--viewer-text-primary-light,#201f1f);--text-muted:var(--viewer-text-secondary-light,#201f1fa3);--text-dim:#201f1f80;--pill-bg:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){:root[data-viewer-color-mode=light],.viewer-page[data-viewer-color-mode=light]{--pill-bg:color-mix(in srgb, var(--panel-bg) 72%, white)}}:root[data-viewer-color-mode=light],.viewer-page[data-viewer-color-mode=light]{--pill-border:#201f1f1a;--chip-bg:#201f1f0a;--chip-hover:#201f1f14;--blue:#5f6f9e1f;--blue-strong:#5f6f9e38;--code-bg:#181716;--code-text:#f7f6f4;--paper-bg:var(--specimen-product-bg-light,#fffdf9);--paper-border:#201f1f17;--paper-text:var(--specimen-text-light,#201f1f);--text-disabled:var(--viewer-text-disabled-light,#201f1f66);--text-highlight:var(--viewer-text-highlight-light,#fb6428);--link-text:var(--viewer-link-inactive-light,#201f1fa3);--link-text-active:var(--viewer-link-active-light,#fb6428);--interactive-hover:var(--viewer-interactive-hover-light,#1a1a1a0d);--interactive-active:var(--viewer-interactive-active-light,#1a1a1a0d);--interactive-pressed:var(--viewer-interactive-pressed-light,#1a1a1a1a);--interactive-disabled:var(--viewer-interactive-disabled-light,#201f1f1f);--shadcn-ref-bg:#fff;--shadcn-ref-fg:#18181b;--shadcn-ref-border:#e4e4e7;--shadcn-ref-input-bg:#fff;--shadcn-ref-muted:#f4f4f5;--shadcn-ref-muted-hover:#e9e9ec;--shadcn-ref-ring:#18181b24;--shadcn-ref-destructive-bg:#ef44441f;--shadcn-ref-destructive-bg-hover:#ef44442e;--shadcn-ref-destructive-text:#dc2626;--shadcn-ref-tooltip-bg:#18181b;--shadcn-ref-tooltip-text:#fafafa}:root,.viewer-page{--lab-button-primary-default:var(--button-primary-default-dark,#f5f4f4);--lab-button-primary-hover:var(--button-primary-hover-dark,#dbdbdb);--lab-button-primary-pressed:var(--button-primary-pressed-dark,#e8e7e7);--lab-button-primary-text:var(--button-text-on-primary-dark,#201f1f);--lab-button-secondary-default:var(--button-secondary-default-dark,#f3703e);--lab-button-secondary-hover:var(--button-secondary-hover-dark,#f3865c);--lab-button-secondary-pressed:var(--button-secondary-pressed-dark,#f35f27);--lab-button-secondary-text:var(--button-text-on-secondary-dark,#fbf9f9);--lab-button-tertiary-default:var(--button-tertiary-default-dark,#76d1c1);--lab-button-tertiary-hover:var(--button-tertiary-hover-dark,#8fd9cc);--lab-button-tertiary-pressed:var(--button-tertiary-pressed-dark,#5dc9b6);--lab-button-tertiary-text:var(--button-text-on-tertiary-dark,#fbf9f9);--lab-button-ghost-text:var(--button-text-on-ghost-dark,#fbf9f9);--lab-tooltip-bg:var(--viewer-detail-bg-dark,#1d1c1c);--lab-tooltip-border:#ffffff1a;--lab-tooltip-text:var(--viewer-text-primary-dark,#fbf9f9);--lab-tooltip-shadow:var(--tooltip-shadow-dark,-2px 2px 16px 0 #26262657)}:root[data-viewer-color-mode=light],.viewer-page[data-viewer-color-mode=light]{--lab-button-primary-default:var(--button-primary-default-light,#201f1f);--lab-button-primary-hover:var(--button-primary-hover-light,#3b3939);--lab-button-primary-pressed:var(--button-primary-pressed-light,#2e2c2c);--lab-button-primary-text:var(--button-text-on-primary-light,#fbf9f9);--lab-button-secondary-default:var(--button-secondary-default-light,#fb6428);--lab-button-secondary-hover:var(--button-secondary-hover-light,#f27a4b);--lab-button-secondary-pressed:var(--button-secondary-pressed-light,#fb520f);--lab-button-secondary-text:var(--button-text-on-secondary-light,#fbf9f9);--lab-button-tertiary-default:var(--button-tertiary-default-light,#59b9a9);--lab-button-tertiary-hover:var(--button-tertiary-hover-light,#74c2b5);--lab-button-tertiary-pressed:var(--button-tertiary-pressed-light,#44b2a0);--lab-button-tertiary-text:var(--button-text-on-tertiary-light,#fbf9f9);--lab-button-ghost-text:var(--button-text-on-ghost-light,#201f1f);--lab-tooltip-bg:var(--viewer-detail-bg-light,#fff);--lab-tooltip-border:#201f1f1a;--lab-tooltip-text:var(--viewer-text-primary-light,#201f1f);--lab-tooltip-shadow:var(--tooltip-shadow-light,-2px 2px 16px 0 #2626261f)}.viewer-shell{background:var(--page-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.viewer-shell--labs{min-width:0}.viewer-workspace{flex:1;grid-template-columns:56px 330px minmax(0,1fr);height:100%;min-height:0;display:grid}.viewer-workspace--labs{align-items:stretch}.viewer-workspace--sidebar-collapsed{grid-template-columns:56px minmax(0,1fr)}.viewer-rail{border-right:1px solid var(--border-soft);background:var(--page-bg);flex-direction:column;align-items:center;gap:10px;padding:18px 0;display:flex}.viewer-rail__spacer{flex:1}.viewer-rail__button,.viewer-icon-button{color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.viewer-rail__button{border-radius:12px;width:38px;height:38px}.viewer-rail__button--active{border-color:var(--pill-border);background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}.viewer-rail__button--disabled{opacity:.42;cursor:not-allowed}@media (hover:hover){.viewer-rail__button:hover,.viewer-icon-button:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent;color:var(--text)}}.viewer-rail__button svg{display:block;overflow:visible}.viewer-rail__theme{flex-direction:column;align-items:center;gap:8px;width:100%;padding:6px 0 2px;display:flex}.viewer-rail__theme-stack{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:100%;max-height:38px;transition:max-height .16s;display:flex;overflow:hidden}.viewer-rail__theme:focus-within .viewer-rail__theme-stack,.viewer-rail__theme--open .viewer-rail__theme-stack{max-height:140px}@media (hover:hover){.viewer-rail__theme:hover .viewer-rail__theme-stack{max-height:140px}}@media (prefers-reduced-motion:reduce){.viewer-rail__theme-stack{transition:none}}.viewer-rail__theme-button{flex:none}.viewer-rail__theme-caption{min-height:24px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1.05;display:flex}.viewer-rail__theme-meta{color:var(--text-muted);margin-top:2px;font-size:9px}.viewer-sidebar{border-right:1px solid var(--border-soft);background:var(--panel-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.viewer-sidebar--labs{min-width:0;padding-bottom:84px;position:relative}.viewer-sidebar__section{border-bottom:1px solid var(--border-soft);padding:18px 12px 12px}.viewer-sidebar__section--grow{flex:none;overflow:visible}.viewer-sidebar__section-header{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 10px 10px;font-size:14px;font-weight:600;display:flex}.viewer-icon-button{border-radius:8px;width:28px;height:28px}.viewer-icon-button--toolbar{border:1px solid var(--pill-border);background:var(--pill-bg)}.viewer-tooltip{z-index:70;border:1px solid var(--pill-border);background:var(--detail-panel-bg);max-width:220px;color:var(--text);border-radius:10px;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;line-height:1;animation:.12s ease-out viewer-tooltip-in;display:inline-flex;box-shadow:0 12px 28px #00000057}.viewer-tooltip--shortcut{align-items:center;gap:10px;padding-right:10px;display:inline-flex}.viewer-tooltip__kbd{border:1px solid var(--text-muted);justify-content:center;align-items:center;min-width:24px;min-height:24px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.viewer-tooltip__kbd{border:1px solid color-mix(in srgb, var(--text-muted) 22%, transparent)}}.viewer-tooltip__kbd{background:var(--panel-bg);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.viewer-tooltip__kbd{background:color-mix(in srgb, var(--panel-bg) 56%, transparent)}}.viewer-tooltip__kbd{color:var(--text);white-space:nowrap;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600;line-height:1}.viewer-tooltip__arrow{fill:var(--detail-panel-bg)}@keyframes viewer-tooltip-in{0%{opacity:0;transform:translate(-3px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.viewer-collection-list,.viewer-groups{flex-direction:column;gap:4px;display:flex}.viewer-static-row{min-height:32px;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex}.viewer-static-row__meta{color:var(--text-muted);white-space:nowrap;font-size:12px}.viewer-collection__row,.viewer-group-row{min-height:32px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;transition:background-color .14s,border-color .14s,color .14s;display:flex}@media (hover:hover){.viewer-collection__row:hover,.viewer-group-row:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}}.viewer-collection__row--active,.viewer-group-row--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}.viewer-component-list{flex-direction:column;gap:8px;padding-bottom:6px;display:flex}.viewer-component-row{min-height:60px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:background-color .14s,border-color .14s,color .14s;display:flex}@media (hover:hover){.viewer-component-row:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}}.viewer-component-row--active{border-color:var(--pill-border);background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent}.viewer-component-row__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.viewer-component-row__label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.viewer-component-row__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.viewer-collection__row span:first-child,.viewer-group-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.viewer-count{color:inherit;opacity:.78;font-variant-numeric:tabular-nums}.viewer-sidebar__section--grow .viewer-groups{height:auto;padding-right:0;overflow:visible}.viewer-plugin-list{flex-direction:column;gap:6px;height:auto;padding-right:0;display:flex;overflow:visible}.viewer-plugin-row{width:100%;color:var(--text);text-align:left;background:0 0;border:0;border-radius:12px;padding:10px;transition:background-color .14s,border-color .14s,color .14s;display:flex}@media (hover:hover){.viewer-plugin-row:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}}.viewer-plugin-row--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}.viewer-plugin-row__main{align-items:flex-start;gap:10px;min-width:0;display:flex}.viewer-plugin-row__icon{width:18px;height:18px;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.viewer-plugin-row__text{flex-direction:column;gap:4px;min-width:0;display:flex}.viewer-plugin-row__label{font-size:14px;font-weight:500}.viewer-plugin-row__meta{color:var(--text-muted);font-size:12px;line-height:1.4}.viewer-plugin-row--active .viewer-plugin-row__meta{color:var(--text-muted)}.viewer-plugin-details{flex-direction:column;gap:10px;display:flex}.viewer-plugin-detail{border:1px solid var(--pill-border);background:var(--detail-panel-bg);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.viewer-plugin-detail__label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-plugin-detail__value{color:var(--text);word-break:break-word;font-size:13px;line-height:1.45}code.viewer-plugin-detail__value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.viewer-group-tree{flex-direction:column;gap:2px;display:flex}.viewer-group-row{padding-right:10px}.viewer-group-row__main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.viewer-group-caret{width:14px;color:var(--text-dim);justify-content:center;align-items:center;transition:transform .14s;display:inline-flex}.viewer-group-caret--expanded{transform:rotate(90deg)}.viewer-group-caret--empty{opacity:0}.viewer-content{background:var(--panel-bg-elevated);isolation:isolate;grid-template-columns:minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.viewer-content--labs{min-width:0}.viewer-content--with-history{grid-template-columns:minmax(0,1fr) 380px}.viewer-content__main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.viewer-content__toolbar{border-bottom:1px solid var(--border-soft);background:var(--panel-bg-elevated);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.viewer-content__toolbar--patterns{align-items:flex-start}.viewer-content__body{flex:1;min-height:0;display:flex;overflow:hidden}.viewer-content__body--canonical{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:auto}.viewer-content__body--canonical>*{flex:1 0 auto;min-width:0}.viewer-content__body--components-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 16px 20px;overflow:auto}.viewer-content__body--components-scroll>*{flex:1 0 auto;min-width:0}.viewer-content__body--labs{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-width:0;padding:22px;overflow:auto}.viewer-content__body--labs>*{flex:auto;min-width:0}.viewer-sidebar__collapse-button{border:1px solid var(--pill-border);background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--panel-bg-elevated);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar__collapse-button{background:linear-gradient(color-mix(in srgb, var(--interactive-hover) 50%, transparent), color-mix(in srgb, var(--interactive-hover) 50%, transparent)), color-mix(in srgb, var(--panel-bg-elevated) 88%, transparent)}}.viewer-sidebar__collapse-button{color:var(--text);box-shadow:0 14px 28px var(--page-bg)}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar__collapse-button{box-shadow:0 14px 28px color-mix(in srgb, var(--page-bg) 24%, transparent)}}.viewer-sidebar__collapse-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background-color .14s,border-color .14s,color .14s,transform .14s}.viewer-sidebar__collapse-button--content{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.viewer-sidebar__collapse-button--content{background:linear-gradient(color-mix(in srgb, var(--interactive-hover) 42%, transparent), color-mix(in srgb, var(--interactive-hover) 42%, transparent)), color-mix(in srgb, var(--panel-bg) 82%, transparent)}}@media (hover:hover){.viewer-sidebar__collapse-button:hover{transform:translateY(-1px)}}.viewer-content__table{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.viewer-plugin-surface{flex:1;min-width:0;min-height:0;padding:22px;display:flex}.viewer-plugin-workbench{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;width:100%;min-width:0;display:grid}.viewer-plugin-card{background:linear-gradient(#313131fa,#2b2b2bfa);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.viewer-plugin-card--wide{min-height:0}.viewer-plugin-card__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.viewer-plugin-card__eyebrow{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-plugin-card__header h3{color:var(--text);margin:8px 0;font-size:22px;font-weight:600}.viewer-plugin-card__header p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.viewer-plugin-card__body,.viewer-plugin-form{flex-direction:column;gap:14px;min-height:0;display:flex}.viewer-plugin-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.viewer-plugin-form__payload{min-height:260px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}.viewer-plugin-actions{flex-wrap:wrap;gap:10px;display:flex}.viewer-plugin-summary{border:1px solid var(--pill-border);background:var(--detail-panel-bg);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.viewer-plugin-summary__label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-plugin-summary__body{color:var(--text);font-size:13px;line-height:1.55}.viewer-hidden-file-input{display:none}.viewer-plugin-surface__canvas{background:linear-gradient(#ffffff05 1px,#0000 1px) -1px -1px/28px 28px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) -1px -1px/28px 28px,linear-gradient(#ffffff08,#ffffff04);border:1px dashed #ffffff14;border-radius:20px;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.viewer-plugin-surface__canvas--empty{justify-content:center;align-items:center}.viewer-plugin-surface__corner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828d6;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;max-width:min(360px,100% - 40px);padding:16px 18px;display:flex;position:absolute;top:20px;left:20px}.viewer-plugin-surface__eyebrow{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-plugin-surface__title{color:var(--text);font-size:18px;font-weight:500}.viewer-plugin-surface__note{color:var(--text-muted);font-size:13px;line-height:1.45}.viewer-content__title-block h2{color:var(--text);margin:0;font-size:18px;font-weight:500}.viewer-content__title-block p{max-width:760px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.viewer-toolbar__actions{align-items:center;gap:10px;display:flex}.viewer-toolbar__icon-action{border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:999px;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.viewer-toolbar__icon-action{background:color-mix(in srgb, var(--pill-bg) 86%, transparent)}}.viewer-toolbar__icon-action{color:var(--text);transition:border-color .16s,background-color .16s,color .16s,transform .16s}.viewer-toolbar__icon-action:hover{border-color:var(--text)}@supports (color:color-mix(in lab, red, red)){.viewer-toolbar__icon-action:hover{border-color:color-mix(in srgb, var(--text) 18%, var(--pill-border))}}.viewer-toolbar__icon-action:hover{background:var(--pill-bg)}@supports (color:color-mix(in lab, red, red)){.viewer-toolbar__icon-action:hover{background:color-mix(in srgb, var(--pill-bg) 94%, transparent)}}.viewer-toolbar__icon-action:focus-visible{outline:2px solid var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.viewer-toolbar__icon-action:focus-visible{outline:2px solid color-mix(in srgb, var(--text-highlight) 28%, transparent)}}.viewer-toolbar__icon-action:focus-visible{outline-offset:2px}.viewer-toolbar__meta{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.viewer-toolbar__meta-item{border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:999px;align-items:baseline;gap:6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.viewer-toolbar__meta-item{background:color-mix(in srgb, var(--pill-bg) 86%, transparent)}}.viewer-toolbar__meta-item{padding:5px 10px}.viewer-toolbar__meta-label{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.viewer-toolbar__meta-value{color:var(--text);white-space:nowrap;font-size:12px;font-weight:500}.viewer-toolbar__actor{height:var(--control-height);border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:inline-flex}.viewer-toolbar__actor-label{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-toolbar__actor-name{color:var(--text);white-space:nowrap;font-size:13px}.viewer-segmented-toggle{height:var(--control-height);border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:12px;align-items:center;gap:4px;padding:3px;display:inline-flex}.viewer-segmented-toggle__button{min-width:84px;height:100%;color:var(--text);white-space:nowrap;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;transition:background-color .14s,color .14s;display:inline-flex}.viewer-segmented-toggle__button--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), transparent;color:var(--text)}.viewer-search{width:280px;height:var(--control-height);border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text-muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.viewer-search--sidebar{width:100%;margin-bottom:12px}.viewer-search input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0}.viewer-search input::placeholder{color:var(--text-dim)}.viewer-content__meta{border-bottom:1px solid var(--border-soft);color:var(--text-muted);align-items:center;gap:16px;padding:10px 22px;font-size:12px;display:flex}.viewer-empty-state{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.viewer-empty-state--compact{border:1px dashed var(--pill-border);background:var(--panel-bg);border-radius:16px;min-height:160px;padding:24px 18px}.viewer-empty-state--error{color:#f1b5b5}.variables-table{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.variables-table__scroll{flex:1;min-height:0;overflow:auto}.variables-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.variables-table th,.variables-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.variables-table thead th{z-index:8;background:var(--panel-bg);color:var(--text);text-align:left;padding:16px 20px;font-size:14px;font-weight:600;position:sticky;top:0}.variables-table__name-column{z-index:7;background:var(--panel-bg);width:276px;min-width:276px;position:sticky;left:0}.variables-table__value-column{width:var(--variable-column-width);min-width:var(--variable-column-width)}.variables-table--style .variables-table__value-column--style{width:480px;min-width:480px}.variables-table__name-cell{background:var(--panel-bg)}.variables-table__name-cell--style{vertical-align:top;padding-top:16px}.table-group-row td{background:var(--detail-panel-bg);color:var(--text);padding:14px 20px;font-size:18px;font-weight:500}.table-group__prefix{color:var(--text-muted);font-weight:400}.table-variable-row td{background:var(--panel-bg-elevated);vertical-align:middle;height:56px;padding:10px 16px}.variables-table--style .table-variable-row td{vertical-align:top;height:auto;padding-top:14px;padding-bottom:14px}.table-name{align-items:center;gap:12px;display:flex}.table-name__history{color:#dbe3ff;background:#5f6f9e2e;border:1px solid #5f6f9e80;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.table-name__icon{width:18px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.table-name__text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.value-cell{background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:6px 8px;display:inline-flex}.value-cell-shell{align-items:center;gap:8px;display:flex;position:relative}.value-cell-shell--editing{z-index:30;align-items:flex-start}.value-cell__history-pill{color:#dbe3ff;background:#5f6f9e2e;border:1px solid #5f6f9e80;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:11px;font-weight:700;display:inline-flex}.value-cell--editing{background:#262c3d;border-color:#5f6f9e73;width:100%;min-width:0;padding:4px 6px}.value-cell__inline-input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:4px 6px}.value-cell__inline-input--hex{text-transform:uppercase;width:88px}.value-cell__inline-input--alpha{width:62px}.value-cell__inline-input--token,.value-cell__inline-input--select{width:100%}.value-cell__icon-button{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent;width:24px;height:24px;color:var(--text-muted);border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.value-cell__review-button{color:var(--text-muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:4px 0 0 2px;font-size:11px;display:inline-flex}.value-cell__error{max-width:260px;color:var(--text-highlight);font-size:11px;line-height:1.4;position:absolute;top:calc(100% + 24px);left:0}.value-cell__popover{z-index:40;background:#242a38;border:1px solid #5f6f9e61;border-radius:14px;flex-direction:column;gap:12px;width:min(320px,56vw);padding:14px;display:flex;position:absolute;top:calc(100% + 28px);left:0;box-shadow:0 18px 40px #00000052}.value-cell__popover-header{color:var(--text);font-size:13px;font-weight:600}.value-cell__popover-diff{gap:10px;display:grid}.value-cell__popover-diff code{background:var(--panel-bg);color:var(--text);word-break:break-word;border-radius:10px;margin-top:4px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.value-cell__popover-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.value-cell__popover-field{flex-direction:column;gap:8px;display:flex}.value-cell__popover-field span{color:var(--text-muted);font-size:11px;font-weight:600}.value-cell__popover-field textarea{border:1px solid var(--pill-border);background:var(--panel-bg);min-height:90px;color:var(--text);resize:vertical;border-radius:10px;padding:10px 12px}.value-cell__popover-actions{justify-content:flex-end;gap:8px;display:flex}.value-cell__popover-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:96px;padding:9px 12px;display:inline-flex}.value-cell__popover-button--secondary{border-color:var(--pill-border);background:var(--interactive-active)}@supports (color:color-mix(in lab, red, red)){.value-cell__popover-button--secondary{background:color-mix(in srgb, var(--interactive-active) 100%, var(--panel-bg))}}.value-cell__popover-button--primary{color:var(--specimen-product-bg-light);background:#c64d11}.value-cell:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent;border-color:var(--pill-border)}.value-cell--missing{color:var(--text-dim);padding-left:0}.value-cell--primitive{color:var(--text);padding-left:0}.value-cell--definition{align-items:flex-start;gap:12px;width:100%;padding:0;display:grid}.style-specimen{--style-specimen-product-bg:var(--specimen-product-bg-dark);--style-specimen-surface-bg:var(--specimen-surface-dark);--style-specimen-text-color:var(--specimen-text-dark);border:1px solid var(--pill-border);background:var(--detail-panel-bg);border-radius:14px;gap:10px;padding:14px;display:grid}.viewer-page[data-viewer-color-mode=light] .style-specimen[data-specimen-tone=viewer],.style-specimen[data-specimen-tone=light]{--style-specimen-product-bg:var(--specimen-product-bg-light);--style-specimen-surface-bg:var(--specimen-surface-light);--style-specimen-text-color:var(--specimen-text-light)}.viewer-page[data-viewer-color-mode=dark] .style-specimen[data-specimen-tone=viewer],.style-specimen[data-specimen-tone=dark]{--style-specimen-product-bg:var(--specimen-product-bg-dark);--style-specimen-surface-bg:var(--specimen-surface-dark);--style-specimen-text-color:var(--specimen-text-dark)}.style-specimen__eyebrow{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.style-specimen__caption{color:var(--text-muted);font-size:12px;line-height:1.45}.style-specimen__text{min-width:0;color:var(--style-specimen-text-color);font-feature-settings:"liga" 1, "kern" 1;word-break:break-word}.style-specimen__text-stage{border:1px solid var(--paper-border);background:var(--style-specimen-product-bg);border-radius:12px;align-items:center;min-height:108px;padding:18px;display:flex}.style-specimen__effect-stage,.style-specimen__grid-stage{border:1px solid var(--paper-border);background:var(--style-specimen-product-bg);border-radius:12px;justify-content:center;align-items:center;min-height:108px;display:flex;position:relative;overflow:hidden}.style-specimen__effect-surface{background:var(--style-specimen-surface-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;justify-content:center;align-items:center;min-width:190px;min-height:76px;padding:18px 24px;display:inline-flex}.style-specimen__effect-label{color:var(--style-specimen-text-color);letter-spacing:.01em;font-size:13px;font-weight:600}.style-specimen__grid-columns{align-items:stretch;width:100%;min-height:84px;display:grid}.style-specimen__grid-stage{padding:12px}.style-specimen__grid-column{background:linear-gradient(#6563ff80,#6563ff42);border:1px solid #ffffff1f;border-radius:8px}.value-cell--alias{border-color:var(--pill-border);background:var(--detail-panel-bg);justify-content:flex-start;width:100%}.value-cell__alias-text{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.value-swatch{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:6px;flex:none;width:24px;height:24px;display:inline-flex;position:relative;overflow:hidden}.value-swatch--alias{width:20px;height:20px}.value-swatch--alpha{background:linear-gradient(45deg, var(--text) 25%, transparent 25%), linear-gradient(-45deg, var(--text) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--text) 75%), linear-gradient(-45deg, transparent 75%, var(--text) 75%)}@supports (color:color-mix(in lab, red, red)){.value-swatch--alpha{background:linear-gradient(45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%)}}.value-swatch--alpha{background-color:var(--panel-bg-elevated);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.value-swatch__fill{position:absolute;inset:0}.value-cell__text{letter-spacing:.02em;font-size:13px;font-weight:500}.value-cell__subtle{color:var(--text-muted);font-variant-numeric:tabular-nums}.value-cell__divider{background:var(--border);width:1px;height:24px}.definition-cell__section{gap:8px;display:grid}.definition-cell__section-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.definition-cell__entries{flex-wrap:wrap;gap:8px;display:flex}.definition-entry{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.definition-entry{background:color-mix(in srgb, var(--panel-bg) 66%, transparent)}}.definition-entry{padding:8px 10px}.definition-entry--wide{width:100%;display:flex}.definition-entry__label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}.definition-entry__value{align-items:center;gap:8px;min-width:0;display:inline-flex}.definition-entry__value--color{gap:6px}.definition-entry__text{min-width:0;color:var(--text);word-break:break-word;font-size:13px;line-height:1.35}.definition-entry__subtle{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.definition-entry__swatch{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:4px;flex:none;width:14px;height:14px;display:inline-flex;position:relative;overflow:hidden}.definition-entry__swatch--alpha{background:linear-gradient(45deg, var(--text) 25%, transparent 25%), linear-gradient(-45deg, var(--text) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--text) 75%), linear-gradient(-45deg, transparent 75%, var(--text) 75%)}@supports (color:color-mix(in lab, red, red)){.definition-entry__swatch--alpha{background:linear-gradient(45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--text) 18%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--text) 18%, transparent) 75%)}}.definition-entry__swatch--alpha{background-color:var(--panel-bg-elevated);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.definition-entry__swatch-fill{position:absolute;inset:0}.variables-table__empty{color:var(--text-muted);text-align:center;padding:30px 20px}.conformance-table{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.conformance-table__scroll{flex:1;min-height:0;overflow:auto}.conformance-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.conformance-table th,.conformance-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.conformance-table thead th{z-index:8;background:var(--panel-bg);color:var(--text);text-align:left;padding:16px 20px;font-size:14px;font-weight:600;position:sticky;top:0}.conformance-table__name-column{z-index:7;background:var(--panel-bg);width:320px;min-width:320px;position:sticky;left:0}.conformance-table__name-cell{background:var(--panel-bg)}.conformance-row td{background:var(--panel-bg-elevated);vertical-align:middle;height:72px;padding:12px 16px}.conformance-row{cursor:pointer}.conformance-row:hover td{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--panel-bg-elevated)}.conformance-row--active td{background:linear-gradient(var(--interactive-active), var(--interactive-active)), var(--panel-bg-elevated)}.conformance-name{flex-direction:column;gap:6px;display:flex}.conformance-name__label{font-size:14px;font-weight:600}.conformance-name__path{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.conformance-cell{justify-content:flex-start;align-items:center;display:flex}.conformance-status-pill{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.conformance-status-pill--reference{color:#dbe3ff;background:#5f6f9e2e;border-color:#5f6f9e80}.conformance-status-pill--starter-lab{color:#b9f4e9;background:#009e8329;border-color:#009e836b}.conformance-status-pill--inline-lab{color:#ffebae;background:#ffcb6b24;border-color:#ffcb6b6b}.conformance-status-pill--planned{background:var(--panel-bg);border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.conformance-status-pill--planned{background:color-mix(in srgb, var(--panel-bg) 66%, transparent)}}.conformance-status-pill--planned{color:var(--text-muted)}.table-create-row td{background:var(--detail-panel-bg);color:var(--text);padding:18px 20px;font-size:16px}.viewer-toast{background:#0e0e0ef0;border:1px solid #ffffff14;border-radius:12px;padding:10px 14px;font-size:13px;position:fixed;bottom:24px;right:28px;box-shadow:0 18px 40px #00000059}.viewer-history-panel{z-index:20;border-left:1px solid var(--border-soft);background:var(--detail-panel-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:0 0 380px;width:380px;min-width:380px;min-height:0;display:flex;position:relative;overflow:hidden auto;box-shadow:-12px 0 32px #00000047}.viewer-history-panel__header,.viewer-history-panel__section{padding:18px 18px 16px}.viewer-history-panel__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.viewer-history-panel__title-block h3{color:var(--text);margin:6px 0;font-size:22px}.viewer-history-panel__eyebrow{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.viewer-history-panel__meta{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.viewer-history-panel__section{border-bottom:1px solid var(--border-soft)}.viewer-history-panel__section--grow{flex:none;overflow:visible}.viewer-history-panel__section-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.viewer-history-panel__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.viewer-history-copy{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.viewer-history-panel__current-value{border:1px solid var(--pill-border);background:var(--panel-bg);color:var(--text);word-break:break-word;border-radius:12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.viewer-detail-panel{border-left:1px solid var(--border-soft);background:var(--detail-panel-bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:0 0 380px;width:380px;min-width:380px;min-height:0;display:flex;overflow:hidden auto}.viewer-detail-panel__header,.viewer-detail-panel__section{padding:18px 18px 16px}.viewer-detail-panel__header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.viewer-detail-panel__title-block{flex-direction:column;gap:6px;display:flex}.viewer-detail-panel__eyebrow{color:var(--text-dim);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.viewer-detail-panel__title-block h3{color:var(--text);margin:0;font-size:22px;font-weight:600}.viewer-detail-panel__section{border-bottom:1px solid var(--border-soft)}.viewer-detail-panel__section--grow{flex:none;overflow:visible}.viewer-detail-panel__section-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.viewer-detail-panel__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.viewer-detail-panel__path{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;margin-top:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block;overflow:hidden}.viewer-detail-panel__link-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;text-decoration:none;display:flex}.viewer-detail-panel__link-button:hover .viewer-detail-panel__link-meta,.viewer-detail-panel__link-button:focus-visible .viewer-detail-panel__link-meta{color:var(--text)}.viewer-detail-panel__link-button:focus-visible{outline:2px solid var(--text-muted);outline-offset:4px;border-radius:10px}.viewer-detail-panel__link-meta{color:var(--text-muted);font-size:12px;font-weight:500;transition:color .16s ease-out}.viewer-platform-list{flex-direction:column;gap:12px;display:flex}.viewer-platform-item{border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:14px;padding:14px}.viewer-platform-item__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.viewer-platform-item__label{font-size:14px;font-weight:600}.viewer-platform-item__surface{color:var(--text-muted);margin-top:4px;font-size:12px}.viewer-platform-item__details{color:var(--text);margin:12px 0 0;font-size:13px;line-height:1.45}.viewer-platform-item__details--flush{margin-top:0}.viewer-platform-item__path{border:1px solid var(--pill-border);background:var(--panel-bg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;margin-top:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block;overflow:hidden}.viewer-platform-item__placeholder{color:var(--text-muted);margin:12px 0 0;font-size:12px}.viewer-platform-item__evidence{margin-top:12px}.viewer-platform-item__evidence-preview{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:12px;margin-top:12px;display:block;overflow:hidden}.viewer-platform-item__evidence-preview img{width:100%;height:auto;display:block}.viewer-platform-item__evidence-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.viewer-evidence-pill{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.viewer-evidence-pill--missing{background:var(--panel-bg);border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.viewer-evidence-pill--missing{background:color-mix(in srgb, var(--panel-bg) 66%, transparent)}}.viewer-evidence-pill--missing{color:var(--text-muted)}.viewer-evidence-pill--captured{color:var(--text);background:#009e8329;border-color:#009e836b}@supports (color:color-mix(in lab, red, red)){.viewer-evidence-pill--captured{color:color-mix(in srgb, var(--text) 88%, #009e83)}}.viewer-evidence-pill--stale{color:#ffebae;background:#ffcb6b24;border-color:#ffcb6b6b}.component-lab{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px;display:flex;overflow:auto}.component-lab__header{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.component-lab__header-actions{align-items:center;gap:12px;display:flex}.component-lab__header-copy{max-width:760px}.component-lab__eyebrow{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.component-lab__header-copy h3{color:var(--text);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700}.component-lab__header-copy p{max-width:64ch;color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.component-lab__badge-row,.component-lab-panel__badge-row,.component-lab__tag-row{flex-wrap:wrap;gap:8px;display:flex}.component-lab-badge,.component-lab__tag{border:1px solid var(--pill-border);background:var(--pill-bg);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.component-lab-badge--reference{color:#dbe3ff;background:#5f6f9e2e;border-color:#5f6f9e80}.component-lab-badge--docs{color:var(--text);background:#6c5dd329;border-color:#6c5dd373}@supports (color:color-mix(in lab, red, red)){.component-lab-badge--docs{color:color-mix(in srgb, var(--text) 88%, #6c5dd3)}}.component-lab-badge--foundation{background:var(--pill-bg);color:var(--text);border-color:#ffffff1a}.component-lab-badge--engine{background:var(--panel-bg-elevated);border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.component-lab-badge--engine{background:color-mix(in srgb, var(--panel-bg-elevated) 84%, transparent)}}.component-lab-badge--engine{color:var(--text)}.component-lab-badge--ai{color:var(--text);background:#009e8329;border-color:#009e836b}@supports (color:color-mix(in lab, red, red)){.component-lab-badge--ai{color:color-mix(in srgb, var(--text) 88%, #009e83)}}.component-lab__tag{background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.component-lab__tag{background:color-mix(in srgb, var(--panel-bg) 58%, transparent)}}.component-lab__tag{color:var(--text-muted);font-weight:600}.catalog-docs{flex-direction:column;gap:0;display:flex}.catalog-docs__section{padding:22px 0}.catalog-docs__section+.catalog-docs__section{border-top:1px solid var(--border-soft)}.catalog-docs__stage{border:1px solid var(--paper-border);background:var(--paper-bg);color:var(--paper-text);border-radius:22px;padding:24px}.catalog-docs__eyebrow{color:var(--paper-text)}@supports (color:color-mix(in lab, red, red)){.catalog-docs__eyebrow{color:color-mix(in srgb, var(--paper-text) 62%, transparent)}}.catalog-docs__eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.catalog-docs__stage h4{color:var(--paper-text);letter-spacing:-.03em;margin:10px 0;font-size:28px;font-weight:700}.catalog-docs__stage p{max-width:62ch;color:var(--paper-text);margin:0}@supports (color:color-mix(in lab, red, red)){.catalog-docs__stage p{color:color-mix(in srgb, var(--paper-text) 74%, transparent)}}.catalog-docs__stage p{font-size:15px;line-height:1.7}.catalog-docs__meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.catalog-docs__meta-card{border:1px solid var(--paper-border);flex-direction:column;gap:8px;min-height:108px;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-docs__meta-card{border:1px solid color-mix(in srgb, var(--paper-border) 86%, transparent)}}.catalog-docs__meta-card{background:var(--paper-bg);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.catalog-docs__meta-card{background:color-mix(in srgb, var(--paper-bg) 84%, transparent)}}.catalog-docs__meta-card{padding:16px}.catalog-docs__meta-card span{color:var(--paper-text)}@supports (color:color-mix(in lab, red, red)){.catalog-docs__meta-card span{color:color-mix(in srgb, var(--paper-text) 58%, transparent)}}.catalog-docs__meta-card span{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.catalog-docs__meta-card strong{color:var(--paper-text);font-size:16px;line-height:1.45}.catalog-docs__section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.catalog-docs__section-card{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:18px;flex-direction:column;gap:10px;min-height:140px;display:flex}@supports (color:color-mix(in lab, red, red)){.catalog-docs__section-card{background:color-mix(in srgb, var(--panel-bg) 54%, transparent)}}.catalog-docs__section-card{padding:18px}.catalog-docs__section-card span{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:700}.catalog-docs__section-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.component-lab__preview-shell{padding:0}.component-lab__pending{gap:20px;display:grid}.component-lab__pending-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.component-lab__pending-card{border-top:1px solid var(--border-soft);gap:12px;padding-top:20px;display:grid}.component-lab__pending-card h4{color:var(--text);margin:0;font-size:.9rem;line-height:1.4}.component-lab__pending-card p{color:var(--text-muted);margin:0;line-height:1.55}.component-lab__preview-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.component-lab__preview-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.5}.component-lab__link{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}@media (hover:hover){.component-lab__link:hover{border-color:var(--blue-strong);background:var(--chip-hover);transform:translateY(-1px)}}.component-lab__link--panel{align-self:flex-start;margin-top:12px}.component-lab-panel__meta-list{gap:12px;margin-top:14px;display:grid}.component-lab-panel__meta-item{border-top:1px solid var(--border-soft);flex-direction:column;gap:4px;padding-top:12px;display:flex}.component-lab-panel__meta-item span{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.component-lab-panel__meta-item strong{color:var(--text);font-size:13px;line-height:1.45}.viewer-detail-panel__contract-values{flex-direction:column;gap:4px;display:flex}.viewer-detail-panel__contract-values span{color:var(--text);font-size:13px;line-height:1.45}.component-lab-panel__callout{margin-top:10px;line-height:1.6}.component-lab-panel__inline-code{margin:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.button-docs{flex-direction:column;gap:0;display:flex}.button-docs__section{padding:22px 0}.button-docs__section+.button-docs__section{border-top:1px solid var(--border-soft)}.button-docs__section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.button-docs__section-header h3{color:var(--text);letter-spacing:-.03em;margin:8px 0;font-size:22px;font-weight:700}.button-docs__section-header p{max-width:68ch;color:var(--text-muted);margin:0;line-height:1.6}.button-docs__section-header code,.button-docs__code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.button-docs__code-block{border:1px solid var(--border);background:var(--panel-bg);border-radius:16px;margin:0;overflow:auto}@supports (color:color-mix(in lab, red, red)){.button-docs__code-block{background:color-mix(in srgb, var(--panel-bg) 72%, var(--code-bg))}}.button-docs__code-block{color:var(--code-text);padding:16px;font-size:13px;line-height:1.7}.button-docs__callout{border-left:2px solid var(--text-highlight);background:var(--panel-bg);border-radius:16px;margin-bottom:14px}@supports (color:color-mix(in lab, red, red)){.button-docs__callout{background:color-mix(in srgb, var(--panel-bg) 82%, transparent)}}.button-docs__callout{padding:14px 16px 14px 18px}.button-docs__callout strong{margin-bottom:6px;display:block}.button-docs__callout p{color:var(--text-muted);margin:0;line-height:1.6}.button-docs__example-list{flex-direction:column;gap:0;display:flex}.button-docs__example-card{padding:18px 0}.button-docs__example-card+.button-docs__example-card{border-top:1px solid var(--border-soft)}.button-docs__example-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.button-docs__example-header h4{color:var(--text);letter-spacing:-.02em;margin:0 0 6px;font-size:18px}.button-docs__example-header p{max-width:54ch;color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.button-docs__example-note{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.button-docs__example-stage{border:1px solid var(--paper-border);background:var(--paper-bg);color:var(--paper-text);border-radius:18px;padding:22px}.button-docs__button-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button-docs__tooltip-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button-docs__disabled-wrapper{display:inline-flex}.button-docs__button-row--rtl{justify-content:flex-end}.button-docs__button-group{flex-wrap:wrap;display:inline-flex}.button-docs__button-group>.lab-button{border-radius:0;margin-left:-1px;position:relative}.button-docs__button-group>.lab-button:first-child{border-top-left-radius:11px;border-bottom-left-radius:11px;margin-left:0}.button-docs__button-group>.lab-button:last-child{border-top-right-radius:11px;border-bottom-right-radius:11px}.button-docs__rtl-shell{border:1px solid var(--paper-border);background:var(--paper-bg);color:var(--paper-text);border-radius:18px;padding:18px}.button-docs__rtl-header{color:var(--paper-text);justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.button-docs__rtl-header{color:color-mix(in srgb, var(--paper-text) 64%, transparent)}}.button-docs__rtl-header{font-size:13px;font-weight:600}.button-docs__api-table{border-top:1px solid var(--border-soft)}.button-docs__api-row{grid-template-columns:140px minmax(0,1fr) 120px;gap:16px;padding:14px 0;display:grid}.button-docs__api-row+.button-docs__api-row{border-top:1px solid var(--border-soft)}.button-docs__api-row span{font-size:13px;line-height:1.55}.button-docs__api-row--header{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.button-docs__notes{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.button-docs__notes{background:color-mix(in srgb, var(--panel-bg) 62%, transparent)}}.button-docs__notes[open]{background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.button-docs__notes[open]{background:color-mix(in srgb, var(--panel-bg) 76%, transparent)}}.button-docs__notes-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-size:14px;font-weight:600;list-style:none;display:flex}.button-docs__notes-summary::-webkit-details-marker{display:none}.button-docs__notes-meta{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.button-docs__notes-body{border-top:1px solid var(--border-soft);gap:18px;padding:18px;display:grid}.button-docs__notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.button-docs__notes-card,.button-docs__stack{gap:14px;display:grid}.button-docs__field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.button-docs__field-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.button-docs__field-span-2{grid-column:span 2}.button-docs__inline-field{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button-docs__inline-field--stacked{justify-content:space-between}.button-docs__inline-field-input{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;flex:240px;align-items:center;gap:10px;min-width:min(100%,360px);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.button-docs__inline-field-input{background:color-mix(in srgb, var(--panel-bg-elevated) 92%, white 8%)}}.button-docs__inline-field-input{color:var(--text-muted);padding:0 12px}.button-docs__inline-field-input svg{flex:none;width:16px;height:16px}.button-docs__inline-field-input>.lab-input{box-shadow:none;background:0 0;border:0;padding-inline:0}.button-docs__inline-field-input>.lab-input:focus-visible{box-shadow:none}.button-docs__composer{gap:14px;display:grid}.button-docs__composer-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.button-docs__card-shell{width:min(100%,420px)}.button-docs__card-shell--sm{width:min(100%,320px)}.button-docs__card-cover{border-bottom:1px solid var(--border-soft);background:radial-gradient(circle at top left, #f3703e33, transparent 42%), linear-gradient(135deg, #5f6f9e29, #76d1c114), var(--panel-bg-elevated);min-height:140px}@supports (color:color-mix(in lab, red, red)){.button-docs__card-cover{background:radial-gradient(circle at top left, #f3703e33, transparent 42%), linear-gradient(135deg, #5f6f9e29, #76d1c114), color-mix(in srgb, var(--panel-bg-elevated) 78%, var(--paper-bg))}}.button-docs__card-cover{padding:18px}.button-docs__card-footer-actions{justify-content:flex-end;gap:10px}.button-docs__inline-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.button-docs__inline-meta svg{width:15px;height:15px}.button-docs__checklist{color:var(--text-muted);gap:10px;margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.6;display:grid}.button-docs__weight-sample{color:var(--paper-text);letter-spacing:-.03em;margin:0;font-size:26px;line-height:1.2}.lab-icon-button{border:1px solid var(--border);background:var(--panel-bg);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lab-icon-button{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}}.lab-icon-button{color:var(--text)}.lab-icon-button svg{width:16px;height:16px}.lab-surface-card{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:16px;gap:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.lab-surface-card{background:color-mix(in srgb, var(--panel-bg-elevated) 92%, white 8%)}}.lab-surface-card{padding:16px}.lab-surface-card p{color:var(--text-muted);margin:0;line-height:1.55}.lab-menu{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:16px;gap:2px;min-width:220px;display:grid}@supports (color:color-mix(in lab, red, red)){.lab-menu{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-menu{padding:8px}.lab-menu__title{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;padding:6px 8px;font-size:11px;font-weight:700}.lab-menu__item{color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.lab-menu__item--destructive{color:var(--text-highlight)}.lab-menu__hint{color:var(--text-muted);font-size:12px}.lab-alert{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.lab-alert{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-alert{padding:14px 16px}.lab-alert--danger{border-color:var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.lab-alert--danger{border-color:color-mix(in srgb, var(--text-highlight) 22%, var(--border))}}.lab-alert svg{width:18px;height:18px;color:var(--text-highlight);margin-top:2px}.lab-alert__body{gap:4px;display:grid}.lab-alert__body p{color:var(--text-muted);margin:0;line-height:1.55}.lab-choice{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;align-items:flex-start;gap:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-choice{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-choice{padding:12px 14px}.lab-choice input{margin:2px 0 0}.lab-choice__body{gap:4px;display:grid}.lab-choice__body span{color:var(--text-muted);font-size:13px;line-height:1.5}.lab-switch-row{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-switch-row{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-switch-row{padding:12px 14px}.lab-switch-row__copy{gap:4px;display:grid}.lab-switch-row__copy span{color:var(--text-muted);font-size:13px;line-height:1.5}.lab-switch{border:1px solid var(--border);background:var(--panel-bg);border-radius:999px;align-items:center;width:46px;height:28px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lab-switch{background:color-mix(in srgb, var(--panel-bg) 76%, transparent)}}.lab-switch{padding:3px;transition:background-color .14s}.lab-switch__thumb{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .14s;box-shadow:0 1px 3px #0d0c0c2e}.lab-switch--checked{background:var(--lab-button-primary-default)}.lab-switch--checked .lab-switch__thumb{transform:translate(18px)}.lab-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.lab-breadcrumb a{color:var(--text);text-decoration:none}.lab-calendar{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:18px;gap:12px;width:min(100%,320px);display:grid}@supports (color:color-mix(in lab, red, red)){.lab-calendar{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-calendar{padding:16px}.lab-calendar__header{justify-content:space-between;align-items:center;display:flex}.lab-calendar__weekdays,.lab-calendar__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.lab-calendar__weekdays span{color:var(--text-muted);letter-spacing:.05em;text-align:center;text-transform:uppercase;font-size:11px;font-weight:700}.lab-calendar__day{aspect-ratio:1;color:var(--text);background:0 0;border:1px solid #0000;border-radius:12px}.lab-calendar__day--active{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.lab-chart{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:18px;width:min(100%,420px)}@supports (color:color-mix(in lab, red, red)){.lab-chart{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-chart{padding:18px}.lab-chart__bars{align-items:end;gap:14px;min-height:180px;display:flex}.lab-chart__bar-wrap{flex:1;justify-items:center;gap:8px;display:grid}.lab-chart__bar{background:linear-gradient(180deg, var(--lab-button-secondary-default), var(--lab-button-primary-default));border-radius:999px 999px 10px 10px;width:100%;min-height:24px}.lab-table-wrap{border:1px solid var(--border);border-radius:18px;width:100%;overflow:auto}.lab-table{border-collapse:collapse;background:var(--panel-bg-elevated);width:100%}@supports (color:color-mix(in lab, red, red)){.lab-table{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-table th,.lab-table td{border-bottom:1px solid var(--border-soft);text-align:left;padding:12px 14px}.lab-table th{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.lab-table td{color:var(--text);font-size:14px}.lab-toast-stack{justify-items:end;gap:10px;display:grid}.lab-toast{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:16px;justify-content:space-between;align-items:start;gap:14px;width:min(100%,320px);display:flex}@supports (color:color-mix(in lab, red, red)){.lab-toast{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-toast{padding:14px 16px;box-shadow:0 10px 24px #0d0c0c14}.lab-toast--subtle{opacity:.86}.lab-toast__body{gap:4px;display:grid}.lab-toast__body p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.lab-sidebar-preview{border:1px solid var(--border);border-radius:18px;grid-template-columns:54px minmax(0,1fr);width:min(100%,360px);display:grid;overflow:hidden}.lab-sidebar-preview__rail{border-right:1px solid var(--border-soft);background:var(--panel-bg);flex-direction:column;align-items:center;gap:18px;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-sidebar-preview__rail{background:color-mix(in srgb, var(--panel-bg) 74%, transparent)}}.lab-sidebar-preview__rail{padding:14px 0}.lab-sidebar-preview__brand svg{width:18px;height:18px}.lab-sidebar-preview__nav{gap:12px;display:grid}.lab-sidebar-preview__dot{background:var(--text);border-radius:999px;width:10px;height:10px}@supports (color:color-mix(in lab, red, red)){.lab-sidebar-preview__dot{background:color-mix(in srgb, var(--text) 20%, transparent)}}.lab-sidebar-preview__dot--active{background:var(--lab-button-secondary-default)}.lab-sidebar-preview__panel{background:var(--panel-bg-elevated);gap:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.lab-sidebar-preview__panel{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-sidebar-preview__panel{padding:16px}.lab-sidebar-preview__item{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.lab-sidebar-preview__item{background:color-mix(in srgb, var(--panel-bg) 60%, transparent)}}.lab-sidebar-preview__item{padding:10px 12px}.lab-disclosure-stack{gap:10px;display:grid}.lab-disclosure{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.lab-disclosure{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-disclosure{padding:0 14px}.lab-disclosure summary{cursor:pointer;color:var(--text);padding:14px 0;font-weight:600;list-style:none}.lab-disclosure p{color:var(--text-muted);margin:0 0 14px;line-height:1.55}.lab-ratio-grid,.lab-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lab-ratio{border:1px dashed var(--border);background:var(--panel-bg);border-radius:18px;place-items:center;gap:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.lab-ratio{background:color-mix(in srgb, var(--panel-bg) 62%, transparent)}}.lab-ratio{color:var(--text-muted)}.lab-ratio--wide{aspect-ratio:16/9}.lab-ratio--square{aspect-ratio:1}.lab-command{gap:12px;width:min(100%,360px);display:grid}.lab-context-preview,.lab-dropdown-preview,.lab-popover-preview,.lab-hover-card-preview{place-items:start;gap:14px;display:grid}.lab-hover-card-preview__card,.lab-popover-preview__card{width:min(100%,280px)}.lab-item-list{gap:10px;width:min(100%,360px);display:grid}.lab-item{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-item{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-item{padding:12px 14px}.lab-item p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.lab-menubar,.lab-navigation{gap:12px;width:min(100%,380px);display:grid}.lab-menubar__row,.lab-navigation__row{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lab-menubar__row,.lab-navigation__row{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-menubar__row,.lab-navigation__row{padding:8px}.lab-menubar__row span,.lab-navigation__row span{border-radius:10px;padding:8px 10px}.lab-navigation__panel{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.lab-navigation__panel{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-navigation__panel{padding:14px 16px}.lab-navigation__panel p{color:var(--text-muted);margin:6px 0 0;line-height:1.55}.lab-pagination{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.lab-pagination button{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:10px;min-width:36px;height:36px}@supports (color:color-mix(in lab, red, red)){.lab-pagination button{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-pagination button{color:var(--text)}.lab-pagination__current{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.lab-progress{background:var(--panel-bg);border-radius:999px;width:min(100%,360px);height:10px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lab-progress{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}}.lab-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--lab-button-secondary-default), var(--lab-button-primary-default));height:100%;display:block}.lab-select,.lab-select-trigger{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;width:min(100%,320px);min-height:42px}@supports (color:color-mix(in lab, red, red)){.lab-select,.lab-select-trigger{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-select,.lab-select-trigger{color:var(--text);padding:0 14px}.lab-select-trigger{justify-content:space-between;align-items:center;gap:10px;display:inline-flex}.lab-sheet-preview,.lab-drawer-preview{border:1px solid var(--border);background:linear-gradient(#0d0c0c14, #0d0c0c14), var(--panel-bg);border-radius:20px;width:min(100%,420px);min-height:220px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lab-sheet-preview,.lab-drawer-preview{background:linear-gradient(#0d0c0c14, #0d0c0c14), color-mix(in srgb, var(--panel-bg) 52%, transparent)}}.lab-sheet-preview__panel{border-left:1px solid var(--border);background:var(--panel-bg-elevated);width:min(88%,260px);position:absolute;top:0;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.lab-sheet-preview__panel{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-sheet-preview__panel{padding:18px}.lab-sheet-preview__panel p,.lab-drawer-preview__sheet p{color:var(--text-muted);margin:6px 0 0;line-height:1.55}.lab-drawer-preview__sheet{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:20px;gap:12px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}@supports (color:color-mix(in lab, red, red)){.lab-drawer-preview__sheet{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-drawer-preview__sheet{padding:14px 16px 18px}.lab-drawer-preview__grabber{background:var(--text);border-radius:999px;width:52px;height:5px;margin:0 auto}@supports (color:color-mix(in lab, red, red)){.lab-drawer-preview__grabber{background:color-mix(in srgb, var(--text) 20%, transparent)}}.lab-skeleton-row{align-items:center;gap:14px;display:flex}.lab-skeleton-row__copy{flex:1;gap:10px;display:grid}.lab-skeleton{background:linear-gradient(90deg, var(--panel-bg), var(--panel-bg-elevated), var(--panel-bg));border-radius:999px}@supports (color:color-mix(in lab, red, red)){.lab-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--panel-bg) 70%, transparent), color-mix(in srgb, var(--panel-bg-elevated) 92%, white 8%), color-mix(in srgb, var(--panel-bg) 70%, transparent))}}.lab-skeleton--avatar{width:40px;height:40px}.lab-skeleton--line{width:72%;height:12px}.lab-skeleton--line-short{width:44%;height:12px}.lab-skeleton--block{border-radius:18px;width:100%;height:120px}.lab-slider{width:min(100%,360px)}.lab-separator{background:var(--border);width:100%;height:1px}.lab-separator--vertical{width:1px;height:24px}.lab-resizable{border:1px solid var(--border);border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;width:min(100%,420px);display:grid;overflow:hidden}.lab-resizable__pane{background:var(--panel-bg-elevated);min-height:160px}@supports (color:color-mix(in lab, red, red)){.lab-resizable__pane{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-resizable__pane{padding:18px}.lab-resizable__pane--muted{background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.lab-resizable__pane--muted{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}}.lab-resizable__handle{border-inline:1px solid var(--border-soft);background:var(--panel-bg);place-items:center;width:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.lab-resizable__handle{background:color-mix(in srgb, var(--panel-bg) 76%, transparent)}}.lab-scroll-area{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:18px;width:min(100%,360px);max-height:220px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.lab-scroll-area{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-scroll-area__row{border-bottom:1px solid var(--border-soft);padding:12px 14px}.lab-scroll-area__row:last-child{border-bottom:0}.lab-otp{flex-wrap:wrap;gap:10px;display:flex}.lab-otp__cell{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;width:44px;height:52px}@supports (color:color-mix(in lab, red, red)){.lab-otp__cell{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-otp__cell{color:var(--text);text-align:center;font-size:20px}.lab-avatar-row,.lab-avatar-stack{align-items:center;display:flex}.lab-avatar-row{gap:12px}.lab-avatar-stack>*+*{margin-left:-10px}.lab-avatar{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lab-avatar{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-avatar{color:var(--text);font-size:12px;font-weight:700}.lab-avatar--lg{width:52px;height:52px;font-size:14px}.lab-empty{border:1px dashed var(--border);background:var(--panel-bg);border-radius:18px;justify-items:center;gap:10px;width:min(100%,360px);display:grid}@supports (color:color-mix(in lab, red, red)){.lab-empty{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}}.lab-empty{text-align:center;padding:24px}.lab-empty svg{width:28px;height:28px;color:var(--text-muted)}.lab-empty p{color:var(--text-muted);margin:0;line-height:1.55}.lab-tabs{gap:12px;width:min(100%,400px);display:grid}.lab-tabs__list{border:1px solid var(--border);background:var(--panel-bg);border-radius:14px;gap:8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lab-tabs__list{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}}.lab-tabs__list{padding:6px}.lab-tabs__trigger{color:var(--text-muted);background:0 0;border:0;border-radius:10px;padding:10px 12px}.lab-tabs__trigger--active{background:var(--panel-bg-elevated)}@supports (color:color-mix(in lab, red, red)){.lab-tabs__trigger--active{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-tabs__trigger--active{color:var(--text)}.lab-tabs__panel{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.lab-tabs__panel{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-tabs__panel{color:var(--text-muted);padding:16px}.lab-typography{gap:12px;width:min(100%,560px);display:grid}.lab-typography h1,.lab-typography h2,.lab-typography p,.lab-typography ul{margin:0}.lab-typography h1{letter-spacing:-.04em;font-size:32px}.lab-typography h2{letter-spacing:-.03em;font-size:22px}.lab-typography p,.lab-typography ul{color:var(--text-muted);line-height:1.65}.lab-typography code{border:1px solid var(--border);background:var(--panel-bg);border-radius:10px;width:fit-content}@supports (color:color-mix(in lab, red, red)){.lab-typography code{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}}.lab-typography code{padding:8px 10px}.lab-field{gap:8px;display:grid}.lab-field-group{gap:16px;display:grid}.lab-field--horizontal{grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:center}.lab-field__label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.lab-field__label{color:var(--text);font-size:13px;font-weight:600;line-height:1.5}.lab-field__description{color:var(--text-muted);margin:0;font-size:13px;line-height:1.55}.lab-input,.lab-textarea{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:14px;width:100%}@supports (color:color-mix(in lab, red, red)){.lab-input,.lab-textarea{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-input,.lab-textarea{color:var(--text);transition:border-color .14s,box-shadow .14s,background-color .14s,color .14s}.lab-input{min-height:42px;padding:0 14px;font-size:14px}.lab-textarea{resize:vertical;min-height:124px;padding:12px 14px;font-size:14px;line-height:1.6}.lab-input::placeholder,.lab-textarea::placeholder{color:var(--text-dim)}.lab-input::file-selector-button{background:var(--panel-bg);border:0;border-radius:10px;margin-right:12px}@supports (color:color-mix(in lab, red, red)){.lab-input::file-selector-button{background:color-mix(in srgb, var(--panel-bg) 76%, transparent)}}.lab-input::file-selector-button{color:var(--text);font:inherit;padding:8px 12px;font-size:13px;font-weight:600}.lab-input:focus-visible,.lab-textarea:focus-visible{border-color:var(--blue-strong);box-shadow:0 0 0 1px var(--blue-strong), 0 0 0 4px var(--blue-strong);outline:none}@supports (color:color-mix(in lab, red, red)){.lab-input:focus-visible,.lab-textarea:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb, var(--blue-strong) 68%, transparent), 0 0 0 4px color-mix(in srgb, var(--blue-strong) 18%, transparent)}}.lab-input[aria-invalid=true],.lab-textarea[aria-invalid=true]{border-color:var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.lab-input[aria-invalid=true],.lab-textarea[aria-invalid=true]{border-color:color-mix(in srgb, var(--text-highlight) 56%, transparent)}}.lab-input[aria-invalid=true],.lab-textarea[aria-invalid=true]{box-shadow:0 0 0 1px var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.lab-input[aria-invalid=true],.lab-textarea[aria-invalid=true]{box-shadow:0 0 0 1px color-mix(in srgb, var(--text-highlight) 14%, transparent)}}.lab-input:disabled,.lab-textarea:disabled{cursor:not-allowed;background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.lab-input:disabled,.lab-textarea:disabled{background:color-mix(in srgb, var(--panel-bg) 82%, transparent)}}.lab-input:disabled,.lab-textarea:disabled{color:var(--text-disabled)}.lab-badge{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.lab-badge--subtle{color:var(--text-muted)}.lab-card{border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:20px;flex-direction:column;gap:16px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lab-card{background:color-mix(in srgb, var(--panel-bg-elevated) 94%, white 6%)}}.lab-card{color:var(--text)}.lab-card--sm{gap:12px}.lab-card__header,.lab-card__content,.lab-card__footer{padding-inline:18px}.lab-card__header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-top:18px;display:grid}.lab-card--sm .lab-card__header,.lab-card--sm .lab-card__content,.lab-card--sm .lab-card__footer{padding-inline:14px}.lab-card__title{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:600;line-height:1.3}.lab-card__description{color:var(--text-muted);font-size:14px;line-height:1.55}.lab-card__action{justify-content:flex-end;align-items:center;display:inline-flex}.lab-card__content{gap:14px;display:grid}.lab-card__footer{border-top:1px solid var(--border-soft);background:var(--panel-bg);align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.lab-card__footer{background:color-mix(in srgb, var(--panel-bg) 70%, transparent)}}.lab-card__footer{padding-block:14px}.lab-dialog__backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0c0c2e;position:fixed;inset:0}.lab-dialog__content{z-index:81;border:1px solid var(--border);background:var(--panel-bg-elevated);border-radius:22px;gap:18px;width:min(100vw - 32px,420px);max-height:min(82vh,720px);display:grid;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.lab-dialog__content{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-dialog__content{color:var(--text);padding:22px;animation:.16s ease-out lab-dialog-in;box-shadow:0 24px 72px #0d0c0c33}.lab-dialog__content--tall{width:min(100vw - 32px,560px)}.lab-dialog__close{position:absolute;top:16px;right:16px}.lab-dialog__header{gap:8px;padding-right:36px;display:grid}.lab-dialog__title{color:var(--text);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:700;line-height:1.15}.lab-dialog__description{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.lab-dialog__scroll-region{max-height:300px;margin-inline:-4px;padding-inline:4px;overflow:auto}.lab-dialog__scroll-region--framed{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding-block:12px}.lab-dialog__body-copy{gap:12px;display:grid}.lab-dialog__body-copy p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.65}.lab-dialog__footer{justify-content:flex-end;align-items:center;gap:10px;display:flex}.lab-dialog__footer--sticky{border-top:1px solid var(--border-soft);background:var(--panel-bg-elevated);margin:0 -22px -22px}@supports (color:color-mix(in lab, red, red)){.lab-dialog__footer--sticky{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, white 4%)}}.lab-dialog__footer--sticky{padding:16px 22px 22px}@keyframes lab-dialog-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.lab-toggle{color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s;display:inline-flex}.lab-toggle:not(:disabled){cursor:pointer}.lab-toggle:focus-visible{box-shadow:0 0 0 1px var(--blue-strong), 0 0 0 4px var(--blue-strong);outline:none}@supports (color:color-mix(in lab, red, red)){.lab-toggle:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb, var(--blue-strong) 68%, transparent), 0 0 0 4px color-mix(in srgb, var(--blue-strong) 18%, transparent)}}.lab-toggle:active{transform:translateY(1px)scale(.985)}.lab-toggle:disabled{cursor:default;opacity:.48;pointer-events:none}.lab-toggle svg{flex:none;width:1em;height:1em}.lab-toggle--size-sm{border-radius:10px;min-height:30px;padding:0 10px;font-size:12px}.lab-toggle--size-default{min-height:38px;padding:0 12px;font-size:14px}.lab-toggle--size-lg{border-radius:14px;min-height:44px;padding:0 16px;font-size:15px}.lab-toggle--default{color:var(--text);background:0 0}.lab-toggle--outline{border-color:var(--border);color:var(--text);background:0 0}.lab-toggle[aria-pressed=true]{background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.lab-toggle[aria-pressed=true]{background:color-mix(in srgb, var(--panel-bg) 72%, var(--text) 10%)}}.lab-toggle--outline[aria-pressed=true]{border-color:var(--blue-strong)}.lab-toggle-group{--lab-toggle-gap:0px;align-items:center;gap:var(--lab-toggle-gap);flex-wrap:wrap;display:inline-flex}.lab-toggle-group--vertical{flex-direction:column;align-items:stretch}.lab-toggle-group__item--flush{position:relative}.lab-toggle-group--flush:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush{border-radius:0;margin-left:-1px}.lab-toggle-group--flush:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;margin-left:0}.lab-toggle-group--flush:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.lab-toggle-group--flush.lab-toggle-group--vertical .lab-toggle-group__item--flush{border-radius:0;margin-top:-1px}.lab-toggle-group--flush.lab-toggle-group--vertical .lab-toggle-group__item--flush:first-child{border-top-left-radius:12px;border-top-right-radius:12px;margin-top:0}.lab-toggle-group--flush.lab-toggle-group--vertical .lab-toggle-group__item--flush:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.component-lab[data-component-skin=tenx] .lab-input,.component-lab[data-component-skin=tenx] .lab-textarea{border-color:var(--pill-border);background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-input,.component-lab[data-component-skin=tenx] .lab-textarea{background:color-mix(in srgb, var(--panel-bg) 82%, var(--paper-bg))}}.component-lab[data-component-skin=tenx] .lab-input,.component-lab[data-component-skin=tenx] .lab-textarea{color:var(--paper-text)}.component-lab[data-component-skin=tenx] .button-docs__inline-field-input{border-color:var(--pill-border);background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .button-docs__inline-field-input{background:color-mix(in srgb, var(--panel-bg) 82%, var(--paper-bg))}}.component-lab[data-component-skin=tenx] .button-docs__inline-field-input{color:var(--paper-text)}.component-lab[data-component-skin=tenx] .lab-card{border-color:var(--paper-border);background:var(--panel-bg-elevated)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-card{background:color-mix(in srgb, var(--panel-bg-elevated) 74%, var(--paper-bg))}}.component-lab[data-component-skin=tenx] .lab-card{color:var(--paper-text);box-shadow:none}.component-lab[data-component-skin=tenx] .lab-icon-button,.component-lab[data-component-skin=tenx] .lab-menu,.component-lab[data-component-skin=tenx] .lab-alert,.component-lab[data-component-skin=tenx] .lab-choice,.component-lab[data-component-skin=tenx] .lab-switch-row,.component-lab[data-component-skin=tenx] .lab-calendar,.component-lab[data-component-skin=tenx] .lab-chart,.component-lab[data-component-skin=tenx] .lab-table,.component-lab[data-component-skin=tenx] .lab-toast,.component-lab[data-component-skin=tenx] .lab-sidebar-preview,.component-lab[data-component-skin=tenx] .lab-disclosure,.component-lab[data-component-skin=tenx] .lab-surface-card,.component-lab[data-component-skin=tenx] .lab-navigation__panel,.component-lab[data-component-skin=tenx] .lab-select,.component-lab[data-component-skin=tenx] .lab-select-trigger,.component-lab[data-component-skin=tenx] .lab-sheet-preview__panel,.component-lab[data-component-skin=tenx] .lab-drawer-preview__sheet,.component-lab[data-component-skin=tenx] .lab-scroll-area,.component-lab[data-component-skin=tenx] .lab-item,.component-lab[data-component-skin=tenx] .lab-resizable__pane,.component-lab[data-component-skin=tenx] .lab-tabs__panel,.component-lab[data-component-skin=tenx] .lab-otp__cell,.component-lab[data-component-skin=tenx] .lab-avatar{border-color:var(--paper-border);background:var(--panel-bg-elevated)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-icon-button,.component-lab[data-component-skin=tenx] .lab-menu,.component-lab[data-component-skin=tenx] .lab-alert,.component-lab[data-component-skin=tenx] .lab-choice,.component-lab[data-component-skin=tenx] .lab-switch-row,.component-lab[data-component-skin=tenx] .lab-calendar,.component-lab[data-component-skin=tenx] .lab-chart,.component-lab[data-component-skin=tenx] .lab-table,.component-lab[data-component-skin=tenx] .lab-toast,.component-lab[data-component-skin=tenx] .lab-sidebar-preview,.component-lab[data-component-skin=tenx] .lab-disclosure,.component-lab[data-component-skin=tenx] .lab-surface-card,.component-lab[data-component-skin=tenx] .lab-navigation__panel,.component-lab[data-component-skin=tenx] .lab-select,.component-lab[data-component-skin=tenx] .lab-select-trigger,.component-lab[data-component-skin=tenx] .lab-sheet-preview__panel,.component-lab[data-component-skin=tenx] .lab-drawer-preview__sheet,.component-lab[data-component-skin=tenx] .lab-scroll-area,.component-lab[data-component-skin=tenx] .lab-item,.component-lab[data-component-skin=tenx] .lab-resizable__pane,.component-lab[data-component-skin=tenx] .lab-tabs__panel,.component-lab[data-component-skin=tenx] .lab-otp__cell,.component-lab[data-component-skin=tenx] .lab-avatar{background:color-mix(in srgb, var(--panel-bg-elevated) 74%, var(--paper-bg))}}.component-lab[data-component-skin=tenx] .lab-icon-button,.component-lab[data-component-skin=tenx] .lab-menu,.component-lab[data-component-skin=tenx] .lab-alert,.component-lab[data-component-skin=tenx] .lab-choice,.component-lab[data-component-skin=tenx] .lab-switch-row,.component-lab[data-component-skin=tenx] .lab-calendar,.component-lab[data-component-skin=tenx] .lab-chart,.component-lab[data-component-skin=tenx] .lab-table,.component-lab[data-component-skin=tenx] .lab-toast,.component-lab[data-component-skin=tenx] .lab-sidebar-preview,.component-lab[data-component-skin=tenx] .lab-disclosure,.component-lab[data-component-skin=tenx] .lab-surface-card,.component-lab[data-component-skin=tenx] .lab-navigation__panel,.component-lab[data-component-skin=tenx] .lab-select,.component-lab[data-component-skin=tenx] .lab-select-trigger,.component-lab[data-component-skin=tenx] .lab-sheet-preview__panel,.component-lab[data-component-skin=tenx] .lab-drawer-preview__sheet,.component-lab[data-component-skin=tenx] .lab-scroll-area,.component-lab[data-component-skin=tenx] .lab-item,.component-lab[data-component-skin=tenx] .lab-resizable__pane,.component-lab[data-component-skin=tenx] .lab-tabs__panel,.component-lab[data-component-skin=tenx] .lab-otp__cell,.component-lab[data-component-skin=tenx] .lab-avatar,.component-lab[data-component-skin=tenx] .lab-choice__body span,.component-lab[data-component-skin=tenx] .lab-switch-row__copy span,.component-lab[data-component-skin=tenx] .lab-surface-card p,.component-lab[data-component-skin=tenx] .lab-empty p,.component-lab[data-component-skin=tenx] .lab-item p,.component-lab[data-component-skin=tenx] .lab-navigation__panel p,.component-lab[data-component-skin=tenx] .lab-toast__body p,.component-lab[data-component-skin=tenx] .lab-typography p,.component-lab[data-component-skin=tenx] .lab-typography ul{color:var(--paper-text)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-choice__body span,.component-lab[data-component-skin=tenx] .lab-switch-row__copy span,.component-lab[data-component-skin=tenx] .lab-surface-card p,.component-lab[data-component-skin=tenx] .lab-empty p,.component-lab[data-component-skin=tenx] .lab-item p,.component-lab[data-component-skin=tenx] .lab-navigation__panel p,.component-lab[data-component-skin=tenx] .lab-toast__body p,.component-lab[data-component-skin=tenx] .lab-typography p,.component-lab[data-component-skin=tenx] .lab-typography ul{color:color-mix(in srgb, var(--paper-text) 68%, transparent)}}.component-lab[data-component-skin=tenx] .lab-tabs__list,.component-lab[data-component-skin=tenx] .lab-menubar__row,.component-lab[data-component-skin=tenx] .lab-navigation__row,.component-lab[data-component-skin=tenx] .lab-switch,.component-lab[data-component-skin=tenx] .lab-progress,.component-lab[data-component-skin=tenx] .lab-sheet-preview,.component-lab[data-component-skin=tenx] .lab-drawer-preview,.component-lab[data-component-skin=tenx] .lab-ratio,.component-lab[data-component-skin=tenx] .lab-sidebar-preview__rail,.component-lab[data-component-skin=tenx] .lab-resizable__pane--muted,.component-lab[data-component-skin=tenx] .lab-empty{border-color:var(--paper-border);background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-tabs__list,.component-lab[data-component-skin=tenx] .lab-menubar__row,.component-lab[data-component-skin=tenx] .lab-navigation__row,.component-lab[data-component-skin=tenx] .lab-switch,.component-lab[data-component-skin=tenx] .lab-progress,.component-lab[data-component-skin=tenx] .lab-sheet-preview,.component-lab[data-component-skin=tenx] .lab-drawer-preview,.component-lab[data-component-skin=tenx] .lab-ratio,.component-lab[data-component-skin=tenx] .lab-sidebar-preview__rail,.component-lab[data-component-skin=tenx] .lab-resizable__pane--muted,.component-lab[data-component-skin=tenx] .lab-empty{background:color-mix(in srgb, var(--panel-bg) 68%, var(--paper-bg))}}.component-lab[data-component-skin=tenx] .lab-tabs__trigger--active,.component-lab[data-component-skin=tenx] .lab-pagination__current,.component-lab[data-component-skin=tenx] .lab-calendar__day--active{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.component-lab[data-component-skin=tenx] .lab-switch--checked,.component-lab[data-component-skin=tenx] .lab-progress span,.component-lab[data-component-skin=tenx] .lab-chart__bar{background:linear-gradient(90deg, var(--lab-button-secondary-default), var(--lab-button-primary-default))}.component-lab[data-component-skin=tenx] .lab-avatar-stack>*+*{border-color:var(--panel-bg)}.component-lab[data-component-skin=tenx] .lab-card__description,.component-lab[data-component-skin=tenx] .lab-field__description,.component-lab[data-component-skin=tenx] .button-docs__inline-meta,.component-lab[data-component-skin=tenx] .button-docs__checklist{color:var(--paper-text)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-card__description,.component-lab[data-component-skin=tenx] .lab-field__description,.component-lab[data-component-skin=tenx] .button-docs__inline-meta,.component-lab[data-component-skin=tenx] .button-docs__checklist{color:color-mix(in srgb, var(--paper-text) 68%, transparent)}}.component-lab[data-component-skin=tenx] .lab-card__footer,.component-lab[data-component-skin=tenx] .lab-dialog__footer--sticky{background:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-card__footer,.component-lab[data-component-skin=tenx] .lab-dialog__footer--sticky{background:color-mix(in srgb, var(--panel-bg) 62%, var(--paper-bg))}}.component-lab[data-component-skin=tenx] .lab-dialog__content{border-color:var(--paper-border);background:var(--panel-bg-elevated)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-dialog__content{background:color-mix(in srgb, var(--panel-bg-elevated) 80%, var(--paper-bg))}}.component-lab[data-component-skin=tenx] .lab-dialog__content{color:var(--paper-text);box-shadow:var(--lab-tooltip-shadow)}.component-lab[data-component-skin=tenx] .lab-dialog__title,.component-lab[data-component-skin=tenx] .lab-dialog__description,.component-lab[data-component-skin=tenx] .lab-dialog__body-copy p{color:var(--paper-text)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-dialog__description,.component-lab[data-component-skin=tenx] .lab-dialog__body-copy p{color:color-mix(in srgb, var(--paper-text) 72%, transparent)}}.component-lab[data-component-skin=tenx] .lab-toggle--default[aria-pressed=true],.component-lab[data-component-skin=tenx] .lab-toggle--outline[aria-pressed=true]{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text);border-color:#0000}.component-lab[data-component-skin=tenx] .lab-toggle--outline{border-color:var(--pill-border)}.component-lab[data-component-skin=tenx] .lab-toggle:not([aria-pressed=true]){color:var(--paper-text)}.component-lab[data-component-skin=tenx] .lab-toggle:disabled{background:var(--interactive-disabled);color:var(--text-disabled)}.cn-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:fit-content;min-height:24px;padding:0 10px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;overflow:hidden}.cn-badge svg{flex:none;width:14px;height:14px}.cn-badge-variant-default{background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg)}.cn-badge-variant-secondary{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.cn-badge-variant-outline{border-color:var(--shadcn-ref-border);color:var(--shadcn-ref-fg)}.cn-badge-variant-destructive{background:var(--shadcn-ref-destructive-bg);color:var(--shadcn-ref-destructive-text)}.cn-badge-variant-ghost{color:var(--shadcn-ref-fg)}.cn-badge-variant-link{color:var(--shadcn-ref-fg);text-underline-offset:4px}.cn-badge-variant-link:hover{text-decoration:underline}.cn-label{color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1;display:inline-flex}.cn-field-group{flex-direction:column;gap:20px;width:100%;display:flex;container-type:inline-size}.cn-field-set{border:0;flex-direction:column;gap:12px;width:100%;min-width:0;margin:0;padding:0;display:flex}.cn-field-legend{color:var(--shadcn-ref-fg);padding:0;font-size:14px;font-weight:500;line-height:1.25}.cn-field{flex-direction:column;gap:8px;width:100%;display:flex}.cn-field[data-orientation=horizontal]{flex-direction:row;align-items:center;gap:12px}.cn-field[data-orientation=horizontal]>.cn-input{flex:1}.cn-field[data-orientation=horizontal]:has(>.cn-field-content){align-items:flex-start}:is(.cn-field[data-orientation=horizontal]:has(>.cn-field-content)>.cn-checkbox,.cn-field[data-orientation=horizontal]:has(>.cn-field-content)>.cn-radio-group-item){margin-top:1px}.cn-field[data-orientation=responsive]{flex-direction:column;gap:12px}.cn-field[data-orientation=responsive]>*{width:100%}.cn-field-content{flex-direction:column;flex:1;gap:4px;min-width:0;line-height:1.35;display:flex}.cn-field-label{align-items:center;gap:8px;width:fit-content;line-height:1.25;display:inline-flex}.cn-field-label:has(>.cn-field){width:100%}.cn-field-label:has(>.cn-field)>.cn-field{flex:1}.cn-field-title{width:fit-content;color:var(--shadcn-ref-fg);align-items:center;font-weight:500;line-height:1.25;display:inline-flex}.cn-field-description{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.cn-field-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-field-description{font-size:14px;line-height:1.45}.cn-field-separator{justify-content:center;align-items:center;min-height:1px;display:flex;position:relative}.cn-field-separator__rule{position:absolute;inset:50% 0 0;transform:translateY(-50%)}.cn-field-separator__content{background:var(--shadcn-ref-bg);width:fit-content;color:var(--shadcn-ref-fg);margin-inline:auto;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-field-separator__content{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-field-separator__content{padding-inline:8px}.cn-field-error{color:var(--shadcn-ref-destructive-text);font-size:14px;line-height:1.45}.cn-field-error-list{flex-direction:column;gap:4px;margin:0;padding-inline-start:16px;display:flex}.cn-field[data-disabled],.cn-field[data-disabled] .cn-field-label,.cn-field[data-disabled] .cn-field-title,.cn-field[data-disabled] .cn-field-description{opacity:.5}.cn-field[data-invalid] .cn-field-label,.cn-field[data-invalid] .cn-field-title,.cn-field[data-invalid] .cn-field-description,.cn-field[data-invalid] .cn-field-error{color:var(--shadcn-ref-destructive-text)}@container (width>=32rem){.cn-field[data-orientation=responsive]{flex-direction:row;align-items:center;gap:16px}.cn-field[data-orientation=responsive]>*{width:auto}.cn-field[data-orientation=responsive]>.cn-field-content,.cn-field[data-orientation=responsive]>.cn-input{flex:1}.cn-field[data-orientation=responsive]:has(>.cn-field-content){align-items:flex-start}}.cn-separator{background:var(--shadcn-ref-fg);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.cn-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-separator[data-orientation=horizontal]{width:100%;height:1px}.cn-separator[data-orientation=vertical]{align-self:stretch;width:1px}@keyframes shadcn-ref-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.cn-skeleton{background:var(--shadcn-ref-muted);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.cn-skeleton{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, var(--shadcn-ref-bg))}}.cn-skeleton{animation:1.6s ease-in-out infinite shadcn-ref-skeleton-pulse}.cn-scroll-area{position:relative;overflow:hidden}.cn-scroll-area-viewport{border-radius:inherit;scrollbar-width:none;outline:none;width:100%;height:100%}.cn-scroll-area-viewport::-webkit-scrollbar{display:none}.cn-scroll-area-viewport:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring);outline:1px solid #0000}.cn-scroll-area-scrollbar{touch-action:none;-webkit-user-select:none;user-select:none;padding:1px;transition:background-color .12s;display:flex}.cn-scroll-area-scrollbar[data-orientation=vertical]{border-inline-start:1px solid #0000;width:10px;height:100%}.cn-scroll-area-scrollbar[data-orientation=horizontal]{border-top:1px solid #0000;flex-direction:column;height:10px}.cn-scroll-area-thumb{background:var(--shadcn-ref-border);border-radius:999px;flex:1;position:relative}.cn-switch{--switch-translate:14px;border:1px solid var(--shadcn-ref-fg);border-radius:999px;flex:none;align-items:center;width:32px;height:20px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-switch{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-switch{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-switch{background:color-mix(in srgb, var(--shadcn-ref-muted) 92%, white)}}.cn-switch{color:var(--shadcn-ref-bg);outline:none;transition:background-color .1s,border-color .1s,box-shadow .1s}.cn-switch:after{content:"";position:absolute;inset-block:-8px;inset-inline:-12px}.cn-switch[data-size=sm]{width:28px;height:16px}.cn-switch-thumb{width:16px;height:16px;box-shadow:0 1px 2px var(--shadcn-ref-fg), inset 0 0 0 1px var(--shadcn-ref-fg);background:currentColor;border-radius:999px;display:block}@supports (color:color-mix(in lab, red, red)){.cn-switch-thumb{box-shadow:0 1px 2px color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-switch-thumb{transition:transform .1s;transform:translate(2px)}.cn-switch[data-size=sm] .cn-switch-thumb{width:12px;height:12px}.cn-switch[data-checked],.cn-switch[data-state=checked],.cn-switch[aria-checked=true]{border-color:var(--shadcn-ref-fg);background:var(--shadcn-ref-fg)}.cn-switch[data-checked] .cn-switch-thumb,.cn-switch[data-state=checked] .cn-switch-thumb,.cn-switch[aria-checked=true] .cn-switch-thumb{transform:translateX(var(--switch-translate))}:where([dir=rtl]) .cn-switch[data-checked] .cn-switch-thumb,:where([dir=rtl]) .cn-switch[data-state=checked] .cn-switch-thumb,:where([dir=rtl]) .cn-switch[aria-checked=true] .cn-switch-thumb{transform:translateX(calc(-1 * var(--switch-translate)))}.cn-switch:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-switch[data-disabled],.cn-switch:disabled{cursor:not-allowed;opacity:.5}.cn-slider-root{width:100%;display:flex}.cn-slider-root[data-orientation=vertical]{width:auto;height:100%}.cn-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.cn-slider-root[data-orientation=vertical] .cn-slider,.cn-slider[data-orientation=vertical]{flex-direction:column;width:auto;height:100%}.cn-slider-track{background:var(--shadcn-ref-muted);border-radius:999px;flex-grow:1;width:100%;height:4px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cn-slider-track{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, white)}}.cn-slider-root[data-orientation=vertical] .cn-slider-track,.cn-slider-track[data-orientation=vertical]{width:4px;height:100%}.cn-slider-range{background:var(--shadcn-ref-fg);height:100%;position:absolute}.cn-slider-root[data-orientation=vertical] .cn-slider-range,.cn-slider-range[data-orientation=vertical]{width:100%}.cn-slider-thumb{border:1px solid var(--shadcn-ref-fg);border-radius:999px;flex:none;width:16px;height:16px;display:block}@supports (color:color-mix(in lab, red, red)){.cn-slider-thumb{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 18%, transparent)}}.cn-slider-thumb{background:var(--shadcn-ref-bg);box-shadow:0 1px 2px var(--shadcn-ref-fg), inset 0 0 0 1px var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-slider-thumb{box-shadow:0 1px 2px color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 6%, transparent)}}.cn-slider-thumb{outline:none}.cn-slider-thumb:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring), 0 1px 2px var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-slider-thumb:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring), 0 1px 2px color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-slider[data-disabled],.cn-slider-thumb[data-disabled]{opacity:.5}.cn-field[data-invalid] .cn-switch{border-color:var(--shadcn-ref-destructive-text)}.cn-field[data-invalid] .cn-slider-range{background:var(--shadcn-ref-destructive-text)}.cn-field[data-invalid] .cn-slider-thumb{border-color:var(--shadcn-ref-destructive-text)}.cn-checkbox{border:1px solid var(--shadcn-ref-fg);flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-checkbox{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 20%, transparent)}}.cn-checkbox{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-bg);border-radius:4px;outline:none;transition:border-color .1s,background-color .1s,box-shadow .1s,color .1s}.cn-checkbox:after{content:"";position:absolute;inset-block:-8px;inset-inline:-12px}.cn-checkbox-indicator{place-content:center;width:100%;height:100%;display:grid}.cn-checkbox-indicator svg{stroke-width:2.5px;width:12px;height:12px}.cn-checkbox[data-checked],.cn-checkbox[data-state=checked],.cn-checkbox[aria-checked=true],.cn-checkbox[data-indeterminate],.cn-checkbox[data-state=indeterminate]{border-color:var(--shadcn-ref-fg);background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg)}.cn-checkbox:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-checkbox:disabled,.cn-checkbox[data-disabled]{cursor:default}.cn-field[data-invalid] .cn-checkbox{border-color:var(--shadcn-ref-destructive-text)}.cn-field[data-invalid] .cn-checkbox[data-checked],.cn-field[data-invalid] .cn-checkbox[data-state=checked],.cn-field[data-invalid] .cn-checkbox[aria-checked=true]{background:var(--shadcn-ref-destructive-text);color:var(--shadcn-ref-bg)}.cn-radio-group{flex-direction:column;gap:12px;width:100%;display:flex}.cn-radio-group-item{border:1px solid var(--shadcn-ref-fg);flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-radio-group-item{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 24%, transparent)}}.cn-radio-group-item{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);border-radius:999px;outline:none;transition:border-color .1s,box-shadow .1s,color .1s}.cn-radio-group-item:after{content:"";position:absolute;inset-block:-8px;inset-inline:-12px}.cn-radio-group-indicator{place-content:center;display:grid}.cn-radio-group-indicator-icon{background:currentColor;border-radius:999px;width:8px;height:8px;transition:transform .1s;transform:scale(0)}.cn-radio-group-item[data-checked],.cn-radio-group-item[data-state=checked],.cn-radio-group-item[aria-checked=true]{border-color:var(--shadcn-ref-fg)}.cn-radio-group-item[data-checked] .cn-radio-group-indicator-icon,.cn-radio-group-item[data-state=checked] .cn-radio-group-indicator-icon,.cn-radio-group-item[aria-checked=true] .cn-radio-group-indicator-icon{transform:scale(1)}.cn-radio-group-item:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-radio-group-item:disabled,.cn-radio-group-item[data-disabled]{cursor:default}.cn-field[data-invalid] .cn-radio-group-item{border-color:var(--shadcn-ref-destructive-text);color:var(--shadcn-ref-destructive-text)}.cn-table-container{width:100%;position:relative;overflow-x:auto}.cn-table{border-collapse:collapse;width:100%;color:var(--shadcn-ref-fg);caption-side:bottom;font-size:14px}.cn-table-header .cn-table-row{border-bottom:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-table-header .cn-table-row{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-table-body .cn-table-row{border-bottom:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-table-body .cn-table-row{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-table-body .cn-table-row{transition:background-color .1s}.cn-table-body .cn-table-row:last-child{border-bottom:0}.cn-table-row[data-state=selected]{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-table-row[data-state=selected]{background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg))}}.cn-table-head,.cn-table-cell{text-align:left;vertical-align:middle;white-space:nowrap}.cn-table-head{height:40px;color:var(--shadcn-ref-fg);padding:0 8px;font-weight:500}.cn-table-cell{color:var(--shadcn-ref-fg);padding:8px}@supports (color:color-mix(in lab, red, red)){.cn-table-cell{color:color-mix(in srgb, var(--shadcn-ref-fg) 82%, transparent)}}:is(.cn-table-head:has([role=checkbox]),.cn-table-cell:has([role=checkbox])){padding-right:0}.cn-table-caption{color:var(--shadcn-ref-fg);margin-top:16px}@supports (color:color-mix(in lab, red, red)){.cn-table-caption{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-table-caption{font-size:14px;line-height:1.45}.cn-chart{aspect-ratio:16/9;color:var(--shadcn-ref-fg);justify-content:center;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-chart{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}}.cn-chart{font-size:12px}.cn-chart .recharts-cartesian-axis-tick text{fill:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-chart .recharts-cartesian-axis-tick text{fill:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-chart .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-chart .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-chart .recharts-curve.recharts-tooltip-cursor,.cn-chart .recharts-reference-line line[stroke=\#ccc]{stroke:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-chart .recharts-curve.recharts-tooltip-cursor,.cn-chart .recharts-reference-line line[stroke=\#ccc]{stroke:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-chart .recharts-dot[stroke=\#fff],.cn-chart .recharts-sector[stroke=\#fff]{stroke:#0000}.cn-chart .recharts-layer,.cn-chart .recharts-sector,.cn-chart .recharts-surface{outline:none}.cn-chart .recharts-polar-grid [stroke=\#ccc]{stroke:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-chart .recharts-polar-grid [stroke=\#ccc]{stroke:color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-chart .recharts-radial-bar-background-sector,.cn-chart .recharts-rectangle.recharts-tooltip-cursor{fill:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-chart .recharts-radial-bar-background-sector,.cn-chart .recharts-rectangle.recharts-tooltip-cursor{fill:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}}.cn-chart-tooltip{border:1px solid var(--shadcn-ref-fg);align-items:start;gap:6px;min-width:128px;display:grid}@supports (color:color-mix(in lab, red, red)){.cn-chart-tooltip{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-chart-tooltip{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px var(--shadcn-ref-fg), inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:12px;padding:6px 10px}@supports (color:color-mix(in lab, red, red)){.cn-chart-tooltip{box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 6%, transparent)}}.cn-chart-tooltip-label{color:var(--shadcn-ref-fg);font-size:13px;font-weight:500;line-height:1.25}.cn-chart-tooltip-grid{gap:6px;display:grid}.cn-chart-tooltip-row{align-items:stretch;gap:8px;width:100%;display:flex}.cn-chart-tooltip-row[data-dot-indicator=true]{align-items:center}.cn-chart-tooltip-indicator{border:1px solid var(--color-border);background:var(--color-bg);border-radius:2px;flex:none}.cn-chart-tooltip-indicator[data-indicator=dot]{width:10px;height:10px}.cn-chart-tooltip-indicator[data-indicator=line]{width:4px;height:auto}.cn-chart-tooltip-indicator[data-indicator=dashed]{background:0 0;border-style:dashed;border-width:1.5px;width:0}.cn-chart-tooltip-body{flex:1;justify-content:space-between;align-items:center;gap:12px;line-height:1;display:flex}.cn-chart-tooltip-body[data-nest-label=true]{align-items:flex-end}.cn-chart-tooltip-meta{gap:6px;display:grid}.cn-chart-tooltip-item-label{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-chart-tooltip-item-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}}.cn-chart-tooltip-item-label{font-size:12px}.cn-chart-tooltip-item-value{color:var(--shadcn-ref-fg);font-family:var(--shadcn-ref-font-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.cn-chart-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding-top:12px;display:flex}.cn-chart-legend[data-align=top]{padding-top:0;padding-bottom:12px}.cn-chart-legend-item{color:var(--shadcn-ref-fg);align-items:center;gap:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-chart-legend-item{color:color-mix(in srgb, var(--shadcn-ref-fg) 70%, transparent)}}.cn-chart-legend-item{font-size:12px}.cn-chart-legend-swatch{border-radius:2px;flex:none;width:8px;height:8px}.shadcn-ref-data-table-shell{width:min(100%,42rem);margin:0 auto}.shadcn-ref-data-table-toolbar{align-items:center;gap:12px;padding:16px 0;display:flex}.shadcn-ref-data-table-filter{max-width:20rem}.shadcn-ref-data-table-columns-trigger{margin-left:auto}.shadcn-ref-data-table-column-item{text-transform:capitalize}.shadcn-ref-data-table-frame{border:1px solid var(--shadcn-ref-fg);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-data-table-frame{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-data-table-frame{border-radius:12px}.shadcn-ref-data-table-status{text-transform:capitalize}.shadcn-ref-data-table-email{text-transform:lowercase}.shadcn-ref-data-table-amount{text-align:right;font-weight:500}.shadcn-ref-data-table-sort-button{min-height:28px;padding-inline:8px}.shadcn-ref-data-table-empty{text-align:center;height:96px}.shadcn-ref-data-table-footer{justify-content:flex-end;align-items:center;gap:12px;padding:16px 0 0;display:flex}.shadcn-ref-data-table-selection{color:var(--shadcn-ref-fg);flex:1}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-data-table-selection{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}}.shadcn-ref-data-table-selection{font-size:14px}.shadcn-ref-data-table-pagination{gap:8px;display:flex}.shadcn-ref-direction-grid{gap:16px;display:grid}.shadcn-ref-direction-shell{width:100%}.shadcn-ref-direction-card{min-height:220px}.shadcn-ref-direction-card__content{gap:16px;display:grid}.shadcn-ref-direction-card__footer{justify-content:flex-end;gap:8px;display:flex}.shadcn-ref-direction-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.shadcn-ref-direction-label{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-direction-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-direction-label{font-size:14px}.shadcn-ref-direction-pill{border:1px solid var(--shadcn-ref-fg);justify-content:center;align-items:center;min-width:48px;height:24px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-direction-pill{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.shadcn-ref-direction-pill{background:var(--shadcn-ref-muted);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-direction-pill{background:color-mix(in srgb, var(--shadcn-ref-muted) 80%, var(--shadcn-ref-bg))}}.shadcn-ref-direction-pill{color:var(--shadcn-ref-fg);padding:0 10px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-direction-pill{color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent)}}.shadcn-ref-direction-pill{text-transform:uppercase;font-size:12px;font-weight:500}.shadcn-ref-direction-status{border:1px solid var(--shadcn-ref-fg);align-items:center;gap:10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-direction-status{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.shadcn-ref-direction-status{background:var(--shadcn-ref-muted);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-direction-status{background:color-mix(in srgb, var(--shadcn-ref-muted) 80%, var(--shadcn-ref-bg))}}.shadcn-ref-direction-status{color:var(--shadcn-ref-fg);padding:10px 14px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-direction-status{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-direction-status{font-size:14px}.shadcn-ref-direction-status strong{color:var(--shadcn-ref-fg);text-transform:uppercase;font-weight:600}.shadcn-ref-chart-shell{width:min(100%,40rem);margin:0 auto}.shadcn-ref-chart-frame{width:100%;min-height:200px}.shadcn-ref-chart-tooltip-label{width:8rem}.cn-typography,.cn-typography-large,.cn-typography-lead,.cn-typography-muted,.cn-typography-small{font-family:var(--shadcn-ref-font-sans)}.cn-typography{width:min(100%,42rem);color:var(--shadcn-ref-fg);margin:0 auto;font-size:16px;line-height:1.75}.cn-typography>:first-child{margin-top:0}.cn-typography>:last-child{margin-bottom:0}.cn-typography :where(h1,h2,h3,h4){color:var(--shadcn-ref-fg);letter-spacing:-.025em;text-wrap:balance;margin:2rem 0 1rem;font-weight:600}.cn-typography h1{font-size:clamp(2rem,5vw,2.25rem);line-height:1.1}.cn-typography h2{border-bottom:1px solid var(--shadcn-ref-fg);margin-top:3rem}@supports (color:color-mix(in lab, red, red)){.cn-typography h2{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-typography h2{padding-bottom:.5rem;font-size:1.5rem;line-height:1.25}.cn-typography h3{font-size:1.25rem;line-height:1.4}.cn-typography h4{font-size:1rem;line-height:1.5}.cn-typography p{color:var(--shadcn-ref-fg);margin:1.25rem 0 0}@supports (color:color-mix(in lab, red, red)){.cn-typography p{color:color-mix(in srgb, var(--shadcn-ref-fg) 84%, transparent)}}.cn-typography a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--shadcn-ref-fg);-webkit-text-decoration-color:var(--shadcn-ref-fg);-webkit-text-decoration-color:var(--shadcn-ref-fg);text-decoration-color:var(--shadcn-ref-fg);font-weight:500}@supports (color:color-mix(in lab, red, red)){.cn-typography a{-webkit-text-decoration-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent);text-decoration-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent)}}.cn-typography a{text-underline-offset:3px}.cn-typography blockquote{border-inline-start:2px solid var(--shadcn-ref-fg);margin:1.5rem 0 0}@supports (color:color-mix(in lab, red, red)){.cn-typography blockquote{border-inline-start:2px solid color-mix(in srgb, var(--shadcn-ref-fg) 18%, transparent)}}.cn-typography blockquote{color:var(--shadcn-ref-fg);padding-inline-start:1rem}@supports (color:color-mix(in lab, red, red)){.cn-typography blockquote{color:color-mix(in srgb, var(--shadcn-ref-fg) 88%, transparent)}}.cn-typography blockquote{font-style:italic}.cn-typography ul{color:var(--shadcn-ref-fg);margin:1.5rem 0 0;padding-inline-start:1.5rem}@supports (color:color-mix(in lab, red, red)){.cn-typography ul{color:color-mix(in srgb, var(--shadcn-ref-fg) 84%, transparent)}}.cn-typography li{margin-top:.5rem}.cn-typography code{border:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-typography code{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-typography code{background:var(--shadcn-ref-muted);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.cn-typography code{background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg))}}.cn-typography code{font-family:var(--shadcn-ref-font-mono);padding:.15rem .4rem;font-size:.875em;font-weight:600}.cn-typography-table-wrap{width:100%;margin-top:1.5rem;overflow-x:auto}.cn-typography table{border-collapse:collapse;width:100%;font-size:.875rem}.cn-typography thead{border-bottom:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-typography thead{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-typography tbody tr{border-bottom:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-typography tbody tr{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent)}}.cn-typography th,.cn-typography td{text-align:left;padding:.75rem 0}.cn-typography th{color:var(--shadcn-ref-fg);font-weight:600}.cn-typography-lead{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.cn-typography-lead{color:color-mix(in srgb, var(--shadcn-ref-fg) 68%, transparent)}}.cn-typography-lead{font-size:1.25rem;line-height:1.75rem}.cn-typography-large{color:var(--shadcn-ref-fg);font-size:1.125rem;font-weight:600;line-height:1.75rem}.cn-typography-small{color:var(--shadcn-ref-fg);font-size:.875rem;font-weight:500;line-height:1.25rem}.cn-typography-muted{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.cn-typography-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-typography-muted{font-size:.875rem;line-height:1.5}.shadcn-ref-typography-scale{gap:20px;display:grid}.shadcn-ref-typography-scale section{gap:8px;display:grid}@media (hover:hover){.cn-typography a:hover{text-decoration-color:currentColor}}.cn-textarea{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;min-height:64px;color:var(--shadcn-ref-fg);resize:vertical;field-sizing:content;border-radius:12px;outline:none;padding:8px 12px;font-size:14px;line-height:1.5;transition:border-color .1s,box-shadow .1s,background-color .1s,color .1s}.cn-textarea::placeholder{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-textarea::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-textarea:focus-visible{border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-textarea:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-textarea:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-textarea:disabled{cursor:default}.cn-field[data-invalid] .cn-textarea,.cn-textarea[aria-invalid=true]{border-color:var(--shadcn-ref-destructive-text)}.cn-toggle{color:var(--shadcn-ref-fg);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:8px;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s;display:inline-flex}.cn-toggle svg{pointer-events:none;flex:none;width:1rem;height:1rem}.cn-toggle-size-sm{min-height:28px;padding:0 10px;font-size:12px}.cn-toggle-size-default{min-height:32px;padding:0 12px;font-size:14px}.cn-toggle-size-lg{min-height:36px;padding:0 14px;font-size:14px}.cn-toggle-variant-default{background:0 0}.cn-toggle-variant-outline{border:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-toggle-variant-outline{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-toggle-variant-outline{background:0 0}.cn-toggle[aria-pressed=true]{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-toggle[aria-pressed=true]{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, var(--shadcn-ref-bg))}}.cn-toggle-variant-outline[aria-pressed=true]{border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-toggle-variant-outline[aria-pressed=true]{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-toggle:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-toggle:disabled{opacity:.5;pointer-events:none}.cn-toggle[aria-pressed=true] .shadcn-ref-toggle-fill-icon{fill:currentColor}.cn-toggle[aria-pressed=true] .shadcn-ref-toggle-weight-label{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-toggle[aria-pressed=true] .shadcn-ref-toggle-weight-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 78%, transparent)}}.cn-toggle-group{align-items:center;gap:var(--cn-toggle-gap,0px);flex-direction:row;width:fit-content;display:flex}.cn-toggle-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.cn-toggle-group-item{flex-shrink:0}.cn-toggle-group-item:focus,.cn-toggle-group-item:focus-visible{z-index:1;position:relative}.cn-toggle-group[data-orientation=horizontal] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]{border-left-width:0;border-radius:0}.cn-toggle-group[data-orientation=horizontal] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:first-child{border-left-width:1px;border-top-left-radius:12px;border-bottom-left-radius:12px}.cn-toggle-group[data-orientation=horizontal] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.cn-toggle-group[data-orientation=vertical] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]{border-top-width:0;border-radius:0}.cn-toggle-group[data-orientation=vertical] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:first-child{border-top-width:1px;border-top-left-radius:12px;border-top-right-radius:12px}.cn-toggle-group[data-orientation=vertical] .cn-toggle-group-item[data-spacing="0"][data-variant=outline]:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}@media (hover:hover){.cn-checkbox:hover:not(:disabled):not([data-disabled]){border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-checkbox:hover:not(:disabled):not([data-disabled]){border-color:color-mix(in srgb, var(--shadcn-ref-fg) 32%, transparent)}}.cn-radio-group-item:hover:not(:disabled):not([data-disabled]){border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-radio-group-item:hover:not(:disabled):not([data-disabled]){border-color:color-mix(in srgb, var(--shadcn-ref-fg) 34%, transparent)}}.cn-table-body .cn-table-row:hover{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-table-body .cn-table-row:hover{background:color-mix(in srgb, var(--shadcn-ref-muted) 58%, var(--shadcn-ref-bg))}}.cn-toggle:hover:not(:disabled){background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}}.cn-toggle-variant-outline:hover:not(:disabled){border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-toggle-variant-outline:hover:not(:disabled){border-color:color-mix(in srgb, var(--shadcn-ref-fg) 14%, transparent)}}}.cn-input{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;min-height:32px;color:var(--shadcn-ref-fg);border-radius:10px;padding:4px 10px;font-size:14px;line-height:1.4;transition:border-color .1s,box-shadow .1s,background-color .1s,color .1s}.cn-input::placeholder{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-input::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-input:focus-visible{border-color:var(--shadcn-ref-fg);outline:none}@supports (color:color-mix(in lab, red, red)){.cn-input:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-input:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-input[aria-invalid=true],.cn-input[aria-invalid=""]{border-color:var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-input[aria-invalid=true],.cn-input[aria-invalid=""]{border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent)}}.cn-input[aria-invalid=true],.cn-input[aria-invalid=""]{box-shadow:0 0 0 3px var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-input[aria-invalid=true],.cn-input[aria-invalid=""]{box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}}.cn-input:disabled{cursor:not-allowed;opacity:.5}.cn-input::file-selector-button{min-height:24px;color:inherit;background:0 0;border:0;align-items:center;margin-right:10px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.cn-input-group{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;color:var(--shadcn-ref-fg);border-radius:10px;flex-wrap:wrap;align-items:stretch;transition:border-color .1s,box-shadow .1s,background-color .1s;display:flex;position:relative;overflow:hidden}.cn-input-group:focus-within{border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-input-group:focus-within{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-input-group:focus-within{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-input-group-addon{min-height:32px;color:var(--shadcn-ref-fg);flex:none;justify-content:center;align-items:center;gap:6px;padding-inline:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-input-group-addon{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-input-group-addon{cursor:text;-webkit-user-select:none;user-select:none}.cn-input-group-addon:empty{display:none}.cn-input-group-addon svg{flex:none;width:16px;height:16px}.cn-input-group-addon:has(.cn-input-group-button){gap:4px;padding-inline:4px}.cn-input-group-addon[data-align=inline-start]{order:0}.cn-input-group-addon[data-align=inline-end]{order:2}.cn-input-group-addon[data-align=block-start],.cn-input-group-addon[data-align=block-end]{background:var(--shadcn-ref-muted);justify-content:flex-start;width:100%;min-height:36px;padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.cn-input-group-addon[data-align=block-start],.cn-input-group-addon[data-align=block-end]{background:color-mix(in srgb, var(--shadcn-ref-muted) 76%, var(--shadcn-ref-input-bg))}}.cn-input-group-addon[data-align=block-start]{border-bottom:1px solid var(--shadcn-ref-fg);order:0}@supports (color:color-mix(in lab, red, red)){.cn-input-group-addon[data-align=block-start]{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-input-group-addon[data-align=block-end]{border-top:1px solid var(--shadcn-ref-fg);order:2}@supports (color:color-mix(in lab, red, red)){.cn-input-group-addon[data-align=block-end]{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-input-group-input{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;order:1}.cn-input-group-textarea,.cn-input-group-custom-control{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:100%;order:1}.cn-input-group-input:focus-visible{box-shadow:none;border-color:#0000}.cn-input-group-textarea{resize:none;min-height:88px}.cn-input-group-textarea:focus-visible,.cn-input-group-custom-control:focus-visible{box-shadow:none;border-color:#0000;outline:none}.cn-input-group-button{box-shadow:none;border-radius:8px;flex:none}.cn-input-group-button svg{width:14px;height:14px}.cn-input-group-text{min-width:0;color:inherit;white-space:nowrap;align-items:center;gap:6px;font-size:14px;line-height:1.4;display:inline-flex}.cn-input-group-text svg{width:14px;height:14px}.cn-input-group-custom-control{width:100%;min-height:72px;color:var(--shadcn-ref-fg);resize:none;outline:none;padding:10px;font-size:14px;line-height:1.5;display:block}.cn-input-group-custom-control::placeholder{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-input-group-custom-control::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-native-select-wrapper{width:fit-content;min-width:0;max-width:100%;display:flex;position:relative}.cn-native-select-wrapper[data-size=default]{min-height:32px}.cn-native-select-wrapper[data-size=sm]{min-height:28px}.cn-native-select{appearance:none;border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:100%;min-width:0;color:var(--shadcn-ref-fg);text-align:left;white-space:nowrap;border-radius:10px;padding:0 32px 0 10px;font-size:14px;line-height:20px;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s}.cn-native-select[data-size=default]{min-height:32px}.cn-native-select[data-size=sm]{min-height:28px;padding-inline:8px 28px;font-size:13px}.cn-native-select:focus-visible{border-color:var(--shadcn-ref-fg);outline:none}@supports (color:color-mix(in lab, red, red)){.cn-native-select:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-native-select:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-field[data-invalid] .cn-native-select,.cn-native-select[aria-invalid=true],.cn-native-select[aria-invalid=""]{border-color:var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-field[data-invalid] .cn-native-select,.cn-native-select[aria-invalid=true],.cn-native-select[aria-invalid=""]{border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent)}}.cn-field[data-invalid] .cn-native-select,.cn-native-select[aria-invalid=true],.cn-native-select[aria-invalid=""]{box-shadow:0 0 0 3px var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-field[data-invalid] .cn-native-select,.cn-native-select[aria-invalid=true],.cn-native-select[aria-invalid=""]{box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}}.cn-native-select:disabled{cursor:not-allowed;pointer-events:none}.cn-native-select-icon{width:16px;height:16px;color:var(--shadcn-ref-fg);inset-inline-end:10px;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.cn-native-select-icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-native-select-icon{pointer-events:none;translate:0 -50%}:where([dir=rtl]) .cn-native-select{text-align:right;padding:0 10px 0 32px}:where([dir=rtl]) .cn-native-select[data-size=sm]{padding:0 28px 0 8px}:where([dir=rtl]) .cn-native-select option,:where([dir=rtl]) .cn-native-select optgroup{direction:rtl}.cn-command{background:var(--shadcn-ref-bg);width:100%;height:100%;color:var(--shadcn-ref-fg);border-radius:12px;flex-direction:column;padding:4px;display:flex;overflow:hidden}.cn-command-dialog{width:min(100% - 2rem,28rem);padding:0;top:33.333%;overflow:hidden;transform:translate(-50%)}.cn-command-input-wrapper{padding:4px 4px 0}.cn-command-input-group{border-color:var(--shadcn-ref-fg);min-height:32px}@supports (color:color-mix(in lab, red, red)){.cn-command-input-group{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-command-input-group{background:var(--shadcn-ref-input-bg)}@supports (color:color-mix(in lab, red, red)){.cn-command-input-group{background:color-mix(in srgb, var(--shadcn-ref-input-bg) 90%, var(--shadcn-ref-bg))}}.cn-command-input-group{box-shadow:none}.cn-command-input-group .cn-input-group-addon{padding-inline-start:8px}.cn-command-input{width:100%;min-width:0;color:var(--shadcn-ref-fg);background:0 0;border:0;outline:none;padding:4px 10px 4px 0;font-size:14px;line-height:1.4}.cn-command-input::placeholder{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-command-input::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-command-input:focus-visible{outline:none}.cn-command-input-icon{opacity:.5;flex:none;width:16px;height:16px}.cn-command-list{outline:none;max-height:18rem;scroll-padding-block:4px;overflow:hidden auto}.cn-command-empty{color:var(--shadcn-ref-fg);padding:24px 8px}@supports (color:color-mix(in lab, red, red)){.cn-command-empty{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}}.cn-command-empty{text-align:center;font-size:14px}.cn-command-group{color:var(--shadcn-ref-fg);padding:4px;overflow:hidden}.cn-command-group [cmdk-group-heading]{color:var(--shadcn-ref-fg);padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.cn-command-group [cmdk-group-heading]{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-command-group [cmdk-group-heading]{font-size:12px;font-weight:500;line-height:1.25}.cn-command-separator{background:var(--shadcn-ref-fg);height:1px;margin-inline:-4px}@supports (color:color-mix(in lab, red, red)){.cn-command-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-command-item{cursor:default;width:100%;color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding:6px 8px;font-size:14px;line-height:1.35;display:flex;position:relative}.cn-command-item svg{flex:none;width:16px;height:16px}.cn-command-item[data-disabled=true]{pointer-events:none;opacity:.5}.cn-command-item[data-selected=true]{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-command-item[data-selected=true]{background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}}.cn-command-item[data-selected=true]{color:var(--shadcn-ref-fg)}.cn-command-item-indicator{opacity:0;margin-inline-start:auto}.cn-command-item[data-checked=true] .cn-command-item-indicator{opacity:1}.cn-command-shortcut{color:var(--shadcn-ref-fg);margin-inline-start:auto}@supports (color:color-mix(in lab, red, red)){.cn-command-shortcut{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-command-shortcut{letter-spacing:.12em;font-size:12px}.cn-command-item[data-selected=true] .cn-command-shortcut{color:var(--shadcn-ref-fg)}.cn-input-otp{align-items:center;gap:8px;display:flex}.cn-input-otp-input{outline:none}.cn-input-otp-group{border-radius:10px;align-items:center;display:flex}:is(.cn-input-otp-group:has([aria-invalid=true]),.cn-input-otp-group:has([aria-invalid=""])){box-shadow:0 0 0 3px var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){:is(.cn-input-otp-group:has([aria-invalid=true]),.cn-input-otp-group:has([aria-invalid=""])){box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}}.cn-input-otp-slot{border-top:1px solid var(--shadcn-ref-border);border-right:1px solid var(--shadcn-ref-border);border-bottom:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);width:32px;height:32px;color:var(--shadcn-ref-fg);justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .1s,box-shadow .1s,background-color .1s;display:flex;position:relative}.cn-input-otp-slot:first-child{border-left:1px solid var(--shadcn-ref-border);border-top-left-radius:10px;border-bottom-left-radius:10px}.cn-input-otp-slot:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.cn-input-otp-slot[aria-invalid=true],.cn-input-otp-slot[aria-invalid=""]{border-color:var(--shadcn-ref-destructive-text)}.cn-input-otp-slot[data-active=true]{z-index:1;border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-input-otp-slot[data-active=true]{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-input-otp-slot[data-active=true]{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-input-otp-slot[data-active=true][aria-invalid=true],.cn-input-otp-slot[data-active=true][aria-invalid=""]{border-color:var(--shadcn-ref-destructive-text);box-shadow:0 0 0 3px var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-input-otp-slot[data-active=true][aria-invalid=true],.cn-input-otp-slot[data-active=true][aria-invalid=""]{box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}}.cn-input-otp-caret{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cn-input-otp-caret-line{background:currentColor;width:1px;height:16px;animation:1s step-end infinite shadcn-ref-caret-blink}.cn-input-otp-separator{color:var(--shadcn-ref-fg);align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-input-otp-separator{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-input-otp-separator svg{width:16px;height:16px}.cn-combobox-positioner{isolation:isolate;z-index:50}.cn-combobox-trigger{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.cn-combobox-trigger-icon,.cn-combobox-clear-icon,.cn-combobox-item-indicator-icon,.cn-combobox-chip-indicator-icon{flex:none;width:16px;height:16px}.cn-combobox-trigger-icon,.cn-combobox-clear-icon{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-combobox-trigger-icon,.cn-combobox-clear-icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-combobox-trigger-button[data-pressed=true]{background:0 0}.cn-combobox-input{width:100%}.cn-combobox-content{transform-origin:var(--transform-origin);width:min(var(--anchor-width), calc(100vw - 2rem));background:var(--shadcn-ref-bg);min-width:min(14rem,100vw - 2rem);max-width:min(24rem,100vw - 2rem);color:var(--shadcn-ref-fg);box-shadow:0 12px 32px var(--shadcn-ref-tooltip-bg), inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:12px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cn-combobox-content{box-shadow:0 12px 32px color-mix(in srgb, var(--shadcn-ref-tooltip-bg) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-combobox-content[data-chips=true]{min-width:min(var(--anchor-width), calc(100vw - 2rem))}.cn-combobox-content .cn-input-group{border-color:var(--shadcn-ref-fg);margin:4px;margin-bottom:0}@supports (color:color-mix(in lab, red, red)){.cn-combobox-content .cn-input-group{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-combobox-content .cn-input-group{background:var(--shadcn-ref-input-bg)}@supports (color:color-mix(in lab, red, red)){.cn-combobox-content .cn-input-group{background:color-mix(in srgb, var(--shadcn-ref-input-bg) 90%, var(--shadcn-ref-bg))}}.cn-combobox-content .cn-input-group{box-shadow:none}.cn-combobox-list{max-height:min(15.75rem, calc(var(--available-height) - 2.25rem));overscroll-behavior:contain;padding:4px;scroll-padding-block:4px;overflow-y:auto}.cn-combobox-empty{width:100%;color:var(--shadcn-ref-fg);justify-content:center;padding:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-combobox-empty{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-combobox-empty{text-align:center;font-size:14px}.cn-combobox-group{display:grid}.cn-combobox-label{color:var(--shadcn-ref-fg);padding:6px 8px}@supports (color:color-mix(in lab, red, red)){.cn-combobox-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-combobox-label{font-size:12px;line-height:1.25}.cn-combobox-separator{background:var(--shadcn-ref-fg);height:1px;margin:4px 0}@supports (color:color-mix(in lab, red, red)){.cn-combobox-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-combobox-item{cursor:default;width:100%;color:var(--shadcn-ref-fg);text-align:left;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding-block:6px;padding-inline:10px 32px;font-size:14px;line-height:1.35;display:flex;position:relative}.cn-combobox-item svg{flex:none;width:16px;height:16px}.cn-combobox-item[data-highlighted]{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-combobox-item[data-highlighted]{background:color-mix(in srgb, var(--shadcn-ref-muted) 84%, var(--shadcn-ref-bg))}}.cn-combobox-item[data-disabled]{opacity:.5;pointer-events:none}.cn-combobox-item-indicator{width:16px;height:16px;color:var(--shadcn-ref-fg);inset-inline-end:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%}@supports (color:color-mix(in lab, red, red)){.cn-combobox-item-indicator{color:color-mix(in srgb, var(--shadcn-ref-fg) 70%, transparent)}}.cn-combobox-item-indicator{translate:0 -50%}.cn-combobox-chips{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:32px;padding:4px 6px;transition:border-color .1s,box-shadow .1s,background-color .1s;display:flex}.cn-combobox-chips:focus-within{border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-combobox-chips:focus-within{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-combobox-chips:focus-within{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-combobox-chips:has([aria-invalid=true]){border-color:var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-combobox-chips:has([aria-invalid=true]){border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent)}}.cn-combobox-chips:has([aria-invalid=true]){box-shadow:0 0 0 3px var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-combobox-chips:has([aria-invalid=true]){box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}}.cn-combobox-chip{background:var(--shadcn-ref-muted);border-radius:6px;align-items:center;gap:4px;max-width:100%;min-height:21px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-combobox-chip{background:color-mix(in srgb, var(--shadcn-ref-muted) 90%, var(--shadcn-ref-bg))}}.cn-combobox-chip{color:var(--shadcn-ref-fg);white-space:nowrap;padding:0 6px;font-size:12px;font-weight:500;line-height:1}.cn-combobox-chip:has([data-slot=combobox-chip-remove]){padding-inline-end:0}.cn-combobox-chip-remove{opacity:.5;width:18px;min-width:18px;height:18px;min-height:18px;margin-inline-start:-4px}.cn-combobox-chip-input{min-width:4rem;color:var(--shadcn-ref-fg);background:0 0;border:0;outline:none;flex:4rem;padding:2px 4px;font-size:14px;line-height:1.4}.cn-combobox-chip-input::placeholder{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-combobox-chip-input::placeholder{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-combobox-chip-input:focus-visible{outline:none}.cn-calendar{--cell-size:2rem;--cell-radius:.5rem;background:var(--shadcn-ref-bg);width:fit-content;color:var(--shadcn-ref-fg);padding:12px}.cn-calendar-root{width:fit-content}.cn-calendar-months{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.cn-calendar-months{flex-direction:row}}.cn-calendar-month{flex-direction:column;gap:16px;width:100%;display:flex;position:relative}.cn-calendar-nav{inset-inline:0;justify-content:space-between;align-items:center;gap:4px;display:flex;position:absolute;top:0}.cn-calendar-nav-button{width:var(--cell-size);min-width:var(--cell-size);height:var(--cell-size);min-height:var(--cell-size);padding:0}.cn-calendar-nav-button:disabled{opacity:.5}.cn-calendar-month-caption{width:100%;height:var(--cell-size);padding-inline:var(--cell-size);justify-content:center;align-items:center;display:flex}.cn-calendar-dropdowns{width:100%;height:var(--cell-size);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.cn-calendar-dropdown-root{border-radius:var(--cell-radius);position:relative}.cn-calendar-dropdown-root[data-disabled=true]{opacity:.5}.cn-calendar-dropdown{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cn-calendar-caption-label{-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500;line-height:1}.cn-calendar-caption-label--dropdown{border-radius:var(--cell-radius);align-items:center;gap:4px;padding:0 4px 0 8px;display:inline-flex}.cn-calendar-caption-label svg{width:14px;height:14px;color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-calendar-caption-label svg{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-calendar-table{border-collapse:collapse;width:100%}.cn-calendar-weekdays{display:flex}.cn-calendar-weekday{width:var(--cell-size);height:var(--cell-size);border-radius:var(--cell-radius);color:var(--shadcn-ref-fg);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-calendar-weekday{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-calendar-weekday{-webkit-user-select:none;user-select:none;font-size:12px;font-weight:400}.cn-calendar-week{width:100%;margin-top:8px;display:flex}.cn-calendar-week-number-header,.cn-calendar-week-number{width:var(--cell-size);color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-calendar-week-number-header,.cn-calendar-week-number{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-calendar-week-number-header,.cn-calendar-week-number{text-align:center;-webkit-user-select:none;user-select:none;font-size:12px}.cn-calendar-week-number-cell{width:var(--cell-size);height:var(--cell-size);justify-content:center;align-items:center;display:flex}.cn-calendar-day{width:var(--cell-size);height:var(--cell-size);text-align:center;padding:0;position:relative}.cn-calendar-day-button{z-index:1;width:100%;min-width:var(--cell-size);height:100%;min-height:var(--cell-size);box-shadow:none;border:0;flex-direction:column;gap:2px;padding:0;font-weight:400;line-height:1;position:relative}.cn-calendar-day-button>span{opacity:.7;font-size:12px}.cn-calendar-day-button:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-calendar-day-button[data-selected-single],.cn-calendar-day-button[data-range-start],.cn-calendar-day-button[data-range-end]{background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg)}.cn-calendar-day-button[data-range-middle]{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg);border-radius:0}.cn-calendar-range-start,.cn-calendar-range-middle,.cn-calendar-range-end{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-calendar-range-start,.cn-calendar-range-middle,.cn-calendar-range-end{background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}}.cn-calendar-range-start{border-start-start-radius:var(--cell-radius);border-end-start-radius:var(--cell-radius)}.cn-calendar-range-end{border-start-end-radius:var(--cell-radius);border-end-end-radius:var(--cell-radius)}.cn-calendar-today .cn-calendar-day-button:not([data-selected-single]):not([data-range-start]):not([data-range-end]){background:var(--shadcn-ref-muted)}.cn-calendar-outside .cn-calendar-day-button{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-calendar-outside .cn-calendar-day-button{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-calendar-disabled .cn-calendar-day-button{cursor:not-allowed;opacity:.5}.cn-calendar-hidden{visibility:hidden}.cn-calendar-booked>.cn-calendar-day-button{text-decoration:line-through}.shadcn-ref-calendar-shell{justify-content:center;width:100%;display:flex}.shadcn-ref-calendar-frame{border:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-calendar-frame{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-calendar-frame{border-radius:12px}.shadcn-ref-calendar--flush{padding:0}.shadcn-ref-calendar-cell-sm{--cell-size:2.375rem}.shadcn-ref-calendar-cell-lg{--cell-size:2.75rem}.shadcn-ref-calendar-card{width:fit-content;max-width:100%}.shadcn-ref-calendar-card--sm{max-width:300px}.shadcn-ref-calendar-card--flush{gap:0;padding:0}.shadcn-ref-calendar-card-content--flush{padding:0}.shadcn-ref-calendar-presets-footer{flex-flow:wrap;gap:8px}.shadcn-ref-calendar-time-footer{flex-direction:column;align-items:stretch;gap:12px}.shadcn-ref-calendar-time-fields{gap:12px}.shadcn-ref-calendar-time-icon{width:16px;height:16px;color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-calendar-time-icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.shadcn-ref-calendar-time-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.cn-card{background:var(--shadcn-ref-bg);width:100%;color:var(--shadcn-ref-fg);box-shadow:inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:12px;flex-direction:column;gap:16px;padding:16px 0;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cn-card{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-card{font-size:14px}.cn-card[data-size=sm]{gap:12px;padding-top:12px;padding-bottom:12px}.cn-card-header{gap:4px;padding:0 16px;display:grid}.cn-card-header:has([data-slot=card-action]){grid-template-columns:1fr auto}:is(.cn-card-header:has([data-slot=card-action]) [data-slot=card-title],.cn-card-header:has([data-slot=card-action]) [data-slot=card-description]){grid-column:1}.cn-card[data-size=sm] .cn-card-header,.cn-card[data-size=sm] .cn-card-content{padding-left:12px;padding-right:12px}.cn-card-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-card[data-size=sm] .cn-card-title{font-size:14px}.cn-card-description{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-card-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-card-description{font-size:14px;line-height:1.45}.cn-card-action{grid-area:1/2/span 2;place-self:start end}.cn-card-content{padding:0 16px}.cn-card-footer{border-top:1px solid var(--shadcn-ref-fg);align-items:center;gap:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-card-footer{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-card-footer{background:var(--shadcn-ref-muted);border-bottom-right-radius:12px;border-bottom-left-radius:12px}@supports (color:color-mix(in lab, red, red)){.cn-card-footer{background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg))}}.cn-card-footer{padding:16px}.cn-card[data-size=sm] .cn-card-footer{padding:12px}.cn-dialog-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000001a;position:fixed;inset:0}.cn-dialog-content{z-index:50;background:var(--shadcn-ref-bg);width:min(100% - 2rem,384px);color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000024, inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:12px;gap:16px;padding:16px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.cn-dialog-content{box-shadow:0 24px 64px #00000024, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-dialog-close{position:absolute;top:8px;right:8px}.cn-dialog-header{flex-direction:column;gap:8px;display:flex}.cn-dialog-footer{border-top:1px solid var(--shadcn-ref-fg);flex-direction:column-reverse;gap:8px;margin:0 -16px -16px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-dialog-footer{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-dialog-footer{background:var(--shadcn-ref-muted);border-bottom-right-radius:12px;border-bottom-left-radius:12px}@supports (color:color-mix(in lab, red, red)){.cn-dialog-footer{background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg))}}.cn-dialog-footer{padding:16px}.cn-dialog-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1}.cn-dialog-description{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-dialog-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-dialog-description{font-size:14px;line-height:1.45}.cn-dialog-description a{color:inherit;text-underline-offset:3px}.cn-dialog-description a:hover{color:var(--shadcn-ref-fg)}.cn-alert-dialog-overlay{isolation:isolate;z-index:50;background:#00000029;position:fixed;inset:0}.cn-alert-dialog-content{z-index:50;background:var(--shadcn-ref-bg);width:min(100% - 2rem,420px);color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000029, inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:16px;gap:24px;padding:24px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.cn-alert-dialog-content{box-shadow:0 24px 64px #00000029, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-alert-dialog-content{outline:none}.cn-alert-dialog-content[data-size=sm]{gap:20px;width:min(100% - 2rem,352px);padding:20px}.cn-alert-dialog-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.cn-alert-dialog-footer{flex-direction:column-reverse;gap:8px;display:flex}.cn-alert-dialog-content[data-size=sm] .cn-alert-dialog-footer{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cn-alert-dialog-footer>*{width:100%}.cn-alert-dialog-media{background:var(--shadcn-ref-muted);border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-alert-dialog-media{background:color-mix(in srgb, var(--shadcn-ref-muted) 82%, var(--shadcn-ref-bg))}}.cn-alert-dialog-media{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-alert-dialog-media{color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent)}}.cn-alert-dialog-media svg{width:20px;height:20px}.cn-alert-dialog-title{color:var(--shadcn-ref-fg);letter-spacing:-.01em;font-size:18px;font-weight:500;line-height:1.2}.cn-alert-dialog-description{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-alert-dialog-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-alert-dialog-description{font-size:14px;line-height:1.55}.cn-alert-dialog-description a{color:inherit;text-underline-offset:3px;text-decoration:underline}.cn-alert-dialog-description a:hover{color:var(--shadcn-ref-fg)}.shadcn-ref-alert-dialog-media-destructive{background:var(--shadcn-ref-destructive)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-alert-dialog-media-destructive{background:color-mix(in srgb, var(--shadcn-ref-destructive) 12%, var(--shadcn-ref-bg))}}.shadcn-ref-alert-dialog-media-destructive{color:var(--shadcn-ref-destructive)}@media (width>=640px){.cn-dialog-footer{flex-direction:row;justify-content:flex-end}.cn-alert-dialog-footer,.cn-alert-dialog-content[data-size=sm] .cn-alert-dialog-footer{flex-direction:row;justify-content:flex-end;display:flex}.cn-alert-dialog-footer>*{width:auto}}.shadcn-ref-popover-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:12rem;display:flex;position:relative;overflow:visible}.shadcn-ref-popover-stage--align{min-height:10rem}.shadcn-ref-popover-stage--form{min-height:17rem}.shadcn-ref-popover-stage--rtl{min-height:20rem}.shadcn-ref-popover-row{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.shadcn-ref-popover-row--rtl{justify-content:flex-end}.shadcn-ref-popover-narrow{width:10rem}.shadcn-ref-popover-form{width:16rem}.shadcn-ref-popover-field-group{gap:16px}.shadcn-ref-popover-inline-label{width:50%;min-width:72px}.cn-font-heading{font-family:var(--shadcn-ref-font-sans)}.cn-popover-positioner{isolation:isolate;z-index:50;outline:none}.cn-popover-content{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px var(--shadcn-ref-fg), inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-popover-content{box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-popover-content{outline:none}.cn-popover-content>:where(p){color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.cn-popover-content>:where(p){color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-popover-content>:where(p){font-size:14px;line-height:1.45}.cn-popover-content-logical{max-inline-size:calc(100vw - 2rem)}.cn-popover-header{gap:4px;display:grid}.cn-popover-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-popover-description{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.cn-popover-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-popover-description{font-size:14px;line-height:1.45}.cn-resizable-panel-group{width:100%;height:100%;display:flex}.cn-resizable-panel-group[aria-orientation=vertical]{flex-direction:column}.cn-resizable-handle{background:var(--shadcn-ref-fg);flex-shrink:0;justify-content:center;align-items:center;width:1px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-resizable-handle{background:color-mix(in srgb, var(--shadcn-ref-fg) 14%, transparent)}}.cn-resizable-handle:after{content:"";inset-block:0;width:4px;position:absolute;left:50%;transform:translate(-50%)}.cn-resizable-handle[aria-orientation=horizontal]{width:100%;height:1px}.cn-resizable-handle[aria-orientation=horizontal]:after{inset-inline:0;width:auto;height:4px;top:50%;left:0;transform:translateY(-50%)}.cn-resizable-handle:focus-visible{box-shadow:0 0 0 2px var(--shadcn-ref-ring);outline:none}.cn-resizable-handle-icon{z-index:10;background:var(--shadcn-ref-bg);width:12px;height:40px;box-shadow:inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:999px;flex-shrink:0;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-resizable-handle-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 14%, transparent)}}.cn-resizable-handle-icon:before{content:"";background:radial-gradient(circle, var(--shadcn-ref-fg) 1px, transparent 1.5px) center / 4px 8px repeat-y;width:100%;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.cn-resizable-handle-icon:before{background:radial-gradient(circle, color-mix(in srgb, var(--shadcn-ref-fg) 26%, transparent) 1px, transparent 1.5px) center / 4px 8px repeat-y}}.cn-resizable-handle[aria-orientation=horizontal] .cn-resizable-handle-icon{width:40px;height:12px}.cn-resizable-handle[aria-orientation=horizontal] .cn-resizable-handle-icon:before{background-repeat:repeat-x;background-size:8px 4px}.shadcn-ref-resizable-shell{border:1px solid var(--shadcn-ref-fg);border-radius:12px;width:min(100%,24rem);height:200px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-resizable-shell{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-resizable-panel-frame{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.shadcn-ref-resizable-panel-frame span{color:var(--shadcn-ref-fg);font-size:16px;font-weight:600;line-height:1.35}.shadcn-ref-drawer-stage{isolation:isolate;border:1px dashed var(--shadcn-ref-fg);width:min(100%,26rem);min-height:360px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-drawer-stage{border:1px dashed color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-drawer-stage{background:var(--shadcn-ref-muted);border-radius:18px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-drawer-stage{background:color-mix(in srgb, var(--shadcn-ref-muted) 38%, var(--shadcn-ref-bg))}}.shadcn-ref-drawer-stage{margin:0 auto}.shadcn-ref-drawer-stage--wide{width:min(100%,32rem)}.shadcn-ref-drawer-stage--compact{min-height:240px}.shadcn-ref-drawer-stage--responsive{width:min(100%,28rem);min-height:320px}.shadcn-ref-drawer-shell{width:min(100%,24rem);margin:0 auto}.shadcn-ref-drawer-copy{flex:1;padding:0 16px;overflow-y:auto}.shadcn-ref-drawer-copy p{color:var(--shadcn-ref-fg);margin:0 0 16px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-drawer-copy p{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-drawer-copy p{font-size:14px;line-height:1.45}.shadcn-ref-drawer-copy p:last-child{margin-bottom:0}.shadcn-ref-drawer-body{padding:0 16px}.shadcn-ref-drawer-goal-row{justify-content:center;align-items:center;gap:8px;display:flex}.shadcn-ref-drawer-goal-copy{text-align:center;flex:1}.shadcn-ref-drawer-goal-value{color:var(--shadcn-ref-fg);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(3rem,7vw,4.5rem);font-weight:700;line-height:.95}.shadcn-ref-drawer-goal-label{color:var(--shadcn-ref-fg);margin-top:4px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-drawer-goal-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}}.shadcn-ref-drawer-goal-label{letter-spacing:.08em;text-transform:uppercase;font-size:11px;line-height:1.2}.shadcn-ref-drawer-chart{height:120px;margin-top:12px}.shadcn-ref-drawer-round-button{border-radius:999px}.shadcn-ref-drawer-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shadcn-ref-drawer-trigger-capitalize{text-transform:capitalize}.shadcn-ref-drawer-profile-form{gap:24px;padding:16px;display:grid}.shadcn-ref-drawer-profile-form--compact{padding-top:0}.shadcn-ref-drawer-dialog-content{width:min(100%,425px)}.shadcn-ref-drawer-text-left{text-align:left}.shadcn-ref-drawer-footer--tight{padding-top:0}.cn-drawer-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000014;position:absolute;inset:0}.cn-drawer-content{z-index:50;background:var(--shadcn-ref-bg);width:100%;max-height:100%;color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000024, inset 0 0 0 1px var(--shadcn-ref-fg);flex-direction:column;gap:16px;padding:8px 0 16px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.cn-drawer-content{box-shadow:0 24px 64px #00000024, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-drawer-content[data-vaul-drawer-direction=bottom]{inset-inline:0;border-radius:16px 16px 0 0;bottom:0}.cn-drawer-content[data-vaul-drawer-direction=top]{inset-inline:0;border-radius:0 0 16px 16px;top:0}.cn-drawer-content[data-vaul-drawer-direction=right]{inset-block:0;border-radius:16px 0 0 16px;width:min(100%,24rem);right:0}.cn-drawer-content[data-vaul-drawer-direction=left]{inset-block:0;border-radius:0 16px 16px 0;width:min(100%,24rem);left:0}.cn-drawer-content[data-vaul-drawer-direction=top].shadcn-ref-drawer-content--side,.cn-drawer-content[data-vaul-drawer-direction=bottom].shadcn-ref-drawer-content--side{max-height:50%}.cn-drawer-handle{background:var(--shadcn-ref-fg);border-radius:999px;flex:none;width:48px;height:4px;display:none}@supports (color:color-mix(in lab, red, red)){.cn-drawer-handle{background:color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-drawer-handle{margin:0 auto}.cn-drawer-content[data-vaul-drawer-direction=bottom] .cn-drawer-handle{display:block}.cn-drawer-header{flex-direction:column;gap:8px;padding:0 16px;display:flex}.cn-drawer-footer{flex-direction:column;gap:8px;margin-top:auto;padding:0 16px;display:flex}.cn-drawer-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-drawer-description{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.cn-drawer-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-drawer-description{font-size:14px;line-height:1.45}.shadcn-ref-sheet-stage{border:1px solid var(--shadcn-ref-fg);border-radius:14px;justify-content:flex-start;align-items:flex-start;width:min(100%,28rem);min-height:20rem;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-sheet-stage{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-sheet-stage{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-sheet-stage{background:color-mix(in srgb, var(--shadcn-ref-muted) 30%, var(--shadcn-ref-bg))}}.shadcn-ref-sheet-stage--sm{width:100%;min-height:14rem}.shadcn-ref-sheet-stage--rtl{width:min(100%,28rem)}.shadcn-ref-sheet-side-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.shadcn-ref-sheet-trigger-capitalize{text-transform:capitalize}.shadcn-ref-sheet-form{gap:16px;padding:0 16px}.shadcn-ref-sheet-copy{margin:0;padding:0 16px;overflow-y:auto}.shadcn-ref-sheet-copy p{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-sheet-copy p{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-sheet-copy p{font-size:14px;line-height:1.45}.cn-sheet-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000014;position:absolute;inset:0}.cn-sheet-content{z-index:50;background:var(--shadcn-ref-bg);width:min(100%,24rem);color:var(--shadcn-ref-fg);box-shadow:0 24px 64px #00000024, inset 0 0 0 1px var(--shadcn-ref-fg);flex-direction:column;gap:16px;padding:16px 0;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.cn-sheet-content{box-shadow:0 24px 64px #00000024, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-sheet-content[data-side=right]{inset-block:0;right:0}.cn-sheet-content[data-side=left]{inset-block:0;left:0}.cn-sheet-content[data-side=top]{inset-inline:0;width:100%;max-height:50%;top:0}.cn-sheet-content[data-side=bottom]{inset-inline:0;width:100%;max-height:50%;bottom:0}.cn-sheet-close{position:absolute;top:8px;right:8px}.cn-sheet-header{flex-direction:column;gap:8px;padding:0 16px;display:flex}.cn-sheet-footer{border-top:1px solid var(--shadcn-ref-fg);flex-direction:column-reverse;gap:8px;margin-top:auto;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-sheet-footer{border-top:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-sheet-footer{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-sheet-footer{background:color-mix(in srgb, var(--shadcn-ref-muted) 78%, var(--shadcn-ref-bg))}}.cn-sheet-footer{padding:16px}.cn-sheet-title{color:var(--shadcn-ref-fg);font-size:16px;font-weight:500;line-height:1.35}.cn-sheet-description{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.cn-sheet-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-sheet-description{font-size:14px;line-height:1.45}@media (width>=640px){.shadcn-ref-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-drawer-footer,.cn-sheet-footer{flex-direction:row;justify-content:flex-end}}.cn-tabs{flex-direction:column;gap:12px;width:100%;display:flex}.cn-tabs[data-orientation=vertical]{flex-direction:row;align-items:flex-start;gap:16px}.cn-tabs-list{width:fit-content;color:var(--shadcn-ref-fg);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-tabs-list{color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent)}}.cn-tabs[data-orientation=vertical] .cn-tabs-list{flex-direction:column;align-items:stretch}.cn-tabs-list-variant-default{background:var(--shadcn-ref-muted);border-radius:10px;gap:2px;padding:3px}.cn-tabs-list-variant-line{background:0 0;gap:4px}.cn-tabs-trigger{height:calc(100% - 1px);min-height:30px;box-shadow:none;appearance:none;color:var(--shadcn-ref-fg);background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 12px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-tabs-trigger{color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent)}}.cn-tabs-trigger{cursor:pointer;white-space:nowrap;outline:none;font-size:14px;font-weight:500;line-height:20px;transition:background-color .1s,color .1s,box-shadow .1s,border-color .1s}.cn-tabs[data-orientation=vertical] .cn-tabs-trigger{justify-content:flex-start;width:100%}.cn-tabs-trigger:hover{color:var(--shadcn-ref-fg)}.cn-tabs-trigger:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-tabs-trigger[data-active]{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:none}.cn-tabs-list[data-variant=line] .cn-tabs-trigger{background:0 0;border-radius:0;flex:none;padding-inline:8px}.cn-tabs-list[data-variant=line] .cn-tabs-trigger[data-active]{box-shadow:none}.cn-tabs-list[data-variant=line] .cn-tabs-trigger:after{content:"";background:var(--shadcn-ref-fg);opacity:0;inset-inline:0;height:2px;transition:opacity .1s;position:absolute;bottom:-5px}.cn-tabs[data-orientation=vertical] .cn-tabs-list[data-variant=line] .cn-tabs-trigger:after{width:2px;height:auto;inset-block:0;inset-inline:auto -4px}.cn-tabs-list[data-variant=line] .cn-tabs-trigger[data-active]:after{opacity:1}.cn-tabs-trigger:disabled,.cn-tabs-trigger[aria-disabled=true]{pointer-events:none;cursor:default;opacity:.5}.cn-tabs-trigger svg{flex:none;width:16px;height:16px}.cn-tabs-content{outline:none;flex:1}.shadcn-ref-tabs-stage{justify-content:center;display:flex}.shadcn-ref-tabs-demo{width:min(100%,25rem)}.shadcn-ref-tabs-vertical,.shadcn-ref-tabs-rtl{width:min(100%,24rem)}.shadcn-ref-copy-muted{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-copy-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-copy-muted{font-size:14px;line-height:1.45}.cn-select-trigger{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);color:var(--shadcn-ref-fg);text-align:left;white-space:nowrap;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:14px;line-height:20px;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s;display:flex}.cn-select-trigger[data-size=default]{min-height:32px}.cn-select-trigger[data-size=sm]{border-radius:10px;min-height:28px;padding-inline:8px;font-size:13px}.cn-select-trigger:focus-visible{border-color:var(--shadcn-ref-fg);outline:none}@supports (color:color-mix(in lab, red, red)){.cn-select-trigger:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-select-trigger:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-select-trigger[aria-invalid=true],.cn-select-trigger[aria-invalid=""]{border-color:var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-select-trigger[aria-invalid=true],.cn-select-trigger[aria-invalid=""]{border-color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 55%, transparent)}}.cn-select-trigger[aria-invalid=true],.cn-select-trigger[aria-invalid=""]{box-shadow:0 0 0 3px var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-select-trigger[aria-invalid=true],.cn-select-trigger[aria-invalid=""]{box-shadow:0 0 0 3px color-mix(in srgb, var(--shadcn-ref-destructive-text) 14%, transparent)}}.cn-select-trigger:disabled,.cn-select-trigger[data-disabled]{cursor:not-allowed;opacity:.5}.cn-select-trigger[data-placeholder],.cn-select-value[data-placeholder]{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-select-trigger[data-placeholder],.cn-select-value[data-placeholder]{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-select-value{text-align:left;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.cn-select-trigger__icon{width:16px;height:16px;color:var(--shadcn-ref-fg);flex:none}@supports (color:color-mix(in lab, red, red)){.cn-select-trigger__icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-select-content{isolation:isolate;z-index:50;width:var(--anchor-width);min-width:9rem;max-height:var(--available-height);background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px var(--shadcn-ref-fg), inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:10px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cn-select-content{box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-select-content--scroll{max-height:13rem}.cn-select-list{max-height:inherit;position:relative;overflow:hidden auto}.cn-select-group{margin-block:4px;padding:4px}.cn-select-label{color:var(--shadcn-ref-fg);padding:4px 6px;font-size:12px;line-height:16px}@supports (color:color-mix(in lab, red, red)){.cn-select-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-select-item{width:100%;color:inherit;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;gap:6px;padding:4px 32px 4px 6px;font-size:14px;line-height:20px;display:flex;position:relative}.cn-select-item[data-highlighted]{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.cn-select-item[data-disabled]{pointer-events:none;opacity:.5}.cn-select-item__text{white-space:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cn-select-item__indicator{pointer-events:none;opacity:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;right:8px}.cn-select-item__indicator[data-selected]{opacity:1}.cn-select-item__indicator svg{width:16px;height:16px}.cn-avatar{background:var(--shadcn-ref-muted);-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.cn-avatar[data-size=sm]{width:24px;height:24px}.cn-avatar[data-size=lg]{width:40px;height:40px}.cn-avatar:after{content:"";border:1px solid var(--shadcn-ref-fg);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.cn-avatar:after{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-avatar:after{border-radius:inherit;pointer-events:none}.cn-avatar-image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.cn-avatar-fallback{border-radius:inherit;background:var(--shadcn-ref-muted);width:100%;height:100%;color:var(--shadcn-ref-fg);justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-avatar-fallback{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-avatar-fallback{font-size:14px;line-height:20px}.cn-avatar[data-size=sm] .cn-avatar-fallback{font-size:12px}.cn-avatar-badge{z-index:10;background:var(--shadcn-ref-muted);border-radius:999px;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex;position:absolute;bottom:0;right:0}@supports (color:color-mix(in lab, red, red)){.cn-avatar-badge{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, white)}}.cn-avatar-badge{box-shadow:0 0 0 2px var(--shadcn-ref-bg);color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-avatar-badge{color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent)}}:where([dir=rtl]) .cn-avatar-badge{left:0;right:auto}.cn-avatar-badge svg,.cn-avatar[data-size=sm] .cn-avatar-badge{width:8px;height:8px}.cn-avatar[data-size=sm] .cn-avatar-badge svg{width:0;height:0}.cn-avatar[data-size=lg] .cn-avatar-badge{width:12px;height:12px}.cn-avatar-group{align-items:center;display:flex}.cn-avatar-group>[data-slot=avatar],.cn-avatar-group>[data-slot=avatar-group-count]{box-shadow:0 0 0 2px var(--shadcn-ref-bg)}.cn-avatar-group>:not(:first-child){margin-inline-start:-8px}.cn-avatar-group-count{background:var(--shadcn-ref-muted);width:32px;height:32px;color:var(--shadcn-ref-fg);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.cn-avatar-group-count{color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent)}}.cn-avatar-group-count{font-family:var(--shadcn-ref-font-sans);font-size:12px;font-weight:500;line-height:16px}.cn-avatar-group-count svg{width:14px;height:14px}.shadcn-ref-avatar-row,.shadcn-ref-badge-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shadcn-ref-avatar-menu{width:8rem}.shadcn-ref-avatar-trigger{background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.shadcn-ref-menu-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:16rem;display:flex;position:relative;overflow:visible}.shadcn-ref-menu-stage--submenu{min-width:min(100%,28rem);min-height:18rem}.shadcn-ref-menu-stage--complex{min-width:min(100%,28rem);min-height:34rem}.shadcn-ref-menu-stage--rtl{min-width:min(100%,24rem);min-height:24rem}.cn-dropdown-menu-positioner{isolation:isolate;z-index:50;outline:none}.cn-dropdown-menu-content{isolation:isolate;z-index:50;width:max(var(--anchor-width), 8rem);min-width:8rem;max-height:var(--available-height);background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px var(--shadcn-ref-fg), inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:10px;padding:4px;position:relative;overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.cn-dropdown-menu-content{box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-dropdown-menu-content{outline:none}.cn-dropdown-menu-sub-content{width:auto;min-width:96px}.cn-dropdown-menu-label{color:var(--shadcn-ref-fg);align-items:center;padding:4px 6px;font-size:12px;font-weight:500;line-height:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-dropdown-menu-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-dropdown-menu-label[data-inset]{padding-inline-start:28px}.cn-dropdown-menu-item,.cn-dropdown-menu-sub-trigger,.cn-dropdown-menu-checkbox-item,.cn-dropdown-menu-radio-item{width:100%;color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;cursor:default;border-radius:6px;outline:none;align-items:center;gap:6px;padding:4px 6px;font-size:14px;line-height:20px;display:flex;position:relative}.cn-dropdown-menu-checkbox-item,.cn-dropdown-menu-radio-item{padding-inline-end:32px}.cn-dropdown-menu-item[data-inset],.cn-dropdown-menu-sub-trigger[data-inset],.cn-dropdown-menu-checkbox-item[data-inset],.cn-dropdown-menu-radio-item[data-inset]{padding-inline-start:28px}.cn-dropdown-menu-item svg,.cn-dropdown-menu-sub-trigger svg,.cn-dropdown-menu-checkbox-item svg,.cn-dropdown-menu-radio-item svg{width:16px;height:16px;color:var(--shadcn-ref-fg);flex:none}@supports (color:color-mix(in lab, red, red)){.cn-dropdown-menu-item svg,.cn-dropdown-menu-sub-trigger svg,.cn-dropdown-menu-checkbox-item svg,.cn-dropdown-menu-radio-item svg{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-dropdown-menu-sub-trigger__icon{margin-inline-start:auto}.cn-dropdown-menu-item[data-highlighted],.cn-dropdown-menu-item:focus-visible,.cn-dropdown-menu-sub-trigger[data-highlighted],.cn-dropdown-menu-sub-trigger[data-popup-open],.cn-dropdown-menu-sub-trigger[data-open],.cn-dropdown-menu-sub-trigger:focus-visible,.cn-dropdown-menu-checkbox-item[data-highlighted],.cn-dropdown-menu-checkbox-item:focus-visible,.cn-dropdown-menu-radio-item[data-highlighted],.cn-dropdown-menu-radio-item:focus-visible{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.cn-dropdown-menu-item[data-highlighted] svg,.cn-dropdown-menu-item:focus-visible svg,.cn-dropdown-menu-sub-trigger[data-highlighted] svg,.cn-dropdown-menu-sub-trigger[data-popup-open] svg,.cn-dropdown-menu-sub-trigger[data-open] svg,.cn-dropdown-menu-sub-trigger:focus-visible svg,.cn-dropdown-menu-checkbox-item[data-highlighted] svg,.cn-dropdown-menu-checkbox-item:focus-visible svg,.cn-dropdown-menu-radio-item[data-highlighted] svg,.cn-dropdown-menu-radio-item:focus-visible svg{color:var(--shadcn-ref-fg)}.cn-dropdown-menu-item[data-disabled],.cn-dropdown-menu-sub-trigger[data-disabled],.cn-dropdown-menu-checkbox-item[data-disabled],.cn-dropdown-menu-radio-item[data-disabled]{pointer-events:none;opacity:.5}.cn-dropdown-menu-item[data-variant=destructive],.cn-dropdown-menu-item[data-variant=destructive] svg,.cn-dropdown-menu-item[data-variant=destructive] .cn-dropdown-menu-shortcut{color:var(--shadcn-ref-destructive-text)}.cn-dropdown-menu-item[data-variant=destructive][data-highlighted],.cn-dropdown-menu-item[data-variant=destructive]:focus-visible{background:var(--shadcn-ref-destructive-bg);color:var(--shadcn-ref-destructive-text)}.cn-dropdown-menu-item-indicator{pointer-events:none;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;inset-inline-end:8px}.cn-dropdown-menu-item-indicator svg{width:16px;height:16px;color:inherit}.cn-dropdown-menu-separator{background:var(--shadcn-ref-fg);height:1px;margin:4px -4px}@supports (color:color-mix(in lab, red, red)){.cn-dropdown-menu-separator{background:color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-dropdown-menu-shortcut{color:var(--shadcn-ref-fg);margin-inline-start:auto}@supports (color:color-mix(in lab, red, red)){.cn-dropdown-menu-shortcut{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-dropdown-menu-shortcut{letter-spacing:.12em;white-space:nowrap;font-size:12px;line-height:16px}.cn-dropdown-menu-item[data-highlighted] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-item:focus-visible .cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger[data-highlighted] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger[data-popup-open] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger[data-open] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-checkbox-item[data-highlighted] .cn-dropdown-menu-shortcut,.cn-dropdown-menu-radio-item[data-highlighted] .cn-dropdown-menu-shortcut{color:var(--shadcn-ref-fg)}.cn-context-menu-trigger{outline:none;display:inline-flex}.cn-context-menu-content{width:auto;min-width:12rem}.cn-context-menu-sub-content{width:auto;min-width:11rem}.shadcn-ref-context-trigger-card{aspect-ratio:16/9;border:1px dashed var(--shadcn-ref-fg);border-radius:12px;justify-content:center;align-items:center;width:min(100%,20rem);display:flex}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-context-trigger-card{border:1px dashed color-mix(in srgb, var(--shadcn-ref-fg) 20%, transparent)}}.shadcn-ref-context-trigger-card{background:linear-gradient(180deg, var(--shadcn-ref-muted), var(--shadcn-ref-muted))}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-context-trigger-card{background:linear-gradient(180deg, color-mix(in srgb, var(--shadcn-ref-muted) 72%, transparent), color-mix(in srgb, var(--shadcn-ref-muted) 42%, transparent))}}.shadcn-ref-context-trigger-card{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-context-trigger-card{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.shadcn-ref-context-trigger-card{text-align:center;font-family:var(--shadcn-ref-font-sans);-webkit-user-select:none;user-select:none;padding:16px;font-size:14px;font-weight:500;line-height:20px}.shadcn-ref-context-trigger-fine,.shadcn-ref-context-trigger-coarse{font-family:inherit}.shadcn-ref-context-trigger-coarse{display:none}@media (pointer:coarse){.shadcn-ref-context-trigger-fine{display:none}.shadcn-ref-context-trigger-coarse{display:inline}}.shadcn-ref-context-menu-w-md{width:12rem}.shadcn-ref-context-menu-w-sm{width:11rem}.shadcn-ref-context-sides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=720px){.shadcn-ref-context-sides-grid{grid-template-columns:minmax(0,1fr)}}.cn-menubar{border:1px solid var(--shadcn-ref-fg);border-radius:10px;align-items:center;gap:2px;width:max-content;min-height:32px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-menubar{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 12%, transparent)}}.cn-menubar{background:var(--shadcn-ref-bg);box-shadow:inset 0 0 0 1px var(--shadcn-ref-fg);padding:3px}@supports (color:color-mix(in lab, red, red)){.cn-menubar{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 5%, transparent)}}.cn-menubar{font-family:var(--shadcn-ref-font-sans)}.cn-menubar-trigger{height:24px;color:var(--shadcn-ref-fg);-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;padding-inline:8px;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;display:flex}.cn-menubar-trigger[data-highlighted],.cn-menubar-trigger[data-popup-open],.cn-menubar-trigger[data-open],.cn-menubar-trigger:focus-visible{background:var(--shadcn-ref-muted)}.cn-menubar-content{width:auto;min-width:12rem}.cn-menubar-sub-content{width:auto;min-width:8rem}.shadcn-ref-menubar-width{width:min(100%,20rem)}.shadcn-ref-menubar-content-sm{width:11rem}.shadcn-ref-menubar-content-md{width:16rem}:where([dir=rtl]) .cn-rtl-flip{transform:rotate(180deg)}.shadcn-ref-navigation-stage{justify-content:center;align-items:flex-start;width:min(100%,42rem);min-height:20rem;display:flex;position:relative;overflow:visible}.cn-navigation-menu{flex:1;justify-content:center;align-items:center;max-width:max-content;display:flex;position:relative}.cn-navigation-menu-list{flex:1;justify-content:center;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cn-navigation-menu-item{position:relative}.cn-navigation-menu-trigger{width:max-content;min-height:36px;color:var(--shadcn-ref-fg);white-space:nowrap;background:0 0;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:14px;line-height:20px;display:inline-flex}.cn-navigation-menu-trigger[data-popup-open],.cn-navigation-menu-trigger[data-open],.cn-navigation-menu-trigger:hover{background:var(--shadcn-ref-muted)}.cn-navigation-menu-trigger-icon{color:var(--shadcn-ref-fg);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-navigation-menu-trigger-icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-navigation-menu-trigger-icon{transition:transform .15s,color .1s}.cn-navigation-menu-trigger-icon svg{width:16px;height:16px}.cn-navigation-menu-trigger[data-popup-open] .cn-navigation-menu-trigger-icon,.cn-navigation-menu-trigger[data-open] .cn-navigation-menu-trigger-icon{color:var(--shadcn-ref-fg);transform:rotate(180deg)}.cn-navigation-menu-positioner{isolation:isolate;z-index:50;width:var(--positioner-width);max-width:min(var(--available-width), calc(100vw - 2rem));height:var(--positioner-height);transition:top .35s,left .35s,right .35s,bottom .35s}.shadcn-ref-sonner-stage{justify-content:center;align-items:center;min-height:11rem;display:flex;position:relative;overflow:hidden}.shadcn-ref-sonner-stage--position{min-height:15rem}.shadcn-ref-sonner-actions{justify-content:center;width:100%;display:flex}.shadcn-ref-sonner-actions__row{justify-content:center}.cn-sonner-toaster[data-sonner-toaster]{max-width:calc(100% - 24px);font-family:var(--shadcn-ref-font-sans);pointer-events:none;z-index:20;position:absolute}.cn-sonner-toaster[data-sonner-toaster] [data-sonner-toast]{pointer-events:auto}.cn-toast[data-sonner-toast]{font-family:var(--shadcn-ref-font-sans)}.cn-sonner-icon-spin{animation:.9s linear infinite lab-spin}.tenx-toast-stage{isolation:isolate;justify-content:center;align-items:center;min-height:12rem;display:flex;position:relative;overflow:hidden}.tenx-toast-stage--position{min-height:14rem}.tenx-toast-stage__actions{justify-content:center;width:100%;display:flex}.tenx-toast-stage__actions-row{justify-content:center}.tenx-sonner-toaster[data-sonner-toaster]{pointer-events:none;z-index:20;max-width:calc(100% - 24px);position:absolute}.tenx-sonner-toaster[data-sonner-toaster] [data-sonner-toast]{pointer-events:auto}.tenx-sonner-toast[data-sonner-toast]{width:min(var(--width,22rem), calc(100vw - 2rem));border:1px solid var(--paper-border);background:radial-gradient(circle at top left, #5f6f9e3d, transparent 55%), var(--panel-bg-elevated);border-radius:1.125rem}@supports (color:color-mix(in lab, red, red)){.tenx-sonner-toast[data-sonner-toast]{background:radial-gradient(circle at top left, #5f6f9e3d, transparent 55%), color-mix(in srgb, var(--panel-bg-elevated) 86%, var(--paper-bg))}}.tenx-sonner-toast[data-sonner-toast]{color:var(--paper-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px #0d0c0c42}.tenx-sonner-title{color:var(--paper-text);letter-spacing:-.02em;font-weight:600}.tenx-sonner-description{color:var(--paper-text)}@supports (color:color-mix(in lab, red, red)){.tenx-sonner-description{color:color-mix(in srgb, var(--paper-text) 68%, transparent)}}.tenx-sonner-description{font-size:13px;line-height:1.5}.tenx-sonner-action,.tenx-sonner-cancel{border:1px solid var(--paper-border);background:var(--panel-bg-elevated);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.tenx-sonner-action,.tenx-sonner-cancel{background:color-mix(in srgb, var(--panel-bg-elevated) 82%, var(--paper-bg))}}.tenx-sonner-action,.tenx-sonner-cancel{color:var(--paper-text);font-weight:600;transition:background-color .14s,border-color .14s,transform .14s}.tenx-sonner-close{color:var(--paper-text);background:0 0;border:1px solid #0000}@supports (color:color-mix(in lab, red, red)){.tenx-sonner-close{color:color-mix(in srgb, var(--paper-text) 58%, transparent)}}.tenx-sonner-icon{color:var(--paper-text)}@supports (color:color-mix(in lab, red, red)){.tenx-sonner-icon{color:color-mix(in srgb, var(--paper-text) 88%, transparent)}}.tenx-sonner-icon-spin{animation:.9s linear infinite lab-spin}@media (hover:hover){.tenx-sonner-action:hover,.tenx-sonner-cancel:hover{border-color:var(--paper-border);background:var(--panel-bg-elevated)}@supports (color:color-mix(in lab, red, red)){.tenx-sonner-action:hover,.tenx-sonner-cancel:hover{background:color-mix(in srgb, var(--panel-bg-elevated) 96%, var(--paper-bg))}}.tenx-sonner-close:hover{color:var(--paper-text)}}.cn-navigation-menu-popup{width:var(--popup-width);height:var(--popup-height);max-width:min(var(--popup-width), calc(100vw - 2rem));transform-origin:var(--transform-origin);transition:opacity .35s,transform .35s,width .35s,height .35s;position:relative}.cn-navigation-menu-viewport{background:var(--shadcn-ref-bg);width:100%;height:100%;box-shadow:0 18px 40px #0000001f, inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:16px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cn-navigation-menu-viewport{box-shadow:0 18px 40px #0000001f, inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-navigation-menu-content{width:auto;height:100%}.cn-navigation-menu-link{width:100%;color:var(--shadcn-ref-fg);border-radius:12px;outline:none;align-items:center;gap:8px;padding:12px;text-decoration:none;display:flex}.cn-navigation-menu-link:hover,.cn-navigation-menu-link:focus-visible{background:var(--shadcn-ref-muted)}.cn-navigation-menu-link svg{width:16px;height:16px;color:var(--shadcn-ref-fg);flex:none}@supports (color:color-mix(in lab, red, red)){.cn-navigation-menu-link svg{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-navigation-menu-indicator{z-index:1;justify-content:center;align-items:flex-end;height:6px;display:flex;position:absolute;top:100%;overflow:hidden}.cn-navigation-menu-indicator-arrow{background:var(--shadcn-ref-bg);width:8px;height:8px;box-shadow:inset 1px 1px 0 var(--shadcn-ref-fg);position:relative;top:60%;transform:rotate(45deg)}@supports (color:color-mix(in lab, red, red)){.cn-navigation-menu-indicator-arrow{box-shadow:inset 1px 1px 0 color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-navigation-panel{gap:8px;margin:0;padding:16px;list-style:none;display:grid}.shadcn-ref-navigation-panel--intro{width:24rem}.shadcn-ref-navigation-panel--grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,37.5rem)}.shadcn-ref-navigation-panel--icons{width:12.5rem}.shadcn-ref-navigation-panel--icons li{gap:2px;display:grid}.shadcn-ref-navigation-inline-link{flex-direction:row;align-items:center;gap:8px}.shadcn-ref-navigation-list-item-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.shadcn-ref-navigation-list-item-title{color:var(--shadcn-ref-fg);font-size:14px;font-weight:500;line-height:1}.shadcn-ref-navigation-list-item-description{color:var(--shadcn-ref-fg);display:-webkit-box;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-navigation-list-item-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-navigation-list-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.45}.shadcn-ref-max-sm{width:100%;max-width:24rem}.shadcn-ref-max-xs{width:100%;max-width:20rem}.shadcn-ref-w-full{width:100%}.shadcn-ref-w-fit{width:fit-content}.shadcn-ref-flex-1{flex:1}.shadcn-ref-gap-3{gap:12px}.shadcn-ref-font-normal{font-weight:400}.shadcn-ref-font-light{font-weight:300}.shadcn-ref-font-medium{font-weight:500}.shadcn-ref-tabular{font-variant-numeric:tabular-nums}.shadcn-ref-font-bold{font-weight:700}.shadcn-ref-input-group-pill{border-radius:999px}.shadcn-ref-input-group-popover{max-width:18rem}.shadcn-ref-input-group-prefix{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-input-group-prefix{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-input-group-star[data-favorite=true]{fill:currentColor}.shadcn-ref-input-group-dropdown-button{gap:4px}.shadcn-ref-input-group-chevron-sm{width:14px;height:14px}.shadcn-ref-input-group-muted{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-input-group-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.shadcn-ref-input-group-code-textarea{min-height:7.5rem;font-family:var(--shadcn-ref-font-mono);line-height:1.5}.shadcn-ref-input-group-tight-start{padding-inline-start:0}.shadcn-ref-input-group-caption{font-size:12px}.shadcn-ref-input-group-wide{width:min(100%,40rem)}.shadcn-ref-input-group-textarea-lg{min-height:9rem}.shadcn-ref-input-group-undo-icon{width:14px;height:14px}.shadcn-ref-input-group-mono{font-family:var(--shadcn-ref-font-mono);align-items:center;gap:6px;font-size:13px;display:inline-flex}.shadcn-ref-spin{animation:.9s linear infinite lab-spin}.shadcn-ref-combobox-popup-trigger{justify-content:space-between;width:16rem}.shadcn-ref-combobox-timezone-content{width:15rem}.shadcn-ref-combobox-country-card{gap:2px;display:grid}.shadcn-ref-combobox-country-title{white-space:nowrap}.shadcn-ref-combobox-country-meta{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-combobox-country-meta{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.shadcn-ref-combobox-country-meta{font-size:12px;line-height:1.35}.shadcn-ref-command-shell{width:min(100%,24rem);box-shadow:inset 0 0 0 1px var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-command-shell{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-command-list-scroll{max-height:16rem}.shadcn-ref-otp-card{width:min(100%,28rem)}.shadcn-ref-otp-card-footer{align-items:stretch}.shadcn-ref-otp-form-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadcn-ref-otp-link{color:inherit;text-underline-offset:4px;text-decoration:underline}.shadcn-ref-otp-note{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-otp-note{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}}.shadcn-ref-otp-note{font-size:14px;line-height:1.45}.shadcn-ref-input-otp-slot-lg{width:44px;height:48px;font-size:20px}.shadcn-ref-input-otp-separator-spaced{margin-inline:8px}.shadcn-ref-checkbox-table-shell{width:100%;max-width:40rem}.shadcn-ref-checkbox-table-check-cell{width:2rem}.shadcn-ref-toggle-weight-item{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;height:64px;display:flex}.shadcn-ref-toggle-weight-aa{font-size:24px;line-height:1}.shadcn-ref-toggle-weight-label{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-toggle-weight-label{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-toggle-weight-label{font-size:12px;line-height:1.2}.shadcn-ref-toggle-code-pill{background:var(--shadcn-ref-muted);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-toggle-code-pill{background:color-mix(in srgb, var(--shadcn-ref-muted) 88%, var(--shadcn-ref-bg))}}.shadcn-ref-toggle-code-pill{font-family:var(--shadcn-ref-font-mono);padding:2px 6px;font-size:12px;line-height:1}.shadcn-ref-stack-6{flex-direction:column;gap:24px;display:flex}.shadcn-ref-grid-gap-2{gap:8px;display:grid}.shadcn-ref-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.shadcn-ref-field-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.shadcn-ref-inline-between{align-items:center;gap:12px;display:flex}.shadcn-ref-inline-gap-2,.shadcn-ref-label-row{align-items:center;gap:8px;display:flex}.shadcn-ref-field-xs{width:min(100%,20rem)}.shadcn-ref-field-sm{width:min(100%,24rem)}.shadcn-ref-field-form{width:min(100%,32rem)}.shadcn-ref-field-actions{flex-wrap:wrap;gap:12px;display:flex}.shadcn-ref-field-responsive{width:min(100%,32rem)}.shadcn-ref-slider{max-width:20rem}.shadcn-ref-slider-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadcn-ref-slider-value{white-space:nowrap}.shadcn-ref-slider-vertical-demo{justify-content:center;align-items:center;gap:24px;width:min(100%,20rem);display:flex}.shadcn-ref-slider-vertical{height:10rem}.shadcn-ref-separator-copy{flex-direction:column;gap:16px;width:min(100%,24rem);display:flex}.shadcn-ref-separator-heading{flex-direction:column;gap:4px;display:flex}.shadcn-ref-separator-links{align-items:center;gap:16px;height:20px;font-size:14px;display:flex}.shadcn-ref-separator-menu{align-items:center;gap:8px;width:min(100%,28rem);font-size:14px;display:flex}.shadcn-ref-separator-menu-section{flex-direction:column;gap:4px;display:flex}.shadcn-ref-separator-list{flex-direction:column;gap:8px;width:min(100%,24rem);font-size:14px;display:flex}.shadcn-ref-separator-list-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.shadcn-ref-resize-none{resize:none}@media (width<=720px){.shadcn-ref-field-grid-3{grid-template-columns:minmax(0,1fr)}.shadcn-ref-separator-menu{gap:12px}}.shadcn-ref-inline-link{color:inherit;text-underline-offset:4px;margin-inline-start:auto;font-size:14px;text-decoration:none}.shadcn-ref-inline-link:hover{text-decoration:underline}.shadcn-ref-column-actions{flex-direction:column}.shadcn-ref-list{gap:8px;margin:0;padding:8px 0;list-style:none;display:grid}.shadcn-ref-list-item{align-items:flex-start;gap:8px;display:flex}.shadcn-ref-list-item svg{width:16px;height:16px;color:var(--shadcn-ref-fg);flex:none;margin-top:2px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-list-item svg{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.shadcn-ref-card-image{padding-top:0;position:relative}.shadcn-ref-card-image__scrim{z-index:30;aspect-ratio:16/9;pointer-events:none;background:#00000059;position:absolute;inset:0}.shadcn-ref-card-image__media{z-index:20;aspect-ratio:16/9;object-fit:cover;filter:brightness(.6)grayscale();width:100%;display:block;position:relative}.shadcn-ref-required-mark{color:var(--shadcn-ref-destructive-text)}.shadcn-ref-ml-auto{margin-inline-start:auto}.shadcn-ref-dialog-sm{width:min(100% - 2rem,24rem)}.shadcn-ref-dialog-md{width:min(100% - 2rem,28rem)}.shadcn-ref-dialog-footer-start{justify-content:flex-start}.shadcn-ref-dialog-scroll{max-height:50vh;margin:0 -16px;padding:0 16px;overflow-y:auto}.shadcn-ref-dialog-copy p{margin:0 0 16px;line-height:1.5}.shadcn-ref-dialog-copy p:last-child{margin-bottom:0}.cn-tooltip-content{z-index:70;background:var(--shadcn-ref-tooltip-bg);width:fit-content;max-width:20rem;color:var(--shadcn-ref-tooltip-text);font-family:var(--shadcn-ref-font-sans);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:400;line-height:16px;animation:.12s ease-out viewer-tooltip-in;display:inline-flex;position:relative}.cn-tooltip-content>:where(p){margin:0}.cn-tooltip-arrow{z-index:50;background:var(--shadcn-ref-tooltip-bg);width:10px;height:10px;fill:var(--shadcn-ref-tooltip-bg);border-radius:2px;position:absolute;transform:translateY(calc(-50% - 2px))rotate(45deg)}.cn-tooltip-arrow[data-side=top]{bottom:-10px}.cn-tooltip-arrow[data-side=bottom]{top:4px}.cn-tooltip-arrow[data-side=left],.cn-tooltip-arrow[data-side=right]{transform:translateY(-50%)rotate(45deg);top:50%!important}.cn-tooltip-arrow[data-side=left]{right:-4px}.cn-tooltip-arrow[data-side=right]{left:-4px}.cn-kbd{background:var(--shadcn-ref-muted);width:fit-content;min-width:20px;height:20px;color:var(--shadcn-ref-fg);border-radius:4px;justify-content:center;align-items:center;gap:4px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-kbd{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-kbd{font-family:var(--shadcn-ref-font-sans);pointer-events:none;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:12px;font-weight:500}.cn-kbd-group{align-items:center;gap:4px;display:inline-flex}.cn-tooltip-content .cn-kbd{background:var(--shadcn-ref-bg)}@supports (color:color-mix(in lab, red, red)){.cn-tooltip-content .cn-kbd{background:color-mix(in srgb, var(--shadcn-ref-bg) 20%, transparent)}}.cn-tooltip-content .cn-kbd{color:var(--shadcn-ref-bg)}.cn-alert{border:1px solid var(--shadcn-ref-border);text-align:left;border-radius:10px;gap:2px;width:100%;padding:8px 10px;font-size:14px;display:grid;position:relative}.cn-alert:has(>svg){grid-template-columns:auto 1fr;column-gap:8px}.cn-alert:has(>[data-slot=alert-action]){padding-inline-end:72px}.cn-alert>svg{color:currentColor;grid-row:1/span 2;width:16px;height:16px;translate:0 2px}:is(.cn-alert:has(>svg) .cn-alert-title,.cn-alert:has(>svg) .cn-alert-description){grid-column:2}.cn-alert-variant-default{background:var(--shadcn-ref-bg)}@supports (color:color-mix(in lab, red, red)){.cn-alert-variant-default{background:color-mix(in srgb, var(--shadcn-ref-bg) 96%, var(--shadcn-ref-muted))}}.cn-alert-variant-default{color:var(--shadcn-ref-fg)}.cn-alert-variant-destructive{background:var(--shadcn-ref-bg)}@supports (color:color-mix(in lab, red, red)){.cn-alert-variant-destructive{background:color-mix(in srgb, var(--shadcn-ref-bg) 96%, var(--shadcn-ref-destructive-text))}}.cn-alert-variant-destructive{color:var(--shadcn-ref-destructive-text)}.cn-alert-title{font-family:var(--shadcn-ref-font-heading);font-weight:500;line-height:1.35}.cn-alert-description{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-alert-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-alert-description{line-height:1.45}.cn-alert-description p:not(:last-child){margin-bottom:16px}.cn-alert-variant-destructive .cn-alert-description{color:var(--shadcn-ref-destructive-text)}@supports (color:color-mix(in lab, red, red)){.cn-alert-variant-destructive .cn-alert-description{color:color-mix(in srgb, var(--shadcn-ref-destructive-text) 88%, transparent)}}.cn-alert-action{position:absolute;top:8px;right:8px}.cn-aspect-ratio{position:relative;overflow:hidden}.cn-collapsible{width:100%}.cn-collapsible-content{overflow:hidden}.cn-collapsible-content-inner{width:100%}.cn-accordion{flex-direction:column;width:100%;display:flex}.cn-accordion-item{border-bottom:1px solid var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-accordion-item{border-bottom:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-accordion-header{display:flex}.cn-accordion-trigger{color:var(--shadcn-ref-fg);font-family:var(--shadcn-ref-font-heading);text-align:left;background:0 0;border:1px solid #0000;outline:none;flex:auto;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 0;font-size:14px;font-weight:500;line-height:1.4;transition:color .1s,border-color .1s,box-shadow .1s;display:flex;position:relative}.cn-accordion-trigger[aria-disabled=true]{pointer-events:none;opacity:.5}.cn-accordion-trigger:focus-visible{border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-accordion-trigger:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-accordion-trigger:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring);border-radius:10px}.cn-accordion-trigger__label{flex:auto}.cn-accordion-trigger-icon{width:16px;height:16px;color:var(--shadcn-ref-fg);flex:none}@supports (color:color-mix(in lab, red, red)){.cn-accordion-trigger-icon{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.cn-accordion-trigger[aria-expanded=true] .cn-accordion-trigger-icon--down,.cn-accordion-trigger[aria-expanded=false] .cn-accordion-trigger-icon--up,.cn-accordion-trigger:not([aria-expanded=true]) .cn-accordion-trigger-icon--up{display:none}.cn-accordion-content{overflow:hidden}.cn-accordion-content-inner{color:var(--shadcn-ref-fg);padding-bottom:16px}@supports (color:color-mix(in lab, red, red)){.cn-accordion-content-inner{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-accordion-content-inner{font-size:14px;line-height:1.5}.cn-accordion-content-inner a{color:inherit;text-underline-offset:3px;text-decoration:underline}.cn-accordion-content-inner a:hover{color:var(--shadcn-ref-fg)}.cn-accordion-content-inner p:not(:last-child){margin-bottom:16px}.cn-item-group{flex-direction:column;gap:16px;width:100%;display:flex}.cn-item-group:has(.cn-item[data-size=sm]){gap:10px}.cn-item-group:has(.cn-item[data-size=xs]){gap:8px}.cn-item-separator{margin-block:8px}.cn-item{width:100%;color:var(--shadcn-ref-fg);border:1px solid #0000;border-radius:12px;outline:none;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;line-height:1.4;text-decoration:none;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s;display:flex}.cn-item[href]:hover{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.cn-item[href]:hover{background:color-mix(in srgb, var(--shadcn-ref-muted) 84%, var(--shadcn-ref-bg))}}.cn-item:focus-visible{border-color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-item:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.cn-item:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.cn-item-variant-default{background:0 0;border-color:#0000}.cn-item-variant-outline{border-color:var(--shadcn-ref-border);background:var(--shadcn-ref-bg)}.cn-item-variant-muted{background:var(--shadcn-ref-muted);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.cn-item-variant-muted{background:color-mix(in srgb, var(--shadcn-ref-muted) 52%, var(--shadcn-ref-bg))}}.cn-item-size-default,.cn-item-size-sm{padding:10px 12px}.cn-item-size-xs{gap:8px;padding:8px 10px}.cn-item-media{flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.cn-item:has([data-slot=item-description]) .cn-item-media{align-self:flex-start;transform:translateY(2px)}.cn-item-media svg{flex:none}.cn-item-media-variant-icon svg{width:16px;height:16px}.cn-item-media-variant-image{border-radius:6px;width:40px;height:40px;overflow:hidden}.cn-item[data-size=sm] .cn-item-media-variant-image{width:32px;height:32px}.cn-item[data-size=xs] .cn-item-media-variant-image{width:24px;height:24px}.cn-item-media-variant-image img{object-fit:cover;width:100%;height:100%}.cn-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cn-item[data-size=xs] .cn-item-content{gap:0}.cn-item-content+.cn-item-content{flex:none}.cn-item-title{width:fit-content;max-width:100%;color:var(--shadcn-ref-fg);font-family:var(--shadcn-ref-font-heading);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1.35;display:flex;overflow:hidden}.cn-item-description{color:var(--shadcn-ref-fg);display:-webkit-box;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.cn-item-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-item-description{text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:1.45}.cn-item[data-size=xs] .cn-item-description{font-size:12px}.cn-item-description a{color:inherit;text-underline-offset:4px;text-decoration:underline}.cn-item-actions{align-items:center;gap:8px;display:flex}.cn-item-header,.cn-item-footer{flex-basis:100%;justify-content:space-between;align-items:center;gap:8px;display:flex}.shadcn-ref-breadcrumb-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:10rem;display:flex;position:relative;overflow:visible}.shadcn-ref-breadcrumb-stage--menu{min-height:14rem}.shadcn-ref-breadcrumb-stage--rtl{min-height:15rem}.cn-breadcrumb{width:fit-content;max-width:100%}.cn-breadcrumb-list{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.cn-breadcrumb-item{align-items:center;gap:6px;min-width:0;display:inline-flex}.cn-breadcrumb-link,.shadcn-ref-breadcrumb-dropdown-trigger{color:var(--shadcn-ref-fg);background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-breadcrumb-link,.shadcn-ref-breadcrumb-dropdown-trigger{color:color-mix(in srgb, var(--shadcn-ref-fg) 58%, transparent)}}.cn-breadcrumb-link,.shadcn-ref-breadcrumb-dropdown-trigger{font-size:14px;line-height:1.4;text-decoration:none;transition:color .12s,box-shadow .12s}.cn-breadcrumb-link:hover,.shadcn-ref-breadcrumb-dropdown-trigger:hover{color:var(--shadcn-ref-fg)}.cn-breadcrumb-link:focus-visible,.shadcn-ref-breadcrumb-dropdown-trigger:focus-visible{color:var(--shadcn-ref-fg);box-shadow:0 0 0 2px var(--shadcn-ref-ring);border-radius:6px;outline:none}@supports (color:color-mix(in lab, red, red)){.cn-breadcrumb-link:focus-visible,.shadcn-ref-breadcrumb-dropdown-trigger:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--shadcn-ref-ring) 28%, transparent)}}.cn-breadcrumb-page{color:var(--shadcn-ref-fg);font-size:14px;line-height:1.4}.cn-breadcrumb-separator{color:var(--shadcn-ref-fg);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-breadcrumb-separator{color:color-mix(in srgb, var(--shadcn-ref-fg) 36%, transparent)}}.cn-breadcrumb-separator svg{width:14px;height:14px}.cn-breadcrumb-ellipsis{width:16px;height:16px;color:var(--shadcn-ref-fg);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-breadcrumb-ellipsis{color:color-mix(in srgb, var(--shadcn-ref-fg) 52%, transparent)}}.cn-breadcrumb-ellipsis svg{width:16px;height:16px}.shadcn-ref-breadcrumb-dropdown-trigger{cursor:default;padding:0}.shadcn-ref-breadcrumb-dropdown-icon{width:14px;height:14px}.shadcn-ref-breadcrumb-router-link{cursor:default}.shadcn-ref-scroll-area-panel{border:1px solid var(--shadcn-ref-fg);width:min(100%,12rem);height:18rem}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-scroll-area-panel{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.shadcn-ref-scroll-area-panel{border-radius:12px}.shadcn-ref-scroll-area-panel--horizontal{white-space:nowrap;width:min(100%,24rem);height:auto}.shadcn-ref-scroll-area-content{padding:16px}.shadcn-ref-scroll-area-heading{color:var(--shadcn-ref-fg);margin:0 0 16px;font-size:14px;font-weight:500;line-height:1}.shadcn-ref-scroll-area-tag{color:var(--shadcn-ref-fg);font-size:14px;line-height:1.4}.shadcn-ref-scroll-area-separator{margin:8px 0}.shadcn-ref-scroll-area-strip{gap:16px;width:max-content;padding:16px;display:flex}.shadcn-ref-scroll-area-figure{flex-shrink:0;width:96px;margin:0}.shadcn-ref-scroll-area-image-wrap{border-radius:8px;overflow:hidden}.shadcn-ref-scroll-area-image{object-fit:cover;width:96px;height:128px;display:block}.shadcn-ref-scroll-area-caption{color:var(--shadcn-ref-fg);padding-top:8px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-scroll-area-caption{color:color-mix(in srgb, var(--shadcn-ref-fg) 60%, transparent)}}.shadcn-ref-scroll-area-caption{white-space:normal;font-size:12px;line-height:1.45}.shadcn-ref-scroll-area-caption strong{color:var(--shadcn-ref-fg);font-weight:600}.shadcn-ref-skeleton-row{align-items:center;gap:16px;display:flex}.shadcn-ref-skeleton-copy{gap:8px;display:grid}.shadcn-ref-skeleton-card{width:min(100%,20rem)}.shadcn-ref-skeleton-card [data-slot=card-content]{padding-top:0}.shadcn-ref-skeleton-text{flex-direction:column;gap:8px;width:min(100%,20rem);display:flex}.shadcn-ref-skeleton-form{flex-direction:column;gap:28px;width:min(100%,20rem);display:flex}.shadcn-ref-skeleton-field{flex-direction:column;gap:12px;display:flex}.shadcn-ref-skeleton-table{flex-direction:column;gap:8px;width:min(100%,24rem);display:flex}.shadcn-ref-skeleton-table-row{align-items:center;gap:16px;display:flex}.cn-pagination{justify-content:center;width:100%;display:flex}.cn-pagination-content{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cn-pagination-item{list-style:none}.cn-pagination-link{min-width:32px}.cn-pagination-link[data-active=true]{font-weight:500}.cn-pagination-previous,.cn-pagination-next{gap:4px;padding-inline:10px}.cn-pagination-previous-text,.cn-pagination-next-text{display:none}@media (width>=640px){.cn-pagination-previous-text,.cn-pagination-next-text{display:inline}}.cn-pagination-ellipsis{width:32px;height:32px;color:var(--shadcn-ref-fg);justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.cn-pagination-ellipsis{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.cn-pagination-ellipsis svg{width:16px;height:16px}.cn-button-group{align-items:stretch;width:fit-content;display:flex}.cn-button-group:has(>[data-slot=button-group]){gap:8px}.cn-button-group>[data-slot]:focus-visible{z-index:10;position:relative}.cn-button-group>[data-slot=input],.cn-button-group>[data-slot=input-group]{flex:auto;min-width:0}.cn-button-group>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.cn-button-group[data-orientation=vertical]{flex-direction:column}.cn-button-group[data-orientation=horizontal]>[data-slot]:not([data-slot=button-group-separator]):not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.cn-button-group[data-orientation=horizontal]>[data-slot]:not([data-slot=button-group-separator])+[data-slot]:not([data-slot=button-group-separator]){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.cn-button-group[data-orientation=horizontal]>[data-slot]:not([data-slot=button-group-separator]):last-child{border-start-end-radius:10px;border-end-end-radius:10px}.cn-button-group[data-orientation=vertical]>[data-slot]:not([data-slot=button-group-separator]):not(:last-child){border-end-end-radius:0;border-end-start-radius:0}.cn-button-group[data-orientation=vertical]>[data-slot]:not([data-slot=button-group-separator])+[data-slot]:not([data-slot=button-group-separator]){border-start-start-radius:0;border-start-end-radius:0;margin-top:-1px}.cn-button-group[data-orientation=vertical]>[data-slot]:not([data-slot=button-group-separator]):last-child{border-end-end-radius:10px;border-end-start-radius:10px}.cn-button-group-text{border:1px solid var(--shadcn-ref-border);background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg);border-radius:10px;align-items:center;gap:8px;padding-inline:10px;font-size:14px;font-weight:500;display:inline-flex}.cn-button-group-text svg{pointer-events:none;width:16px;height:16px}.cn-button-group-separator{background:var(--shadcn-ref-border)}.cn-progress-root{flex-wrap:wrap;gap:12px;width:100%;display:flex}.cn-progress-track{background:var(--shadcn-ref-muted);border-radius:999px;align-items:center;width:100%;height:4px;display:flex;position:relative;overflow-x:hidden}.cn-progress-indicator{background:var(--shadcn-ref-fg);height:100%;transition:inline-size .15s,width .15s,transform .15s}.cn-progress-label{font-size:14px;font-weight:500;line-height:1.4}.cn-progress-value{color:var(--shadcn-ref-fg);margin-inline-start:auto}@supports (color:color-mix(in lab, red, red)){.cn-progress-value{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-progress-value{font-variant-numeric:tabular-nums;font-size:14px;line-height:1.4}.shadcn-ref-alert-stack{gap:16px;width:min(100%,28rem);display:grid}.shadcn-ref-accordion-max{width:min(100%,32rem)}.shadcn-ref-accordion-bordered{border:1px solid var(--shadcn-ref-border);border-radius:12px}.shadcn-ref-accordion-bordered-item{padding-inline:16px}.shadcn-ref-accordion-bordered-item:last-child{border-bottom:0}.shadcn-ref-accordion-card{width:min(100%,24rem)}.shadcn-ref-aspect-ratio{background:var(--shadcn-ref-muted);border-radius:12px;width:100%;overflow:hidden}.shadcn-ref-aspect-ratio--landscape{max-width:24rem}.shadcn-ref-aspect-ratio--square{max-width:12rem}.shadcn-ref-aspect-ratio--portrait{max-width:10rem}.shadcn-ref-aspect-ratio-image{object-fit:cover;filter:grayscale();width:100%;height:100%}.shadcn-ref-aspect-ratio-figure{width:100%;max-width:24rem}.shadcn-ref-aspect-ratio-caption{color:var(--shadcn-ref-fg);margin-top:8px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-aspect-ratio-caption{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-aspect-ratio-caption{text-align:center;font-size:14px;line-height:1.4}.shadcn-ref-alert-max{width:min(100%,28rem)}.shadcn-ref-alert-amber{color:#78350f;background:#fffbeb;border-color:#fde68a}.shadcn-ref-alert-amber .cn-alert-description{color:#92400e}.shadcn-ref-kbd-demo{flex-direction:column;align-items:center;gap:16px;width:min(100%,20rem);display:flex}.shadcn-ref-button-group-stack{flex-direction:column;align-items:flex-start;gap:32px;display:flex}.shadcn-ref-button-group-demo,.shadcn-ref-button-group-max{width:min(100%,32rem)}.shadcn-ref-button-group-menu{width:10rem}.shadcn-ref-button-group-dropdown-menu{width:11rem}.shadcn-ref-button-group-dropdown-trigger{padding-inline-start:8px!important}.shadcn-ref-button-group-select-trigger-mono{font-family:var(--shadcn-ref-font-mono)}.shadcn-ref-button-group-popover{border-radius:16px;width:min(100vw - 2rem,20rem);font-size:14px}.shadcn-ref-button-group-voice-button[data-active=true]{color:#9a3412;background:#fed7aa}.shadcn-ref-button-group-pill>[data-slot=button],.shadcn-ref-button-group-pill>[data-slot=input],.shadcn-ref-button-group-pill>[data-slot=input-group],.shadcn-ref-button-group-pill>[data-slot=select-trigger]{border-radius:999px}.shadcn-ref-item-stack{flex-direction:column;align-items:flex-start;gap:24px;width:min(100%,32rem);display:flex}.shadcn-ref-item-max,.shadcn-ref-item-group{width:min(100%,32rem)}.shadcn-ref-item-secondary-content{text-align:center;flex:none}.shadcn-ref-item-round-button{border-radius:999px}.shadcn-ref-item-avatar-cluster{margin-inline-start:4px;display:flex}.shadcn-ref-item-avatar-cluster>[data-slot=avatar]{box-shadow:0 0 0 2px var(--shadcn-ref-bg);filter:grayscale();margin-inline-start:-8px}.shadcn-ref-item-avatar-cluster>[data-slot=avatar]:first-child{margin-inline-start:0}.shadcn-ref-item-image{filter:grayscale()}.shadcn-ref-item-header-grid{gap:16px;width:min(100%,42rem);display:grid}.shadcn-ref-item-header-card{align-items:flex-start}.shadcn-ref-item-cover-image{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}@media (width>=768px){.shadcn-ref-item-header-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.shadcn-ref-item-dropdown-menu{width:12rem}.cn-dropdown-menu-item.shadcn-ref-item-dropdown-entry{padding:0}.shadcn-ref-item-dropdown-row{border-radius:6px;width:100%}.shadcn-ref-item-dropdown-content{gap:0}.shadcn-ref-item-dropdown-description{line-height:1.2}.shadcn-ref-collapsible-stack{flex-direction:column;gap:8px;width:350px;max-width:100%;display:flex}.shadcn-ref-collapsible-row{justify-content:space-between;align-items:center;gap:16px;padding-inline:16px;display:flex}.shadcn-ref-collapsible-title{font-size:14px;font-weight:600;line-height:1.35}.shadcn-ref-collapsible-panel{border:1px solid var(--shadcn-ref-border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;font-size:14px;line-height:1.4;display:flex}.shadcn-ref-collapsible-panel--block{display:block}.shadcn-ref-collapsible-content-stack{flex-direction:column;gap:8px;display:flex}.shadcn-ref-collapsible-muted{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-collapsible-muted{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-collapsible-strong{color:var(--shadcn-ref-fg);font-size:14px;font-weight:500;line-height:1.4}.shadcn-ref-collapsible-card{width:min(100%,24rem)}.shadcn-ref-collapsible-basic{border-radius:8px;transition:background-color .1s}.shadcn-ref-collapsible-basic[data-open]{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-collapsible-basic[data-open]{background:color-mix(in srgb, var(--shadcn-ref-muted) 76%, var(--shadcn-ref-bg))}}.shadcn-ref-collapsible-basic-trigger{justify-content:flex-start;width:100%}.shadcn-ref-collapsible-basic-icon{margin-inline-start:auto;transition:transform .15s}.shadcn-ref-collapsible-basic-icon[data-open=true]{transform:rotate(180deg)}.shadcn-ref-collapsible-basic-content{flex-direction:column;align-items:flex-start;gap:8px;padding:0 10px 10px;font-size:14px;display:flex}.shadcn-ref-collapsible-settings-card{width:min(100%,20rem)}.shadcn-ref-collapsible-settings{align-items:flex-start;gap:8px;display:flex}.shadcn-ref-collapsible-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.shadcn-ref-collapsible-settings-extra{grid-column:1/-1}.shadcn-ref-collapsible-file-card{gap:8px;width:min(100%,16rem)}.shadcn-ref-collapsible-tabs{width:100%}.shadcn-ref-collapsible-file-shell{flex-direction:column;gap:4px;display:flex}.shadcn-ref-collapsible-file-node{width:100%}.shadcn-ref-collapsible-folder-button{justify-content:flex-start;width:100%;transition:none}.shadcn-ref-collapsible-folder-chevron{transition:transform .15s}.shadcn-ref-collapsible-folder-chevron[data-open=true]{transform:rotate(90deg)}.shadcn-ref-collapsible-file-button{width:100%;color:var(--shadcn-ref-fg);justify-content:flex-start;gap:8px}.shadcn-ref-collapsible-file-branch{padding-inline-start:20px;padding-top:4px}.shadcn-ref-collapsible-file-children{flex-direction:column;gap:4px;display:flex}.shadcn-ref-pagination-stack{width:min(100%,32rem)}.shadcn-ref-pagination-icons{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(100%,32rem);display:flex}.shadcn-ref-pagination-field{width:fit-content}.shadcn-ref-pagination-select-trigger{width:80px}.shadcn-ref-pagination-inline{justify-content:flex-start;width:auto}.shadcn-ref-progress-demo{width:60%}.shadcn-ref-progress-stack{flex-direction:column;gap:16px;width:min(100%,24rem);display:flex}.shadcn-ref-date-picker-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:21rem;display:flex;position:relative;overflow:visible}.shadcn-ref-date-picker-stage--compact{min-height:22rem}.shadcn-ref-date-picker-stage--range,.shadcn-ref-date-picker-stage--wide{min-height:23rem}.shadcn-ref-date-picker-stage--rtl{min-height:21rem}.shadcn-ref-date-picker-field{width:11rem}.shadcn-ref-date-picker-field--range{width:15rem}.shadcn-ref-date-picker-field--input{width:12rem}.shadcn-ref-date-picker-field--natural{width:min(100%,20rem)}.shadcn-ref-date-picker-field--time{width:8rem}.shadcn-ref-date-picker-inline-group{flex-direction:row;align-items:flex-start;gap:16px;width:min(100%,17rem);display:flex}.shadcn-ref-date-picker-time-field{width:8rem}.shadcn-ref-date-picker-trigger{font-weight:400}.shadcn-ref-date-picker-trigger[data-empty=true]{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-date-picker-trigger[data-empty=true]{color:color-mix(in srgb, var(--shadcn-ref-fg) 48%, transparent)}}.shadcn-ref-date-picker-trigger--demo{text-align:left;justify-content:space-between;width:212px}.shadcn-ref-date-picker-trigger--field{text-align:left;justify-content:flex-start;width:100%}.shadcn-ref-date-picker-trigger--range{text-align:left;justify-content:flex-start;width:240px;padding-inline:10px}.shadcn-ref-date-picker-trigger--time{text-align:left;justify-content:space-between;width:8rem}.shadcn-ref-date-picker-content{width:auto;padding:0}.shadcn-ref-date-picker-content--overflow{overflow:hidden}.shadcn-ref-date-picker-input-group{width:100%}.shadcn-ref-date-picker-time-input{appearance:none;background:var(--shadcn-ref-bg)}.shadcn-ref-date-picker-time-input::-webkit-calendar-picker-indicator{display:none}.shadcn-ref-date-picker-support{color:var(--shadcn-ref-fg);padding:0 4px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-date-picker-support{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-date-picker-support{font-size:14px;line-height:1.45}.shadcn-ref-date-picker-support strong{color:var(--shadcn-ref-fg);font-weight:500}.shadcn-ref-table-shell{width:min(100%,44rem)}.shadcn-ref-table-shell--actions{width:min(100%,34rem)}.shadcn-ref-table-actions-stage{justify-content:flex-start;align-items:flex-start;width:100%;min-height:16rem;display:flex;position:relative;overflow:visible}.shadcn-ref-table-actions-trigger{width:32px;height:32px;padding:0}.lab-kbd{border:1px solid var(--pill-border);background:var(--panel-bg);border-radius:8px;justify-content:center;align-items:center;min-width:24px;min-height:24px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lab-kbd{background:color-mix(in srgb, var(--panel-bg) 72%, transparent)}}.lab-kbd{color:var(--text);padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600}.lab-tooltip{z-index:70;border-radius:8px;align-items:center;gap:6px;width:fit-content;max-width:20rem;padding:6px 12px;font-size:12px;font-weight:500;line-height:16px;animation:.12s ease-out viewer-tooltip-in;display:inline-flex}.lab-tooltip--tenx{border:1px solid var(--lab-tooltip-border);background:var(--lab-tooltip-bg);color:var(--lab-tooltip-text);box-shadow:var(--lab-tooltip-shadow);border-radius:12px;gap:10px;padding:10px 12px;font-size:13px;line-height:1.4}.lab-tooltip__arrow--tenx{fill:var(--lab-tooltip-bg)}.lab-tooltip__content-row{justify-content:space-between}.lab-tooltip>:where(p){margin:0}.lab-button,.cn-button{white-space:nowrap;-webkit-user-select:none;user-select:none;background-clip:padding-box;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .1s,border-color .1s,box-shadow .1s,color .1s,transform .1s;display:inline-flex}.component-lab[data-component-skin=reference] .button-docs,.cn-aspect-ratio,.cn-accordion,.cn-accordion-content,.cn-accordion-item,.cn-accordion-trigger,.cn-alert-dialog-content,.cn-alert-dialog-description,.cn-alert-dialog-footer,.cn-alert-dialog-header,.cn-alert-dialog-title,.cn-badge,.cn-breadcrumb,.cn-breadcrumb-ellipsis,.cn-breadcrumb-item,.cn-breadcrumb-link,.cn-breadcrumb-list,.cn-breadcrumb-page,.cn-breadcrumb-separator,.cn-button,.cn-card,.cn-card-action,.cn-card-content,.cn-card-description,.cn-card-footer,.cn-card-header,.cn-card-title,.cn-chart,.cn-chart-legend,.cn-chart-tooltip,.cn-dialog-content,.cn-dialog-description,.cn-dialog-footer,.cn-dialog-header,.cn-dialog-title,.cn-drawer-content,.cn-drawer-description,.cn-drawer-footer,.cn-drawer-header,.cn-drawer-title,.cn-field,.cn-field-content,.cn-field-description,.cn-field-error,.cn-field-group,.cn-field-legend,.cn-field-label,.cn-field-set,.cn-field-title,.cn-calendar,.cn-calendar-caption-label,.cn-calendar-day-button,.cn-checkbox,.cn-combobox-chip,.cn-combobox-chip-input,.cn-combobox-chips,.cn-combobox-content,.cn-combobox-empty,.cn-combobox-group,.cn-combobox-item,.cn-combobox-label,.cn-collapsible,.cn-collapsible-content,.cn-collapsible-trigger,.cn-command,.cn-command-empty,.cn-command-group,.cn-command-input,.cn-command-item,.cn-command-list,.cn-command-shortcut,.cn-calendar-dropdown-root,.cn-navigation-menu,.cn-navigation-menu-content,.cn-navigation-menu-link,.cn-navigation-menu-list,.cn-navigation-menu-trigger,.cn-sheet-content,.cn-sheet-description,.cn-sheet-footer,.cn-sheet-header,.cn-sheet-title,.cn-skeleton,.cn-popover-content,.cn-popover-description,.cn-popover-header,.cn-popover-title,.cn-dropdown-menu-checkbox-item,.cn-dropdown-menu-content,.cn-dropdown-menu-item,.cn-dropdown-menu-label,.cn-dropdown-menu-radio-item,.cn-dropdown-menu-shortcut,.cn-dropdown-menu-sub-trigger,.cn-context-menu-trigger,.cn-menubar,.cn-menubar-trigger,.cn-avatar-group-count,.cn-input,.cn-input-otp,.cn-input-otp-group,.cn-input-otp-input,.cn-input-otp-separator,.cn-input-otp-slot,.cn-input-group,.cn-input-group-addon,.cn-input-group-button,.cn-input-group-custom-control,.cn-input-group-input,.cn-input-group-text,.cn-input-group-textarea,.cn-item,.cn-item-actions,.cn-item-content,.cn-item-description,.cn-item-footer,.cn-item-group,.cn-item-header,.cn-item-media,.cn-item-title,.cn-label,.cn-native-select,.cn-native-select-wrapper,.cn-pagination,.cn-pagination-content,.cn-pagination-ellipsis,.cn-pagination-link,.cn-radio-group,.cn-radio-group-item,.cn-scroll-area,.cn-scroll-area-scrollbar,.cn-scroll-area-thumb,.cn-scroll-area-viewport,.cn-sonner-toaster,.cn-toast,.tenx-sonner-toast,.cn-select-content,.cn-select-group,.cn-select-item,.cn-select-label,.cn-select-trigger,.cn-select-value,.cn-textarea,.cn-toggle,.cn-toggle-group,.cn-toggle-group-item,.cn-tabs,.cn-tabs-content,.cn-tabs-list,.cn-tabs-trigger,.cn-table,.cn-table-caption,.cn-table-cell,.cn-table-head,.cn-avatar-fallback{font-family:var(--shadcn-ref-font-sans)}.cn-button{line-height:20px}.lab-button:not(:disabled),.lab-button[role=button]:not(:disabled){cursor:default}.lab-button:focus-visible,.cn-button:focus-visible{border-color:var(--shadcn-ref-fg);outline:none}@supports (color:color-mix(in lab, red, red)){.lab-button:focus-visible,.cn-button:focus-visible{border-color:color-mix(in srgb, var(--shadcn-ref-fg) 16%, transparent)}}.lab-button:focus-visible,.cn-button:focus-visible{box-shadow:0 0 0 3px var(--shadcn-ref-ring)}.lab-button:active,.cn-button:active{transform:translateY(1px)}.lab-button:disabled,.cn-button:disabled{opacity:.5;cursor:default;pointer-events:none}.lab-button svg,.cn-button svg{flex:none;width:1em;height:1em}.lab-button--size-xs,.cn-button-size-xs{border-radius:10px;min-height:24px;padding:0 8px;font-size:12px}.lab-button--size-sm,.cn-button-size-sm{border-radius:12px;min-height:28px;padding:0 10px;font-size:12.8px}.lab-button--size-default,.cn-button-size-default{min-height:32px;padding:0 10px;font-size:14px}.lab-button--size-lg,.cn-button-size-lg{border-radius:10px;min-height:36px;padding:0 10px;font-size:14px}.lab-button--size-icon-xs,.cn-button-size-icon-xs{border-radius:10px;width:24px;height:24px;padding:0;font-size:12px}.lab-button--size-icon-sm,.cn-button-size-icon-sm{border-radius:12px;width:28px;height:28px;padding:0;font-size:12.8px}.lab-button--size-icon,.cn-button-size-icon{width:32px;height:32px;padding:0;font-size:14px}.lab-button--size-icon-lg,.cn-button-size-icon-lg{border-radius:10px;width:36px;height:36px;padding:0;font-size:14px}.lab-button--rounded,.cn-button-rounded{border-radius:999px;padding-inline:18px}.lab-button--default,.cn-button-variant-default{background:var(--shadcn-ref-fg);color:var(--shadcn-ref-bg);box-shadow:none}.lab-button--outline,.cn-button-variant-outline{border-color:var(--shadcn-ref-border);background:var(--shadcn-ref-input-bg);color:var(--shadcn-ref-fg)}.lab-button--secondary,.cn-button-variant-secondary{background:var(--shadcn-ref-muted);color:var(--shadcn-ref-fg)}.lab-button--ghost,.cn-button-variant-ghost{color:var(--shadcn-ref-fg);background:0 0}.lab-button--destructive,.cn-button-variant-destructive{background:var(--shadcn-ref-destructive-bg);color:var(--shadcn-ref-destructive-text)}.lab-button--link,.cn-button-variant-link{min-height:auto;color:var(--shadcn-ref-fg);text-underline-offset:4px;background:0 0;border-radius:0;padding:0}.component-lab[data-component-skin=tenx] .lab-button{box-shadow:none}.component-lab[data-component-skin=tenx] .lab-button:not(:disabled),.component-lab[data-component-skin=tenx] .lab-button[role=button]:not(:disabled){cursor:pointer}.component-lab[data-component-skin=tenx] .lab-button--default{background:var(--lab-button-primary-default);color:var(--lab-button-primary-text)}.component-lab[data-component-skin=tenx] .lab-button--outline{border-color:var(--pill-border);color:var(--lab-button-ghost-text);background:0 0}.component-lab[data-component-skin=tenx] .lab-button--secondary{background:var(--lab-button-secondary-default);color:var(--lab-button-secondary-text)}.component-lab[data-component-skin=tenx] .lab-button--ghost{color:var(--lab-button-ghost-text);background:0 0}.component-lab[data-component-skin=tenx] .lab-button--destructive{background:var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-button--destructive{background:color-mix(in srgb, var(--text-highlight) 14%, transparent)}}.component-lab[data-component-skin=tenx] .lab-button--destructive{color:var(--text-highlight)}.component-lab[data-component-skin=tenx] .lab-button--link{color:var(--link-text)}.component-lab[data-component-skin=tenx] .lab-button:disabled{background:var(--interactive-disabled);color:var(--text-disabled);border-color:#0000}@media (hover:hover){.lab-button--default:hover,.cn-button-variant-default:hover{background:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.lab-button--default:hover,.cn-button-variant-default:hover{background:color-mix(in srgb, var(--shadcn-ref-fg) 88%, var(--shadcn-ref-bg))}}.lab-button--outline:hover,.cn-button-variant-outline:hover{background:var(--shadcn-ref-muted)}.lab-button--secondary:hover,.cn-button-variant-secondary:hover{background:var(--shadcn-ref-muted-hover)}.lab-button--ghost:hover,.cn-button-variant-ghost:hover{background:var(--shadcn-ref-muted)}.lab-button--destructive:hover,.cn-button-variant-destructive:hover{background:var(--shadcn-ref-destructive-bg-hover)}.lab-button--link:hover,.cn-button-variant-link:hover{text-decoration:underline}.component-lab[data-component-skin=tenx] .lab-button--default:hover{background:var(--lab-button-primary-hover)}.component-lab[data-component-skin=tenx] .lab-button--outline:hover,.component-lab[data-component-skin=tenx] .lab-button--ghost:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), transparent}.component-lab[data-component-skin=tenx] .lab-button--secondary:hover{background:var(--lab-button-secondary-hover)}.component-lab[data-component-skin=tenx] .lab-button--destructive:hover{background:var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.component-lab[data-component-skin=tenx] .lab-button--destructive:hover{background:color-mix(in srgb, var(--text-highlight) 20%, transparent)}}.component-lab[data-component-skin=tenx] .lab-button--link:hover{color:var(--link-text-active)}}.cn-spinner{color:currentColor;flex:none;width:16px;height:16px;animation:.9s linear infinite lab-spin;display:inline-flex}.cn-empty{text-align:center;text-wrap:balance;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:24px;width:100%;min-width:0;display:flex}.cn-empty-header{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:20rem;display:flex}.cn-empty-media{flex-shrink:0;justify-content:center;align-items:center;display:flex}.cn-empty-media svg{flex:none;width:24px;height:24px}.cn-empty-media-variant-default{width:fit-content}.cn-empty-media-variant-icon{border:1px solid var(--shadcn-ref-fg);width:48px;height:48px}@supports (color:color-mix(in lab, red, red)){.cn-empty-media-variant-icon{border:1px solid color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-empty-media-variant-icon{background:var(--shadcn-ref-muted);border-radius:999px}.cn-empty-title{color:var(--shadcn-ref-fg);font-size:20px;font-weight:600;line-height:1.2}.cn-empty-description{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.cn-empty-description{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.cn-empty-description{font-size:14px;line-height:1.5}.cn-empty-description a{color:inherit;text-underline-offset:4px;text-decoration:underline}.cn-empty-description a:hover{color:var(--shadcn-ref-fg)}.cn-empty-content{text-wrap:balance;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;max-width:20rem;display:flex}.cn-hover-card-positioner{isolation:isolate;z-index:50;width:max-content;max-width:min(var(--available-width), calc(100vw - 2rem));outline:none}.cn-hover-card-content{background:var(--shadcn-ref-bg);color:var(--shadcn-ref-fg);box-shadow:0 10px 30px var(--shadcn-ref-fg), inset 0 0 0 1px var(--shadcn-ref-fg);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}@supports (color:color-mix(in lab, red, red)){.cn-hover-card-content{box-shadow:0 10px 30px color-mix(in srgb, var(--shadcn-ref-fg) 8%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--shadcn-ref-fg) 10%, transparent)}}.cn-hover-card-content{transform-origin:var(--transform-origin);outline:none}.cn-hover-card-content-logical{max-inline-size:calc(100vw - 2rem)}.shadcn-ref-spinner-demo{width:min(100%,20rem)}.shadcn-ref-spinner-demo-item{width:100%}.shadcn-ref-spinner-demo-amount{color:var(--shadcn-ref-fg);flex:none;justify-content:flex-end;align-items:flex-end}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-spinner-demo-amount{color:color-mix(in srgb, var(--shadcn-ref-fg) 72%, transparent)}}.shadcn-ref-spinner-demo-amount{font-variant-numeric:tabular-nums;font-size:14px;line-height:1.4}.shadcn-ref-spinner-demo-amount span{white-space:nowrap}.shadcn-ref-spinner-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.shadcn-ref-spinner-row--sizes{gap:20px}.shadcn-ref-spinner-size-3{width:12px;height:12px}.shadcn-ref-spinner-size-4{width:16px;height:16px}.shadcn-ref-spinner-size-6{width:24px;height:24px}.shadcn-ref-spinner-size-8{width:32px;height:32px}.shadcn-ref-spinner-buttons{align-items:center}.shadcn-ref-spinner-inputs{width:min(100%,28rem)}.shadcn-ref-spinner-empty{min-height:18rem}.shadcn-ref-empty-shell{border-radius:16px;width:100%;min-height:20rem;padding:32px 16px}.shadcn-ref-empty-shell--outline{border:1px dashed var(--shadcn-ref-border)}.shadcn-ref-empty-shell--background{background:var(--shadcn-ref-muted)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-empty-shell--background{background:color-mix(in srgb, var(--shadcn-ref-muted) 42%, var(--shadcn-ref-bg))}}.shadcn-ref-empty-actions{flex-flow:wrap;justify-content:center;gap:8px}.shadcn-ref-empty-link{color:var(--shadcn-ref-fg)}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-empty-link{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-empty-link-icon{width:16px;height:16px}:where([dir=rtl]) .shadcn-ref-empty-link-icon{transform:rotate(-90deg)}.shadcn-ref-empty-support{max-width:16rem}.shadcn-ref-empty-avatar{width:48px;height:48px}.shadcn-ref-empty-avatar [data-slot=avatar-image]{filter:grayscale()}.shadcn-ref-empty-avatar-group{align-items:center;padding-inline-start:8px;display:flex}.shadcn-ref-empty-avatar-group>[data-slot=avatar]{border:2px solid var(--shadcn-ref-bg);filter:grayscale();width:48px;height:48px;margin-inline-start:-8px}.shadcn-ref-empty-avatar-group>[data-slot=avatar]:first-child{margin-inline-start:0}.shadcn-ref-empty-search{width:min(100%,18rem)}.shadcn-ref-empty-help{max-width:18rem}.shadcn-ref-hover-card-stage{justify-content:center;align-items:flex-start;width:100%;min-height:10rem;padding-top:8px;display:flex;position:relative;overflow:visible}.shadcn-ref-hover-card-stage--demo{min-height:12rem}.shadcn-ref-hover-card-stage--rtl{min-height:11rem}.shadcn-ref-hover-card-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:24px;width:100%;display:grid}.shadcn-ref-hover-card-rtl-grid{gap:24px;width:100%;display:grid}.shadcn-ref-hover-card-panel{width:16rem}.shadcn-ref-hover-card-title{color:var(--shadcn-ref-fg);font-size:15px;font-weight:600;line-height:1.35}.shadcn-ref-hover-card-heading{color:var(--shadcn-ref-fg);margin:0;font-size:15px;font-weight:500;line-height:1.35}.shadcn-ref-hover-card-stack{flex-direction:column;gap:4px;display:flex}.shadcn-ref-hover-card-copy{color:var(--shadcn-ref-fg);margin:0}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-hover-card-copy{color:color-mix(in srgb, var(--shadcn-ref-fg) 62%, transparent)}}.shadcn-ref-hover-card-copy{font-size:14px;line-height:1.45}.shadcn-ref-hover-card-meta{color:var(--shadcn-ref-fg);margin-top:4px}@supports (color:color-mix(in lab, red, red)){.shadcn-ref-hover-card-meta{color:color-mix(in srgb, var(--shadcn-ref-fg) 56%, transparent)}}.shadcn-ref-hover-card-meta{font-size:12px;line-height:1.4}.lab-spinner{width:1em;height:1em;animation:.9s linear infinite lab-spin}@keyframes shadcn-ref-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes lab-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cn-spinner,.cn-input-otp-caret-line{animation:none}}@media (width<=1100px){.component-lab__header-actions{align-items:flex-start}.component-lab__facts,.catalog-docs__meta-grid,.catalog-docs__section-grid,.button-docs__field-grid,.button-docs__notes-grid{grid-template-columns:1fr}.button-docs__field-span-2{grid-column:auto}.lab-ratio-grid,.lab-dual-grid,.button-docs__api-row{grid-template-columns:1fr}}@media (width<=720px){.button-docs__section,.component-lab__preview-shell{padding:16px}.button-docs__example-header,.button-docs__section-header{flex-direction:column}.button-docs__composer-footer,.button-docs__inline-field,.lab-field--horizontal{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.button-docs__button-group{flex-direction:column}.button-docs__button-group>.lab-button{border-radius:0;margin-top:-1px;margin-left:0}.button-docs__button-group>.lab-button:first-child{border-radius:11px 11px 0 0;margin-top:0}.button-docs__button-group>.lab-button:last-child{border-radius:0 0 11px 11px}.lab-toggle-group:not(.lab-toggle-group--vertical){flex-direction:column;align-items:stretch}.lab-toggle-group:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush{border-radius:0;margin-top:-1px;margin-left:0}.lab-toggle-group:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:first-child{border-radius:12px 12px 0 0;margin-top:0}.lab-toggle-group:not(.lab-toggle-group--vertical) .lab-toggle-group__item--flush:last-child{border-radius:0 0 12px 12px}.lab-sidebar-preview,.lab-resizable{grid-template-columns:1fr}.lab-resizable__handle{border-inline:0;border-block:1px solid var(--border-soft);width:auto;height:28px}}.viewer-history-empty{border:1px dashed var(--pill-border);color:var(--text-muted);border-radius:12px;padding:18px 16px}.viewer-history-list{flex-direction:column;gap:0;display:flex}.viewer-history-item{padding:14px 0}.viewer-history-item__header{color:var(--text);font-size:14px;font-weight:600}.viewer-history-item+.viewer-history-item{border-top:1px solid var(--border-soft)}.viewer-history-item__meta{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.viewer-history-item__kind{color:var(--text);text-transform:capitalize}.viewer-history-item__note{color:var(--text);margin:10px 0 12px;line-height:1.45}.viewer-history-item__values{gap:10px;display:grid}.viewer-history-item__values code{background:var(--pill-bg);color:var(--text);word-break:break-word;border-radius:10px;margin-top:4px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.viewer-history-item__label{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:600}.viewer-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.viewer-dialog{background:linear-gradient(#343434,#2d2d2d);border:1px solid #ffffff14;border-radius:22px;flex-direction:column;gap:18px;width:min(560px,100%);max-height:min(88vh,760px);padding:22px;display:flex;box-shadow:0 24px 60px #00000061}.viewer-dialog__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.viewer-dialog__eyebrow{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.viewer-dialog__header h3{margin:6px 0 4px;font-size:20px;font-weight:600}.viewer-dialog__header p{color:var(--text-muted);margin:0;font-size:13px}.viewer-dialog__form{flex-direction:column;gap:16px;min-height:0;display:flex}.viewer-dialog__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.viewer-field{flex-direction:column;gap:8px;display:flex}.viewer-field span{color:var(--text-muted);font-size:12px;font-weight:600}.viewer-field input,.viewer-field select,.viewer-field textarea{border:1px solid var(--pill-border);width:100%;color:var(--text);background:#262626;border-radius:12px;outline:none;padding:12px 14px}.viewer-field textarea{resize:vertical;min-height:110px}.viewer-field input:disabled{color:var(--text-muted);opacity:.9}.viewer-dialog__error{color:#ffd2d2;background:#ef60601f;border:1px solid #ef606047;border-radius:12px;padding:12px 14px;font-size:13px}.viewer-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.viewer-button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-width:116px;padding:10px 14px;display:inline-flex}.viewer-button:disabled{opacity:.65}.viewer-button--secondary{border-color:var(--pill-border);background:var(--pill-bg)}.viewer-button--primary{color:var(--specimen-product-bg-light);background:#c64d11}.glass-lab{gap:28px}.glass-lab__intro-meta{align-content:start;gap:10px;display:grid}.glass-lab__intro-pill{border:1px solid var(--border-soft);background:var(--chip-bg);min-height:40px;color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.glass-lab__intro-pill strong{color:var(--text);font-weight:600}.glass-lab-preview-grid{gap:22px;display:grid}.glass-lab-preview{border:1px solid var(--border-soft);background:var(--glass-lab-panel-bg);border-radius:32px;min-height:560px;position:relative;overflow:hidden}.glass-lab-preview--light{--glass-lab-panel-bg:var(--specimen-product-bg-light);--glass-lab-text-primary:var(--viewer-text-primary-light);--glass-lab-text-secondary:var(--viewer-text-secondary-light);--glass-lab-text-muted:var(--viewer-text-disabled-light);--glass-lab-accent:var(--viewer-text-highlight-light);--glass-lab-border:#0d0c0c14;--glass-lab-panel-shadow:0 22px 56px #0f0f1214;--glass-lab-chip-solid:#ffffffd6;--glass-lab-fill-default:var(--viewer-surface-over-media-glass-default-light);--glass-lab-fill-strong:var(--viewer-surface-over-media-glass-strong-light);--glass-lab-fill-extra:var(--viewer-surface-over-media-glass-extra-light);--glass-lab-fill-ultra:var(--viewer-surface-over-media-glass-ultra-light);--glass-lab-fill-always-darken:var(--viewer-surface-over-media-glass-always-darken-light)}.glass-lab-preview--dark{--glass-lab-panel-bg:var(--specimen-product-bg-dark);--glass-lab-text-primary:var(--viewer-text-primary-dark);--glass-lab-text-secondary:var(--viewer-text-secondary-dark);--glass-lab-text-muted:var(--viewer-text-disabled-dark);--glass-lab-accent:var(--viewer-text-highlight-dark);--glass-lab-border:#ffffff1a;--glass-lab-panel-shadow:0 24px 62px #0000004d;--glass-lab-chip-solid:#0d0c0cd1;--glass-lab-fill-default:var(--viewer-surface-over-media-glass-default-dark);--glass-lab-fill-strong:var(--viewer-surface-over-media-glass-strong-dark);--glass-lab-fill-extra:var(--viewer-surface-over-media-glass-extra-dark);--glass-lab-fill-ultra:var(--viewer-surface-over-media-glass-ultra-dark);--glass-lab-fill-always-darken:var(--viewer-surface-over-media-glass-always-darken-dark)}.glass-lab-preview__art,.glass-lab-preview__art picture{position:absolute;inset:0}.glass-lab-preview__image{object-fit:cover;object-position:50% 50%;filter:saturate(1.02);width:100%;height:100%;transform:scale(1.08)}.glass-lab-preview__scrim{background:linear-gradient(#0d0c0c0f 0%,#0d0c0c29 100%),radial-gradient(circle at 12% 12%,#ffffff2e,#0000 34%);position:absolute;inset:0}.glass-lab-preview--dark .glass-lab-preview__scrim{background:linear-gradient(#00000047 0%,#0000005c 100%),radial-gradient(circle at 12% 12%,#ffffff0f,#0000 36%)}.glass-lab-preview__content{z-index:1;gap:24px;padding:28px;display:grid;position:relative}.glass-lab-preview__header{color:var(--glass-lab-text-primary);justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.glass-lab-preview__header h3{margin:8px 0 0;font-size:30px;line-height:1.04}.glass-lab-preview__header p{max-width:560px;color:var(--glass-lab-text-secondary);margin:10px 0 0;line-height:1.6}.glass-lab-preview__status{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.glass-lab-preview__status span,.glass-lab-chip{border:1px solid var(--glass-lab-text-primary);justify-content:center;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.glass-lab-preview__status span,.glass-lab-chip{border:1px solid color-mix(in srgb, var(--glass-lab-text-primary) 10%, transparent)}}.glass-lab-preview__status span,.glass-lab-chip{background:var(--glass-lab-panel-bg);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.glass-lab-preview__status span,.glass-lab-chip{background:color-mix(in srgb, var(--glass-lab-panel-bg) 74%, transparent)}}.glass-lab-preview__status span,.glass-lab-chip{color:var(--glass-lab-text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;font-weight:600}.glass-lab-preview__samples{grid-template-columns:minmax(280px,340px) minmax(0,420px);justify-content:space-between;align-items:start;gap:20px;display:grid}.glass-lab-glass{isolation:isolate;background:var(--glass-lab-fill,var(--glass-lab-fill-default));border:1px solid var(--glass-lab-border);box-shadow:var(--glass-lab-floating-shadow,var(--glass-lab-panel-shadow));-webkit-backdrop-filter:var(--glass-lab-backdrop,blur(20px) saturate(1.2) brightness(1.06));position:relative;overflow:hidden}.glass-lab-glass:before,.glass-lab-glass:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glass-lab-glass:before{background-image:var(--glass-lab-rim), var(--glass-lab-highlight), var(--glass-lab-depth);background-repeat:no-repeat}.glass-lab-glass:after{box-shadow:inset 0 0 0 1px var(--glass-lab-text-primary)}@supports (color:color-mix(in lab, red, red)){.glass-lab-glass:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glass-lab-text-primary) 12%, transparent)}}.glass-lab-glass>*{z-index:1;position:relative}.glass-lab-surface-card{min-height:196px;color:var(--glass-lab-text-primary);border-radius:28px;gap:14px;padding:22px;display:grid}.glass-lab-surface-card strong,.glass-lab-leaderboard__header strong{font-size:24px;font-weight:600;line-height:1.1}.glass-lab-surface-card p,.glass-lab-leaderboard__header span,.glass-lab-leaderboard__identity span{color:var(--glass-lab-text-secondary);margin:0;line-height:1.55}.glass-lab-leaderboard{color:var(--glass-lab-text-primary);border-radius:30px;gap:16px;padding:22px;display:grid}.glass-lab-leaderboard__header{gap:6px;display:grid}.glass-lab-leaderboard__rows{display:grid}.glass-lab-leaderboard__row{border-top:1px solid var(--glass-lab-text-primary);grid-template-columns:28px 40px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.glass-lab-leaderboard__row{border-top:1px solid color-mix(in srgb, var(--glass-lab-text-primary) 8%, transparent)}}.glass-lab-leaderboard__row:first-child{border-top:0;padding-top:0}.glass-lab-leaderboard__rank{color:var(--glass-lab-text-muted);font-size:14px;font-weight:600}.glass-lab-leaderboard__avatar{object-fit:cover;border-radius:999px;width:40px;height:40px;box-shadow:0 6px 18px #00000029}.glass-lab-leaderboard__identity{gap:4px;min-width:0;display:grid}.glass-lab-leaderboard__identity strong{font-size:18px;font-weight:500;line-height:1.2}.glass-lab-composer-shell{width:min(100%,780px);margin-inline:auto}.glass-lab-composer{color:var(--glass-lab-text-primary);border-radius:30px;gap:18px;padding:20px;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:grid}.glass-lab-composer:focus-visible{outline:2px solid var(--glass-lab-accent)}@supports (color:color-mix(in lab, red, red)){.glass-lab-composer:focus-visible{outline:2px solid color-mix(in srgb, var(--glass-lab-accent) 70%, transparent)}}.glass-lab-composer:focus-visible{outline-offset:3px}.glass-lab-composer__modes,.glass-lab-composer__footer,.glass-lab-composer__actions{align-items:center;gap:10px;display:flex}.glass-lab-composer__footer{justify-content:space-between}.glass-lab-composer__mode,.glass-lab-composer__chip,.glass-lab-composer__icon,.glass-lab-composer__submit{background:var(--glass-lab-panel-bg);border:0;border-radius:999px;justify-content:center;align-items:center;min-height:42px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.glass-lab-composer__mode,.glass-lab-composer__chip,.glass-lab-composer__icon,.glass-lab-composer__submit{background:color-mix(in srgb, var(--glass-lab-panel-bg) 76%, transparent)}}.glass-lab-composer__mode,.glass-lab-composer__chip,.glass-lab-composer__icon,.glass-lab-composer__submit{color:var(--glass-lab-text-primary);-webkit-backdrop-filter:var(--glass-lab-chip-backdrop,blur(12px));box-shadow:var(--glass-lab-chip-shadow,none);cursor:pointer;padding:0 16px}.glass-lab-composer__mode{color:var(--glass-lab-text-secondary)}.glass-lab-composer__mode--active{background:var(--glass-lab-chip-solid);color:var(--glass-lab-text-primary)}.glass-lab-composer__field{min-height:118px;color:var(--glass-lab-text-secondary);align-items:flex-start;padding:14px 6px 0;font-size:28px;line-height:1.14;display:flex}.glass-lab-composer__submit{background:var(--glass-lab-chip-solid);min-width:110px;font-weight:600}.glass-lab-preview--dark .glass-lab-composer__mode--active,.glass-lab-preview--dark .glass-lab-composer__submit{color:#0d0c0c}.glass-lab-preview--dark .glass-lab-chip,.glass-lab-preview--dark .glass-lab-preview__status span,.glass-lab-preview--dark .glass-lab-composer__mode,.glass-lab-preview--dark .glass-lab-composer__chip,.glass-lab-preview--dark .glass-lab-composer__icon{background:#0d0c0cad}.glass-lab-preview--dark .glass-lab-composer__field{color:#ffffffc7}@media (width<=1200px){.viewer-workspace{grid-template-columns:56px 290px minmax(0,1fr)}.viewer-workspace--sidebar-collapsed{grid-template-columns:56px minmax(0,1fr)}.viewer-search{width:220px}.glass-lab-preview__samples{grid-template-columns:minmax(0,1fr)}}@media (width<=960px){.viewer-page{padding:0}.viewer-shell{border:0;border-radius:0;min-height:100vh}.viewer-topbar{display:none}.viewer-workspace{grid-template-columns:48px 240px minmax(0,1fr)}.viewer-workspace--sidebar-collapsed,.viewer-workspace--labs{grid-template-columns:48px minmax(0,1fr)}.viewer-workspace--labs .viewer-sidebar--labs,.viewer-sidebar__floating-action,.viewer-content__floating-action{display:none}.viewer-content__toolbar{flex-direction:column;align-items:stretch}.viewer-content__toolbar--patterns{flex-direction:row;align-items:flex-start}.viewer-content__body--labs,.viewer-dialog{padding:18px}.viewer-dialog__grid,.viewer-plugin-workbench,.viewer-plugin-form__grid{grid-template-columns:1fr}.viewer-content{grid-template-columns:minmax(0,1fr)}.viewer-history-panel,.viewer-detail-panel{border-left:0;border-top:1px solid var(--border-soft);grid-column:1;width:100%;min-width:0;box-shadow:0 -12px 32px #00000047}.viewer-toolbar__actions{flex-wrap:wrap;justify-content:space-between}.viewer-content__toolbar--patterns .viewer-toolbar__actions{flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.viewer-search{width:100%}.glass-lab-preview{min-height:auto}.glass-lab-preview__content{padding:22px}.glass-lab-preview__header{flex-direction:column}.glass-lab-preview__status{justify-content:flex-start}}@media (width<=720px){.viewer-content__toolbar{padding:10px 12px}.viewer-content__body--components-scroll{padding:10px 12px 16px}.viewer-content__body--labs{padding:14px}.glass-lab-preview__content{padding:18px}.glass-lab-preview__header h3{font-size:26px}.glass-lab-surface-card strong,.glass-lab-leaderboard__header strong{font-size:22px}.glass-lab-composer__field{min-height:100px;font-size:24px}.glass-lab-composer__footer{flex-direction:column;align-items:stretch}.glass-lab-composer__actions{justify-content:space-between}}.viewer-canonical{flex:1;min-width:0;min-height:0;display:flex}.viewer-canonical--plain{background:0 0;min-height:auto;display:block}.viewer-canonical__preview-surface{background:linear-gradient(180deg, var(--panel-bg-elevated), transparent), var(--panel-bg);border-radius:30px;flex:1;min-width:0;min-height:0;display:flex}@supports (color:color-mix(in lab, red, red)){.viewer-canonical__preview-surface{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-bg-elevated) 90%, transparent), transparent), color-mix(in srgb, var(--panel-bg) 96%, transparent)}}.viewer-canonical__preview-surface{box-shadow:inset 0 0 0 1px var(--border-soft)}@supports (color:color-mix(in lab, red, red)){.viewer-canonical__preview-surface{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 90%, transparent)}}.viewer-canonical__preview-surface{overflow:hidden}.viewer-canonical__preview-surface--plain{min-height:auto;box-shadow:none;background:0 0;border-radius:0;display:block;overflow:visible}.viewer-canonical__preview-frame{background:var(--panel-bg);border:0;flex:1;width:100%;display:block}@supports (color:color-mix(in lab, red, red)){.viewer-canonical__preview-frame{background:color-mix(in srgb, var(--panel-bg) 82%, transparent)}}.viewer-canonical__preview-frame--plain{background:0 0}.viewer-exact-frame{justify-content:center;width:100%;min-width:0;display:flex;position:relative;overflow:visible}.viewer-exact-frame__reload{z-index:20;color:#fff;background:#000000b3;border:1px solid #ffffff80;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .15s ease-out;position:absolute;top:16px;right:16px;box-shadow:0 8px 24px #0f172a3d}.viewer-exact-frame__reload:hover{opacity:.9}.viewer-exact-frame__scaled{justify-content:flex-start;max-width:100%;display:flex;position:relative;overflow:visible}.viewer-exact-frame__loading{z-index:10;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.viewer-exact-frame__loading-card{color:#0f172a;text-align:center;background:linear-gradient(#ffffffe0,#f8fafcf5);border:1px solid #94a3b82e;border-radius:28px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:100%;display:flex;box-shadow:0 18px 48px #11182714}.viewer-exact-frame__spinner{border:2px solid #0f172a1a;border-top-color:#0f172a80;border-radius:999px;flex:none;width:32px;height:32px;animation:.85s linear infinite viewer-spin}.viewer-exact-frame__loading-title{color:#0f172a;margin:0;font-size:14px;font-weight:600}.viewer-exact-frame__loading-copy{color:#64748b;max-width:320px;margin:4px 0 0;font-size:12px;line-height:1.5}.viewer-exact-frame__iframe{background:0 0;border:0;flex:none;display:block}.viewer-exact-frame__iframe--fades{transition:opacity .2s ease-out}[data-theme=new-dark] .viewer-exact-frame__loading-card{color:#fff;background:linear-gradient(#0f172ab8,#0f172ad1);border-color:#ffffff1a}[data-theme=new-dark] .viewer-exact-frame__spinner{border-color:#ffffffa6 #ffffff1a #ffffff1a}[data-theme=new-dark] .viewer-exact-frame__loading-title{color:#fff}[data-theme=new-dark] .viewer-exact-frame__loading-copy{color:#cbd5e1}@keyframes viewer-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.viewer-content--with-history{grid-template-columns:minmax(0,1fr) 340px}}@media (width<=860px){.viewer-canonical__preview-surface{border-radius:24px}}.viewer-segmented-toggle--sidebar{width:100%}.viewer-segmented-toggle--sidebar .viewer-segmented-toggle__button{flex:1;min-width:0}.candidate-preview{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.candidate-preview__toolbar{justify-content:flex-end;display:flex}.candidate-preview__eyebrow,.candidate-dm__eyebrow{color:var(--text-highlight);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.candidate-preview__canvas{box-sizing:border-box;gap:24px;padding:0 4px 20px;display:grid}.candidate-dm__desktop-shell{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:24px;width:100%;min-height:720px;display:grid}.candidate-dm__desktop-shell--empty{min-height:640px}.candidate-dm__list-panel,.candidate-dm__thread-panel{flex-direction:column;min-height:0;display:flex}.candidate-dm__list-panel{border:1px solid var(--border-soft);background:var(--panel-bg-elevated);border-radius:28px;gap:18px;padding:24px}@supports (color:color-mix(in lab, red, red)){.candidate-dm__list-panel{background:color-mix(in srgb, var(--panel-bg-elevated) 74%, transparent)}}.candidate-dm__thread-panel{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:28px;gap:0;padding:24px}.candidate-dm__thread-panel--empty{justify-content:center;align-items:center}.candidate-dm__panel-header,.candidate-dm__mobile-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.candidate-dm__panel-header h4,.candidate-dm__mobile-topbar h4{margin:4px 0 0;font-size:28px;line-height:1.05}.candidate-dm__search{border:1px solid var(--pill-border);background:var(--pill-bg);width:100%;color:var(--text-secondary);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:inline-flex}.candidate-dm__search-input{min-width:0;color:var(--text-primary);flex:1;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.candidate-dm__search-input::placeholder{color:var(--text-secondary)}.candidate-dm__search-input:focus-visible{outline:none}.candidate-dm__list-group{overflow:hidden}.candidate-dm__row{text-align:left;justify-content:flex-start;width:100%}.candidate-dm__row--active{box-shadow:inset 0 0 0 1px var(--text-highlight)}@supports (color:color-mix(in lab, red, red)){.candidate-dm__row--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-highlight) 28%, transparent)}}.candidate-dm__row-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.candidate-dm__row-time{color:var(--text-secondary);white-space:nowrap;font-size:12px}.candidate-dm__row-time--emphasis{color:var(--text-highlight);font-weight:600}.candidate-dm__row-description--emphasis{color:var(--text-primary)}.candidate-dm__row-actions{align-items:center;gap:8px;display:inline-flex}.candidate-dm__avatar-stack{align-items:center;display:flex}.candidate-dm__avatar-stack [data-slot=avatar]+[data-slot=avatar]{margin-left:-10px}.candidate-dm__avatar-count{margin-left:-8px}.candidate-dm__utility-row{text-align:left;justify-content:flex-start;width:100%}.candidate-dm__thread-header{justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.candidate-dm__thread-title{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.candidate-dm__thread-name{font-size:20px;font-weight:700;line-height:1.1}.candidate-dm__thread-meta{color:var(--text-secondary);font-size:13px}.candidate-dm__thread-actions{align-items:center;gap:8px;display:flex}.candidate-dm__messages-scroll{flex:1;min-height:0}.candidate-dm__messages{gap:18px;padding:20px 0;display:grid}.candidate-dm__message{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:12px;display:grid}.candidate-dm__message-body{gap:6px;display:grid}.candidate-dm__message-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.candidate-dm__message-meta strong{font-size:15px;font-weight:600;line-height:1.4}.candidate-dm__message-meta span{color:var(--text-secondary);font-size:13px}.candidate-dm__message-copy{margin:0;font-size:14px;line-height:1.5}.candidate-dm__message-copy--accent{color:var(--text-primary)}.candidate-dm__composer{gap:12px;padding-top:18px;display:grid}.candidate-dm__composer-textarea{resize:none;min-height:112px}.candidate-dm__composer-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.candidate-dm__composer-actions{align-items:center;gap:8px;display:flex}.candidate-dm__composer-note{color:var(--text-secondary);font-size:12px}.candidate-dm__preview-grid{align-items:start;gap:24px;width:100%;display:grid}.candidate-dm__preview-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-dm__surface{flex-direction:column;gap:14px;min-width:0;display:flex}.candidate-dm__surface--thread{max-width:860px;min-height:620px}.candidate-dm__surface--empty{justify-content:center;min-height:460px}.candidate-dm__surface--phone{width:min(390px,100%);margin-inline:auto}.candidate-dm__surface-header{align-items:center;min-height:20px;display:flex}.candidate-dm__section-label{color:var(--text-highlight);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}.candidate-dm__list-panel--standalone{border:1px solid var(--border-soft);background:var(--panel-bg-elevated);border-radius:28px;padding:24px}@supports (color:color-mix(in lab, red, red)){.candidate-dm__list-panel--standalone{background:color-mix(in srgb, var(--panel-bg-elevated) 74%, transparent)}}.candidate-dm__phone-frame{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--panel-bg-elevated), transparent), var(--panel-bg);border-radius:32px;flex-direction:column;gap:18px;width:min(390px,100%);min-height:760px;display:flex}@supports (color:color-mix(in lab, red, red)){.candidate-dm__phone-frame{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-bg-elevated) 82%, transparent), transparent), var(--panel-bg)}}.candidate-dm__phone-frame{box-shadow:inset 0 0 0 1px var(--border-soft);margin-inline:auto;padding:22px 20px 20px}@supports (color:color-mix(in lab, red, red)){.candidate-dm__phone-frame{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 82%, transparent)}}.candidate-dm__phone-frame--thread{min-height:820px}.candidate-dm__phone-frame--compact{min-height:auto}.candidate-dm__phone-frame--empty{justify-content:flex-start}.candidate-dm__phone-empty{flex:1;justify-content:center;align-items:center;min-height:320px;display:flex}.candidate-dm__empty{max-width:420px}.candidate-app-publish__grid{align-items:start;gap:24px;width:100%;display:grid}.candidate-app-publish__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-app-publish__surface{flex-direction:column;gap:14px;min-width:0;display:flex}.candidate-app-publish__surface-header{align-items:center;min-height:20px;display:flex}.candidate-app-publish__toolbar{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px;display:flex}.candidate-app-publish__toolbar-group{justify-items:end;gap:8px;display:grid}.candidate-app-publish__toolbar-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.candidate-app-publish__stack{border:1px solid var(--border-soft);background:var(--panel-bg-elevated);border-radius:28px;gap:18px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__stack{background:color-mix(in srgb, var(--panel-bg-elevated) 78%, transparent)}}.candidate-app-publish__stack--narrow{max-width:560px}.candidate-app-publish__stack--editor-width{max-width:720px}.candidate-app-publish__field{gap:10px;display:grid}.candidate-app-publish__form-field{gap:8px}.candidate-app-publish__field-copy{gap:6px;display:grid}.candidate-app-publish__field-label{color:var(--text);font-size:15px;font-weight:700;line-height:1.45}.candidate-app-publish__required{color:#db343e}.candidate-app-publish__field-helper{max-width:66ch;color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.candidate-app-publish__upload-tile,.candidate-app-publish__dropzone,.candidate-app-publish__field-frame{border:1px dashed var(--border-soft);background:var(--panel-bg);border-radius:18px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__upload-tile,.candidate-app-publish__dropzone,.candidate-app-publish__field-frame{background:color-mix(in srgb, var(--panel-bg) 88%, transparent)}}.candidate-app-publish__upload-tile{justify-content:center;align-items:center;display:flex}.candidate-app-publish__upload-tile--icon{width:110px;height:110px}.candidate-app-publish__upload-tile--hero{width:100%;min-height:130px}.candidate-app-publish__upload-empty{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.candidate-app-publish__upload-art{width:100%;height:100%}.candidate-app-publish__upload-art--icon{background:radial-gradient(circle at 28% 26%,#ffd9aaf0,#0000 26%),radial-gradient(circle at 68% 72%,#ff5f2aeb,#0000 32%),linear-gradient(145deg,#351819 6%,#ff5a1f 45%,#ffb45b 100%)}.candidate-app-publish__upload-art--hero{background:radial-gradient(circle at 22% 30%,#9ce0ff52,#0000 24%),radial-gradient(circle at 78% 36%,#ffd1a242,#0000 28%),linear-gradient(135deg,#213141f2,#3c5466d1),linear-gradient(#0000002e,#0000002e);min-height:130px}.candidate-app-publish__crop-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.candidate-app-publish__crop-card{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:18px;gap:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__crop-card{background:color-mix(in srgb, var(--panel-bg) 92%, transparent)}}.candidate-app-publish__crop-card{padding:14px}.candidate-app-publish__crop-copy{gap:4px;display:grid}.candidate-app-publish__crop-copy strong{color:var(--text);font-size:14px;line-height:1.45}.candidate-app-publish__crop-copy p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.candidate-app-publish__crop-frame{border:1px solid var(--border-soft);background:var(--panel-bg-elevated);border-radius:14px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__crop-frame{background:color-mix(in srgb, var(--panel-bg-elevated) 80%, transparent)}}.candidate-app-publish__crop-frame--hero{aspect-ratio:3000/560}.candidate-app-publish__crop-frame--reviews{aspect-ratio:3000/1024}.candidate-app-publish__crop-art{background-color:#0000;background-image:radial-gradient(circle at 22% 30%,#9ce0ff52,#0000 24%),radial-gradient(circle at 78% 36%,#ffd1a242,#0000 28%),linear-gradient(135deg,#213141f2,#3c5466d1),linear-gradient(#0000002e,#0000002e);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:100%;height:100%;min-height:100%;transform:scale(1.08)}.candidate-app-publish__crop-art--hero{background-position:50% 32%}.candidate-app-publish__crop-art--reviews{background-position:50% 46%}.candidate-app-publish__remove-button{color:#fff;background:#0000009e;border:0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:10px;right:10px}.candidate-app-publish__remove-button--card{top:8px;right:8px}.candidate-app-publish__dropzone{text-align:center;place-items:center;gap:14px;min-height:176px;padding:24px;display:grid}.candidate-app-publish__dropzone-icon{color:var(--text-muted)}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__dropzone-icon{color:color-mix(in srgb, var(--text-muted) 84%, transparent)}}.candidate-app-publish__dropzone-copy{gap:4px;display:grid}.candidate-app-publish__dropzone-copy strong{color:var(--text);font-size:15px;line-height:1.45}.candidate-app-publish__dropzone-copy p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.candidate-app-publish__dropzone-copy p span{color:var(--text-highlight);font-weight:700}.candidate-app-publish__selection-row{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.candidate-app-publish__screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.candidate-app-publish__screenshot-card{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:18px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__screenshot-card{background:color-mix(in srgb, var(--panel-bg) 90%, transparent)}}.candidate-app-publish__screenshot-art{min-height:108px}.candidate-app-publish__screenshot-art--coral{background:linear-gradient(160deg,#ffd8bbbd,#0000 54%),linear-gradient(135deg,#87402d,#ff8249)}.candidate-app-publish__screenshot-art--blue{background:linear-gradient(160deg,#bde0ff75,#0000 54%),linear-gradient(135deg,#21344b,#4b82c2)}.candidate-app-publish__screenshot-art--mint{background:linear-gradient(160deg,#c3f6e361,#0000 54%),linear-gradient(135deg,#17483d,#3d9b83)}.candidate-app-publish__screenshot-meta{border-top:1px solid var(--border-soft);color:var(--text-muted);padding:10px 12px;font-size:13px;line-height:1.45}.candidate-app-publish__control-wrap{position:relative}.candidate-app-publish__reference-input{padding-right:72px}.candidate-app-publish__reference-textarea{resize:none;min-height:148px;padding-bottom:34px}.candidate-app-publish__reference-native-select{width:100%}.candidate-app-publish__field-counter{pointer-events:none;color:var(--text-muted);font-size:12px;font-weight:600;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.candidate-app-publish__field-counter--textarea{top:auto;bottom:12px;transform:none}.candidate-app-publish__field-frame{border-style:solid;align-items:flex-start;gap:12px;padding:12px;display:flex}.candidate-app-publish__field-frame-body{flex:1;gap:10px;min-width:0;display:grid}.candidate-app-publish__field-frame-trailing{height:26px;color:var(--text-muted);align-items:center;display:flex}.candidate-app-publish__token-row{flex-wrap:wrap;gap:8px;display:flex}.candidate-app-publish__token-chip,.candidate-app-publish__person-pill{background:var(--interactive-hover);border-radius:999px;align-items:center;gap:8px;min-height:32px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__token-chip,.candidate-app-publish__person-pill{background:color-mix(in srgb, var(--interactive-hover) 90%, transparent)}}.candidate-app-publish__token-chip,.candidate-app-publish__person-pill{color:var(--text);padding:4px 10px;font-size:14px;font-weight:600;line-height:1.4}.candidate-app-publish__person-pill{padding-left:4px}.candidate-app-publish__token-remove{width:14px;height:14px;color:var(--text-muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.candidate-app-publish__ghost-input{color:var(--text-muted);font-size:14px;line-height:1.5}.candidate-app-publish__supporting-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}@media (width<=900px){.candidate-app-publish__crop-preview{grid-template-columns:minmax(0,1fr)}}.candidate-app-publish__avatar-tone .cn-avatar-fallback{color:inherit}.candidate-app-publish__avatar-tone--sand .cn-avatar-fallback{color:#7a3b28;background:#f9d6c8}.candidate-app-publish__avatar-tone--blue .cn-avatar-fallback{color:#224f96;background:#d8e7ff}.candidate-app-publish__avatar-tone--mint .cn-avatar-fallback{color:#2a6b3f;background:#dcefd7}.candidate-app-publish__rationale-grid{border:1px solid var(--border-soft);background:var(--panel-bg-elevated);border-radius:28px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__rationale-grid{background:color-mix(in srgb, var(--panel-bg-elevated) 78%, transparent)}}.candidate-app-publish__rationale-card{border:1px solid var(--border-soft);background:var(--panel-bg);border-radius:20px;align-content:start;gap:10px;min-height:164px;display:grid}@supports (color:color-mix(in lab, red, red)){.candidate-app-publish__rationale-card{background:color-mix(in srgb, var(--panel-bg) 94%, transparent)}}.candidate-app-publish__rationale-card{padding:18px}.candidate-app-publish__rationale-card svg{color:var(--text-highlight)}.candidate-app-publish__rationale-card strong{color:var(--text);font-size:16px;line-height:1.35}.candidate-app-publish__rationale-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.pattern-nav__preview-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.68fr);align-items:start;gap:24px;display:grid}.pattern-nav__surface{flex-direction:column;gap:12px;min-width:0;display:flex}.pattern-nav__surface-header{align-items:flex-start;gap:12px;display:flex}.pattern-nav__surface-header h3{color:var(--text);margin:6px 0 0;font-size:20px;font-weight:600;line-height:1.15}.pattern-nav__surface-header p{max-width:56ch;color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.55}.pattern-nav__desktop-frame,.pattern-nav__phone{--pattern-nav-ink:var(--text);--pattern-nav-muted:var(--text-muted);--pattern-nav-border:var(--border-soft);--pattern-nav-surface:var(--panel-bg-elevated);--pattern-nav-surface-muted:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.pattern-nav__desktop-frame,.pattern-nav__phone{--pattern-nav-surface-muted:color-mix(in srgb, var(--panel-bg) 62%, transparent)}}.pattern-nav__desktop-frame,.pattern-nav__phone{--pattern-nav-sidebar:var(--page-bg);--pattern-nav-panel:var(--panel-bg);--pattern-nav-accent:var(--link-text-active);background:var(--pattern-nav-surface);color:var(--pattern-nav-ink);box-shadow:0 20px 40px var(--page-bg), inset 0 0 0 1px var(--border-soft)}@supports (color:color-mix(in lab, red, red)){.pattern-nav__desktop-frame,.pattern-nav__phone{box-shadow:0 20px 40px color-mix(in srgb, var(--page-bg) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 56%, transparent)}}.pattern-nav__desktop-frame{border:1px solid var(--pattern-nav-border);min-height:640px;box-shadow:inset 0 0 0 1px var(--border-soft);border-radius:0;grid-template-columns:64px 240px minmax(0,1fr);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pattern-nav__desktop-frame{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 56%, transparent)}}.pattern-nav__rail{background:var(--pattern-nav-sidebar);flex-direction:column;justify-content:space-between;min-width:0;padding:12px 10px;display:flex}.pattern-nav__rail-group{flex-direction:column;align-items:center;gap:12px;display:flex}.pattern-nav__rail-group--nav{padding-bottom:2px}.pattern-nav__community-button,.pattern-nav__avatar,.pattern-nav__create-button,.pattern-nav__icon-button,.pattern-nav__utility-button,.pattern-nav__search-field,.pattern-nav__archived-row,.pattern-nav__composer{font-family:SF Pro Display,Inter,Helvetica Neue,sans-serif}.pattern-nav__community-button,.pattern-nav__avatar,.pattern-nav__create-button,.pattern-nav__icon-button,.pattern-nav__utility-button{color:#201f1fbd;letter-spacing:-.01em;background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.pattern-nav__community-button{background:var(--pattern-nav-surface);color:var(--pattern-nav-ink);position:relative}.pattern-nav__community-button--dark{color:#fff;background:#222}.pattern-nav__community-button--violet{color:#fff;background:linear-gradient(135deg,#5f5cff,#8b6df2)}.pattern-nav__community-button--blue{color:#fff;background:linear-gradient(135deg,#1b7cff,#6aa9ff)}.pattern-nav__community-badge{border:3px solid var(--pattern-nav-surface);background:var(--pattern-nav-ink);min-width:18px;height:18px;color:var(--pattern-nav-surface);letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:-5px;right:-6px}.pattern-nav__rail-divider{background:var(--pattern-nav-border);width:40px;height:1px}.pattern-nav__create-button,.pattern-nav__icon-button,.pattern-nav__mobile-nav-item,.pattern-nav__conversation-row{transition:transform .14s,background-color .14s,color .14s,box-shadow .14s}.pattern-nav__create-button,.pattern-nav__icon-button{position:relative}@media (hover:hover){.pattern-nav__create-button:hover,.pattern-nav__icon-button:hover,.pattern-nav__utility-button:hover,.pattern-nav__mobile-nav-item:hover{transform:translateY(-1px)}}.pattern-nav__icon-button--active{background:var(--pattern-nav-surface);box-shadow:inset 0 0 0 2px var(--pattern-nav-ink)}@supports (color:color-mix(in lab, red, red)){.pattern-nav__icon-button--active{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--pattern-nav-ink) 88%, transparent)}}.pattern-nav__attention-dot{background:var(--pattern-nav-accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--pattern-nav-sidebar);border-radius:999px;position:absolute;top:7px;right:7px}.pattern-nav__avatar{color:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:11px;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e}.pattern-nav__avatar--sm{width:24px;height:24px;font-size:10px}.pattern-nav__avatar--sand{background:linear-gradient(135deg,#d89b68,#8c4d24)}.pattern-nav__avatar--rose{background:linear-gradient(135deg,#e5b3bc,#ab6573)}.pattern-nav__avatar--charcoal{background:linear-gradient(135deg,#3e434f,#14191f)}.pattern-nav__avatar--amber{background:linear-gradient(135deg,#e3ae52,#9c5a21)}.pattern-nav__avatar-stack{align-items:center;padding-right:2px;display:inline-flex}.pattern-nav__avatar-stack .pattern-nav__avatar+.pattern-nav__avatar{box-shadow:0 0 0 2px var(--pattern-nav-panel);margin-left:-7px}.pattern-nav__avatar-stack-count{border:2px solid var(--pattern-nav-panel);background:var(--interactive-hover);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:-7px;display:flex}@supports (color:color-mix(in lab, red, red)){.pattern-nav__avatar-stack-count{background:color-mix(in srgb, var(--interactive-hover) 88%, transparent)}}.pattern-nav__avatar-stack-count{color:var(--pattern-nav-muted);padding:0 6px;font-size:11px;font-weight:600}.pattern-nav__utility-button{width:32px;height:32px;color:var(--pattern-nav-muted);border-radius:999px}.pattern-nav__desktop-sidebar,.pattern-nav__desktop-thread{background:var(--pattern-nav-surface);flex-direction:column;min-width:0;display:flex}.pattern-nav__desktop-sidebar{border-right:1px solid var(--pattern-nav-border);background:var(--pattern-nav-panel)}.pattern-nav__desktop-sidebar-header,.pattern-nav__desktop-thread-header,.pattern-nav__mobile-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pattern-nav__desktop-sidebar-header,.pattern-nav__desktop-thread-header{min-height:56px;padding:0 16px}.pattern-nav__desktop-sidebar-header strong,.pattern-nav__mobile-header strong,.pattern-nav__thread-title strong{color:var(--pattern-nav-ink);letter-spacing:-.01em;font-size:15px;font-weight:600}.pattern-nav__thread-title{align-items:center;gap:10px;min-width:0;display:inline-flex}.pattern-nav__thread-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pattern-nav__thread-actions{align-items:center;gap:6px;display:inline-flex}.pattern-nav__search-field{border:1px solid var(--pattern-nav-border);background:var(--pattern-nav-panel);border-radius:10px;align-items:center;gap:10px;min-height:40px;margin:0 16px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.pattern-nav__search-field{background:color-mix(in srgb, var(--pattern-nav-panel) 78%, var(--pattern-nav-surface))}}.pattern-nav__search-field{color:var(--pattern-nav-muted);padding:0 12px}.pattern-nav__search-field input{width:100%;color:inherit;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.pattern-nav__search-field input::placeholder{color:var(--pattern-nav-muted)}.pattern-nav__archived-row{border-top:1px solid var(--pattern-nav-border);border-bottom:1px solid var(--pattern-nav-border);min-height:48px;color:var(--pattern-nav-muted);background:0 0;justify-content:space-between;align-items:center;padding:0 8px 0 24px;display:flex}.pattern-nav__archived-leading,.pattern-nav__archived-trailing{align-items:center;gap:12px;font-size:15px;display:inline-flex}.pattern-nav__archived-leading span:last-child{font-weight:600}.pattern-nav__archived-trailing{font-size:14px}.pattern-nav__conversation-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px;display:flex}.pattern-nav__conversation-row{color:inherit;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.pattern-nav__conversation-row--active{background:#0d0c0c0d}.pattern-nav__conversation-leading{flex:none;align-items:center;display:flex}.pattern-nav__conversation-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pattern-nav__conversation-header,.pattern-nav__conversation-preview{align-items:center;gap:8px;min-width:0;display:flex}.pattern-nav__conversation-header strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.pattern-nav__conversation-time{color:var(--pattern-nav-muted);white-space:nowrap;font-size:14px}.pattern-nav__conversation-time--accent{color:var(--pattern-nav-accent);font-weight:600}.pattern-nav__conversation-preview span:first-child{min-width:0;color:var(--pattern-nav-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.pattern-nav__conversation-trailing{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.pattern-nav__mention-mark{color:var(--pattern-nav-accent);font-size:18px;font-weight:600;line-height:1}.pattern-nav__unread-pill{background:var(--pattern-nav-accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:13px;font-weight:600;display:inline-flex}.pattern-nav__desktop-thread{min-height:0}.pattern-nav__message-list{flex-direction:column;flex:1;gap:18px;min-height:0;padding:12px 12px 16px;display:flex}.pattern-nav__message-row{align-items:flex-start;gap:12px;display:flex}.pattern-nav__message-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pattern-nav__message-header{align-items:baseline;gap:8px;display:inline-flex}.pattern-nav__message-header strong{letter-spacing:-.01em;font-size:15px;font-weight:600}.pattern-nav__message-header span,.pattern-nav__reply-body span:last-child{color:var(--pattern-nav-muted);font-size:14px}.pattern-nav__message-content p{color:var(--pattern-nav-ink);margin:0;font-size:14px;line-height:1.5}.pattern-nav__reply-preview{background:var(--pattern-nav-surface-muted);border-radius:8px;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.pattern-nav__reply-header,.pattern-nav__reply-body{align-items:center;gap:8px;display:flex}.pattern-nav__reply-header{font-size:14px;font-weight:600}.pattern-nav__reply-header span:last-child{color:var(--pattern-nav-accent)}.pattern-nav__reply-body span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--pattern-nav-ink);flex:1;font-size:13px;overflow:hidden}.pattern-nav__composer{border:1px solid var(--pattern-nav-border);background:var(--pattern-nav-surface);border-radius:16px;flex-direction:column;gap:12px;margin:0 16px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.pattern-nav__composer{background:color-mix(in srgb, var(--pattern-nav-surface) 92%, var(--pattern-nav-panel))}}.pattern-nav__composer{padding:12px}.pattern-nav__composer-input{color:var(--pattern-nav-muted);align-items:center;gap:8px;font-size:14px;display:flex}.pattern-nav__composer-mention{background:var(--pattern-nav-accent);border-radius:2px}@supports (color:color-mix(in lab, red, red)){.pattern-nav__composer-mention{background:color-mix(in srgb, var(--pattern-nav-accent) 12%, transparent)}}.pattern-nav__composer-mention{color:var(--pattern-nav-accent);padding:0 2px}.pattern-nav__composer-footer,.pattern-nav__composer-chips,.pattern-nav__composer-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.pattern-nav__composer-footer{width:100%}.pattern-nav__composer-chip{border:1px solid var(--pattern-nav-border);min-height:32px;color:var(--pattern-nav-ink);background:var(--interactive-hover);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pattern-nav__composer-chip{background:color-mix(in srgb, var(--interactive-hover) 84%, transparent)}}.pattern-nav__composer-chip{padding:0 12px;font-size:14px;font-weight:500}.pattern-nav__composer-chip--accent{border-color:var(--pattern-nav-accent);background:var(--pattern-nav-accent)}@supports (color:color-mix(in lab, red, red)){.pattern-nav__composer-chip--accent{background:color-mix(in srgb, var(--pattern-nav-accent) 8%, transparent)}}.pattern-nav__send-button{background:var(--pattern-nav-accent);width:32px;height:32px;color:var(--pattern-nav-surface);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.pattern-nav__phone{border:1px solid var(--pattern-nav-border);border-radius:30px;flex-direction:column;width:min(100%,393px);min-height:844px;margin:0 auto;display:flex;overflow:hidden}.pattern-nav__status-bar{justify-content:space-between;align-items:center;padding:18px 18px 10px;font-size:17px;font-weight:600;display:flex}.pattern-nav__status-icons{align-items:flex-end;gap:4px;display:inline-flex}.pattern-nav__status-signal{background:var(--pattern-nav-ink);border-radius:999px;width:3px;height:12px}.pattern-nav__status-signal--short{height:9px}.pattern-nav__status-battery{border:1.5px solid var(--pattern-nav-ink);border-radius:3px;width:20px;height:10px}.pattern-nav__mobile-body{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.pattern-nav__mobile-header{min-height:52px;padding:0 16px}.pattern-nav__search-field--mobile{margin-bottom:16px}.pattern-nav__mobile-nav-shell{border-top:1px solid var(--pattern-nav-border);background:var(--pattern-nav-panel);flex-direction:column;display:flex}.pattern-nav__mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid}.pattern-nav__mobile-nav-item{min-height:52px;color:var(--pattern-nav-ink);justify-content:center;align-items:center;display:inline-flex}.pattern-nav__mobile-nav-item--active{color:var(--pattern-nav-ink)}.pattern-nav__mobile-nav-item .pattern-nav__avatar{width:24px;height:24px}.pattern-nav__home-indicator{background:#201f1f40;border-radius:999px;align-self:center;width:134px;height:5px;margin:8px 0}@media (width<=1200px){.candidate-preview__toolbar{justify-content:flex-start}.candidate-dm__desktop-shell,.candidate-dm__preview-grid--two,.candidate-app-publish__grid--two,.candidate-app-publish__rationale-grid{grid-template-columns:minmax(0,1fr)}.candidate-app-publish__toolbar{justify-content:flex-start}.candidate-app-publish__toolbar-group{justify-items:start}.candidate-dm__list-panel{border-bottom:1px solid var(--border-soft)}.pattern-nav__preview-grid{grid-template-columns:1fr}}@media (width<=720px){.candidate-preview__canvas{padding:0 0 16px}.candidate-dm__thread-header{align-items:flex-start}.candidate-dm__composer-footer{flex-direction:column;align-items:stretch}.candidate-dm__composer-actions{justify-content:space-between}.candidate-dm__phone-frame{width:100%}.candidate-app-publish__stack,.candidate-app-publish__rationale-grid{padding:20px}.candidate-app-publish__screenshot-grid{grid-template-columns:minmax(0,1fr)}.pattern-nav__surface{gap:10px}.pattern-nav__surface-header p{max-width:none}.pattern-nav__desktop-frame{grid-template-columns:58px minmax(0,1fr)}.pattern-nav__desktop-thread{display:none}.pattern-nav__conversation-row{padding-left:10px;padding-right:10px}}.pattern-nav__solo-stage,.pattern-nav__desktop-canvas{--pattern-nav-ink:var(--text);--pattern-nav-muted:var(--text-muted);--pattern-nav-border:var(--border-soft);--pattern-nav-surface:var(--panel-bg-elevated);--pattern-nav-surface-muted:var(--panel-bg)}@supports (color:color-mix(in lab, red, red)){.pattern-nav__solo-stage,.pattern-nav__desktop-canvas{--pattern-nav-surface-muted:color-mix(in srgb, var(--panel-bg) 62%, transparent)}}.pattern-nav__solo-stage,.pattern-nav__desktop-canvas{--pattern-nav-sidebar:var(--page-bg);--pattern-nav-panel:var(--panel-bg);--pattern-nav-accent:var(--link-text-active);background:var(--pattern-nav-surface);color:var(--pattern-nav-ink);box-shadow:0 20px 40px var(--page-bg), inset 0 0 0 1px var(--border-soft)}@supports (color:color-mix(in lab, red, red)){.pattern-nav__solo-stage,.pattern-nav__desktop-canvas{box-shadow:0 20px 40px color-mix(in srgb, var(--page-bg) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 56%, transparent)}}.pattern-nav__solo-stage{justify-content:center;display:flex}.pattern-nav__desktop-canvas{border:1px solid var(--pattern-nav-border);width:min(100%,1100px);min-height:680px;box-shadow:inset 0 0 0 1px var(--border-soft);border-radius:0;grid-template-columns:64px minmax(0,1fr);display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pattern-nav__desktop-canvas{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 56%, transparent)}}.pattern-nav__desktop-canvas .pattern-nav__rail{border-right:1px solid var(--pattern-nav-border)}.pattern-nav__desktop-ghost,.pattern-nav__mobile-ghost,.pattern-nav__empty-thread{gap:10px;display:grid}.pattern-nav__desktop-ghost{background:var(--pattern-nav-surface);align-content:end;padding:32px}.pattern-nav__desktop-ghost h3,.pattern-nav__mobile-ghost h3,.pattern-nav__empty-thread h3{color:var(--pattern-nav-ink);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:650;line-height:1.05}.pattern-nav__desktop-ghost p,.pattern-nav__mobile-ghost p,.pattern-nav__empty-thread p{max-width:42ch;color:var(--pattern-nav-muted);margin:0;font-size:14px;line-height:1.6}.pattern-nav__mobile-body--blank{justify-content:flex-end;padding:0 18px 18px}.pattern-nav__mobile-ghost{border:1px solid var(--pattern-nav-border);background:radial-gradient(circle at top, var(--pattern-nav-accent), transparent 42%), linear-gradient(180deg, var(--pattern-nav-panel), var(--pattern-nav-surface));border-radius:26px}@supports (color:color-mix(in lab, red, red)){.pattern-nav__mobile-ghost{background:radial-gradient(circle at top, color-mix(in srgb, var(--pattern-nav-accent) 10%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--pattern-nav-panel) 74%, transparent), color-mix(in srgb, var(--pattern-nav-surface) 96%, transparent))}}.pattern-nav__mobile-ghost{padding:26px 22px}.pattern-nav__mobile-thread-body{gap:8px}.pattern-nav__mobile-header--thread{min-height:56px}.pattern-nav__thread-back{width:32px;height:32px;color:var(--pattern-nav-muted);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.pattern-nav__thread-title--mobile{flex:1}.pattern-nav__message-list--mobile{gap:14px;padding:8px 16px 12px}.pattern-nav__empty-thread{background:var(--pattern-nav-surface);align-content:center;justify-items:start;height:100%;padding:32px}.icon-library,.icon-candidates{flex:1;grid-template-columns:minmax(0,1fr) 360px;min-width:0;min-height:0;display:grid;overflow:hidden}.icon-library--detail-collapsed,.icon-candidates--detail-collapsed{grid-template-columns:minmax(0,1fr)}.icon-library__catalog,.icon-candidates__catalog{flex-direction:column;gap:18px;min-width:0;min-height:0;padding:24px;display:flex;overflow:auto}.icon-library__hero{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.icon-library__hero-copy{max-width:68ch}.icon-library__hero-copy h3{color:var(--text);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700}.icon-library__hero-copy p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.65}.icon-library__hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-library__docs-link{border:1px solid var(--pill-border);background:var(--pill-bg);min-height:40px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}@media (hover:hover){.icon-library__docs-link:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--pill-bg);transform:translateY(-1px)}}.icon-library__summary{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.icon-library__summary strong{color:var(--text);font-size:15px;font-weight:700;display:block}.icon-library__summary p{color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.5}.icon-library__browse-prompt{border:1px dashed var(--pill-border);background:var(--pill-bg);border-radius:18px;gap:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.icon-library__browse-prompt{background:color-mix(in srgb, var(--pill-bg) 82%, transparent)}}.icon-library__browse-prompt{padding:20px}.icon-library__browse-prompt strong{color:var(--text);font-size:16px;font-weight:700}.icon-library__browse-prompt p{max-width:54ch;color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.icon-candidates__preview-section{gap:14px;display:grid}.icon-candidates__preview-header{gap:6px;display:grid}.icon-candidates__preview-header h4{color:var(--text);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.icon-candidates__preview-header p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.icon-candidates__preview-stage{min-height:220px}.icon-candidates__rail-preview{justify-items:center;gap:14px;display:grid}.icon-candidates__rail-button{border:1px solid var(--pill-border);background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--pill-bg);width:64px;height:64px;color:var(--text);box-shadow:inset 0 0 0 1px var(--border-soft), 0 16px 32px var(--page-bg);border-radius:20px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.icon-candidates__rail-button{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-soft) 72%, transparent), 0 16px 32px color-mix(in srgb, var(--page-bg) 10%, transparent)}}.icon-candidates__rail-label{color:var(--text-muted);font-size:13px;font-weight:600}.icon-candidates__example-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.icon-candidates__example-card{border:1px solid var(--pill-border);background:linear-gradient(180deg, var(--pill-bg), var(--panel-bg));border-radius:22px;gap:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.icon-candidates__example-card{background:linear-gradient(180deg, color-mix(in srgb, var(--pill-bg) 88%, transparent), color-mix(in srgb, var(--panel-bg) 82%, transparent))}}.icon-candidates__example-card{padding:18px 16px}.icon-candidates__example-media{background:var(--interactive-hover);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.icon-candidates__example-media{background:color-mix(in srgb, var(--interactive-hover) 56%, transparent)}}.icon-candidates__example-media{color:var(--text)}.icon-candidates__example-copy{gap:4px;display:grid}.icon-candidates__example-copy strong{color:var(--text);font-size:14px;font-weight:700}.icon-candidates__example-copy span{color:var(--text-muted);font-size:12px;line-height:1.45}.icon-library__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.icon-library__card{border:1px solid var(--pill-border);background:linear-gradient(180deg, var(--pill-bg), var(--panel-bg));border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;min-height:132px;display:flex}@supports (color:color-mix(in lab, red, red)){.icon-library__card{background:linear-gradient(180deg, color-mix(in srgb, var(--pill-bg) 88%, transparent), color-mix(in srgb, var(--panel-bg) 82%, transparent))}}.icon-library__card{color:var(--text);text-align:left;padding:16px 14px 14px;transition:background-color .14s,border-color .14s,color .14s,transform .14s,box-shadow .14s}.icon-library__card:focus-visible,.icon-library__action:focus-visible{outline:2px solid var(--viewer-link-active)}@supports (color:color-mix(in lab, red, red)){.icon-library__card:focus-visible,.icon-library__action:focus-visible{outline:2px solid color-mix(in srgb, var(--viewer-link-active) 72%, transparent)}}.icon-library__card:focus-visible,.icon-library__action:focus-visible{outline-offset:2px}@media (hover:hover){.icon-library__card:hover{border-color:var(--viewer-link-active);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.icon-library__card:hover{border-color:color-mix(in srgb, var(--viewer-link-active) 30%, var(--pill-border))}}.icon-library__card:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), linear-gradient(180deg, var(--pill-bg), var(--panel-bg))}@supports (color:color-mix(in lab, red, red)){.icon-library__card:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), linear-gradient(180deg, color-mix(in srgb, var(--pill-bg) 88%, transparent), color-mix(in srgb, var(--panel-bg) 82%, transparent))}}.icon-library__card:hover{box-shadow:0 16px 32px var(--page-bg)}@supports (color:color-mix(in lab, red, red)){.icon-library__card:hover{box-shadow:0 16px 32px color-mix(in srgb, var(--page-bg) 10%, transparent)}}}.icon-library__card--active{border-color:var(--viewer-link-active)}@supports (color:color-mix(in lab, red, red)){.icon-library__card--active{border-color:color-mix(in srgb, var(--viewer-link-active) 48%, var(--pill-border))}}.icon-library__card--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), linear-gradient(180deg, var(--pill-bg), var(--panel-bg))}@supports (color:color-mix(in lab, red, red)){.icon-library__card--active{background:linear-gradient(var(--interactive-active), var(--interactive-active)), linear-gradient(180deg, color-mix(in srgb, var(--pill-bg) 90%, transparent), color-mix(in srgb, var(--panel-bg) 84%, transparent))}}.icon-library__card-icon{background:var(--interactive-hover);border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.icon-library__card-icon{background:color-mix(in srgb, var(--interactive-hover) 56%, transparent)}}.icon-library__card-label{color:var(--text);font-size:14px;font-weight:700;line-height:1.35;display:block}.icon-library__card-meta{color:var(--text-muted);word-break:break-word;font-size:12px;line-height:1.4;display:block}.icon-library__results-note{border:1px dashed var(--pill-border);background:var(--pill-bg);border-radius:16px}@supports (color:color-mix(in lab, red, red)){.icon-library__results-note{background:color-mix(in srgb, var(--pill-bg) 80%, transparent)}}.icon-library__results-note{color:var(--text-muted);padding:14px 16px;font-size:13px;line-height:1.55}.icon-library__detail{border-left:1px solid var(--border-soft);background:var(--detail-panel-bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.icon-library__detail-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 16px;display:flex}.icon-library__detail-copy{flex-direction:column;gap:6px;display:flex}.icon-library__detail-copy h3{color:var(--text);margin:0;font-size:24px;font-weight:700}.icon-library__detail-copy p{color:var(--text-muted);margin:0;font-size:13px}.icon-library__preview-card{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:16px;padding:18px;display:flex}.icon-library__preview-stage{border:1px solid var(--pill-border);background:radial-gradient(circle at top, var(--interactive-hover), transparent 60%), linear-gradient(180deg, var(--panel-bg), var(--pill-bg));border-radius:24px;justify-content:center;align-items:center;min-height:168px;display:flex}@supports (color:color-mix(in lab, red, red)){.icon-library__preview-stage{background:radial-gradient(circle at top, color-mix(in srgb, var(--interactive-hover) 78%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, var(--panel-bg) 90%, transparent), color-mix(in srgb, var(--pill-bg) 84%, transparent))}}.icon-library__preview-scales{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.icon-library__preview-scale{border:1px solid var(--pill-border);background:var(--pill-bg);min-height:76px;color:var(--text);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.icon-library__preview-scale span{color:var(--text-muted);font-size:11px;font-weight:600}.icon-library__actions{flex-wrap:wrap;gap:10px;padding:18px 18px 0;display:flex}.icon-library__action{border:1px solid var(--pill-border);background:var(--pill-bg);min-height:38px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}@media (hover:hover){.icon-library__action:hover{background:linear-gradient(var(--interactive-hover), var(--interactive-hover)), var(--pill-bg);transform:translateY(-1px)}}.icon-library__snippet-list{flex-direction:column;gap:12px;display:flex}.icon-library__snippet{border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:14px;margin:0;padding:12px 14px;overflow:auto}.icon-library__snippet code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}@media (width<=1200px){.pattern-nav__desktop-canvas{grid-template-columns:58px minmax(0,1fr)}.pattern-nav__desktop-ghost{padding:26px}}@media (width<=960px){.icon-library,.icon-candidates{grid-template-columns:minmax(0,1fr)}.icon-library__catalog,.icon-candidates__catalog{padding:18px}.icon-library__detail{border-top:1px solid var(--border-soft);border-left:0}}@media (width<=720px){.pattern-nav__desktop-canvas{min-height:560px}.pattern-nav__mobile-ghost,.pattern-nav__empty-thread{padding:22px 18px}.pattern-nav__message-list--mobile{padding:8px 12px 12px}.icon-library__catalog,.icon-candidates__catalog{padding:16px}.icon-library__grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.icon-library__preview-scales{grid-template-columns:repeat(2,minmax(0,1fr))}}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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}@keyframes spin{to{transform:rotate(360deg)}}