@snowcone-app/canvas 0.1.0

package/dist/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-500:oklch(76.9% .188 70.08);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-300:oklch(85.5% .138 181.071);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-200:oklch(92% .004 286.32);--color-neutral-100:oklch(97% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-lg:64rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl--line-height:1;--text-9xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-lg:0 4px 4px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-primary:#000;--color-primary-foreground:#fff;--color-secondary:#f4f4f5;--color-secondary-foreground:#18181b;--color-default:#f0f0f1;--color-default-foreground:#18181b;--color-danger:#ef4444;--color-danger-foreground:#fff;--color-success:#22c55e;--color-success-foreground:#fff;--color-warning:#f59e0b;--color-warning-foreground:#000;--color-background:#f8f8f8;--color-foreground:#0a0a0a;--color-surface:#fff;--color-muted:#f4f4f5;--color-muted-foreground:#71717a;--color-divider:#e4e4e7;--color-focus:#000;--color-field:#fff;--color-field-foreground:#0a0a0a;--color-field-placeholder:#71717a;--color-field-border:transparent;--color-accent:#000;--color-accent-foreground:#fff;--color-card:#fff;--color-card-foreground:#0a0a0a;--color-popover:#fff;--color-popover-foreground:#0a0a0a;--color-border:#e4e4e7;--color-destructive:#ef4444;--color-destructive-foreground:#fff;--color-ring:#000;--color-input:transparent;--color-overlay:#fff;--font-family-heading:ui-sans-serif, system-ui, sans-serif;--font-family-body:ui-sans-serif, system-ui, sans-serif;--font-family-label:ui-sans-serif, system-ui, sans-serif;--font-family-button:ui-sans-serif, system-ui, sans-serif;--font-family-caption:ui-sans-serif, system-ui, sans-serif;--font-family-display:ui-sans-serif, system-ui, sans-serif;--font-family-accent:ui-sans-serif, system-ui, sans-serif;--radius-button:4px;--radius-input:4px;--radius-card:6px;--radius-modal:8px;--radius-badge:9999px;--radius-avatar:9999px;--radius-tooltip:6px;--radius-image:4px;--z-base:1;--z-sticky:1000;--z-dropdown:1001;--z-drawer:10002;--z-overlay:10001;--z-modal:10000;--z-tooltip:2147480000}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-\[5px\]{top:-5px;right:-5px;bottom:-5px;left:-5px}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\[3px\]{top:3px;right:3px;bottom:3px;left:3px}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-\[4px\]{top:-4px}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-24{top:calc(var(--spacing) * 24)}.top-\[20px\]{top:20px}.top-\[80px\]{top:80px}.top-\[calc\(100\%\+var\(--space-md\)\)\]{top:calc(100% + var(--space-md))}.top-full{top:100%}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-\[4px\]{right:-4px}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-\[20px\]{right:20px}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-5{bottom:calc(var(--spacing) * -5)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-\[-9999px\]{left:-9999px}.isolate{isolation:isolate}.z-0{z-index:0}.z-9{z-index:9}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[15\]{z-index:15}.z-\[16\]{z-index:16}.z-\[20\]{z-index:20}.z-\[200\]{z-index:200}.z-\[1001\]{z-index:1001}.z-\[var\(--z-drawer\)\]{z-index:var(--z-drawer)}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.row-span-2{grid-row:span 2/span 2}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.m-0{margin:calc(var(--spacing) * 0)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[2px\]{margin-top:2px}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-\[22px\]{margin-left:22px}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-2\/3{aspect-ratio:2/3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-\[18px\]{width:18px;height:18px}.size-\[22px\]{width:22px;height:22px}.size-full{width:100%;height:100%}.h-0{height:calc(var(--spacing) * 0)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[1px\]{height:1px}.h-\[3px\]{height:3px}.h-\[20px\]{height:20px}.h-\[23px\]{height:23px}.h-\[52px\]{height:52px}.h-\[74px\]{height:74px}.h-\[200px\]{height:200px}.h-\[400px\]{height:400px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[95vh\]{max-height:95vh}.max-h-\[280px\]{max-height:280px}.max-h-\[300px\]{max-height:300px}.max-h-\[calc\(100vh-10rem\)\]{max-height:calc(100vh - 10rem)}.max-h-\[calc\(100vh-11rem\)\]{max-height:calc(100vh - 11rem)}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[80px\]{min-height:80px}.min-h-\[100px\]{min-height:100px}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4xl{width:var(--container-4xl)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[1px\]{width:1px}.w-\[20px\]{width:20px}.w-\[23px\]{width:23px}.w-\[30\%\]{width:30%}.w-\[74px\]{width:74px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[132px\]{width:132px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[256px\]{width:256px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[350px\]{width:350px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[450px\]{width:450px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[min\(400px\,90vw\)\]{width:min(400px,90vw)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.w-sm{width:var(--container-sm)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-96{max-width:calc(var(--spacing) * 96)}.max-w-\[95vw\]{max-width:95vw}.max-w-\[100px\]{max-width:100px}.max-w-\[400px\]{max-width:400px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-screen-lg{max-width:var(--breakpoint-lg)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-4xl{min-width:var(--container-4xl)}.min-w-5xl{min-width:var(--container-5xl)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-\[1\.25rem\]{min-width:1.25rem}.min-w-\[1rem\]{min-width:1rem}.min-w-\[3ch\]{min-width:3ch}.min-w-\[8rem\]{min-width:8rem}.min-w-\[44px\]{min-width:44px}.min-w-\[70px\]{min-width:70px}.min-w-\[80px\]{min-width:80px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[232px\]{min-width:232px}.min-w-\[240px\]{min-width:240px}.min-w-\[300px\]{min-width:300px}.min-w-\[320px\]{min-width:320px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-auto{min-width:auto}.min-w-lg{min-width:var(--container-lg)}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.break-inside-avoid{break-inside:avoid}.grid-flow-dense{grid-auto-flow:dense}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(100px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.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-8{gap:calc(var(--spacing) * 8)}.gap-\[2px\]{gap:2px}.gap-px{gap:1px}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[999px\]{border-radius:999px}.rounded-\[calc\(var\(--radius-image\,4px\)\+3px\)\]{border-radius:calc(var(--radius-image,4px) + 3px)}.rounded-avatar{border-radius:var(--radius-avatar)}.rounded-badge{border-radius:var(--radius-badge)}.rounded-button{border-radius:var(--radius-button)}.rounded-card{border-radius:var(--radius-card)}.rounded-full{border-radius:3.40282e38px}.rounded-image{border-radius:var(--radius-image)}.rounded-input{border-radius:var(--radius-input)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-modal{border-radius:var(--radius-modal)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-tooltip{border-radius:var(--radius-tooltip)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.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-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-accent{border-color:var(--color-accent)}.border-background{border-color:var(--color-background)}.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-border{border-color:var(--color-border)}.border-border\/30{border-color:#e4e4e74d}@supports (color:color-mix(in lab,red,red)){.border-border\/30{border-color:color-mix(in oklab,var(--color-border) 30%,transparent)}}.border-border\/40{border-color:#e4e4e766}@supports (color:color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--color-border) 40%,transparent)}}.border-danger{border-color:var(--color-danger)}.border-danger\/30{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.border-danger\/30{border-color:color-mix(in oklab,var(--color-danger) 30%,transparent)}}.border-danger\/40{border-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.border-danger\/40{border-color:color-mix(in oklab,var(--color-danger) 40%,transparent)}}.border-danger\/50{border-color:#ef444480}@supports (color:color-mix(in lab,red,red)){.border-danger\/50{border-color:color-mix(in oklab,var(--color-danger) 50%,transparent)}}.border-divider{border-color:var(--color-divider)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-field-border{border-color:var(--color-field-border)}.border-foreground{border-color:var(--color-foreground)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-muted-foreground\/20{border-color:#71717a33}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/20{border-color:color-mix(in oklab,var(--color-muted-foreground) 20%,transparent)}}.border-muted-foreground\/30{border-color:#71717a4d}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/30{border-color:color-mix(in oklab,var(--color-muted-foreground) 30%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary\/40{border-color:#0006}@supports (color:color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-success{border-color:var(--color-success)}.border-success\/20{border-color:#22c55e33}@supports (color:color-mix(in lab,red,red)){.border-success\/20{border-color:color-mix(in oklab,var(--color-success) 20%,transparent)}}.border-success\/30{border-color:#22c55e4d}@supports (color:color-mix(in lab,red,red)){.border-success\/30{border-color:color-mix(in oklab,var(--color-success) 30%,transparent)}}.border-success\/40{border-color:#22c55e66}@supports (color:color-mix(in lab,red,red)){.border-success\/40{border-color:color-mix(in oklab,var(--color-success) 40%,transparent)}}.border-success\/50{border-color:#22c55e80}@supports (color:color-mix(in lab,red,red)){.border-success\/50{border-color:color-mix(in oklab,var(--color-success) 50%,transparent)}}.border-surface{border-color:var(--color-surface)}.border-transparent{border-color:#0000}.border-warning{border-color:var(--color-warning)}.border-warning\/40{border-color:#f59e0b66}@supports (color:color-mix(in lab,red,red)){.border-warning\/40{border-color:color-mix(in oklab,var(--color-warning) 40%,transparent)}}.bg-\[var\(--color-default-on-surface\)\]{background-color:var(--color-default-on-surface)}.bg-\[var\(--color-field-on-surface\)\]{background-color:var(--color-field-on-surface)}.bg-accent{background-color:var(--color-accent)}.bg-amber-500\/90{background-color:#f99c00e6}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/90{background-color:color-mix(in oklab,var(--color-amber-500) 90%,transparent)}}.bg-background{background-color:var(--color-background)}.bg-background\/50{background-color:#f8f8f880}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--color-background) 50%,transparent)}}.bg-background\/80{background-color:#f8f8f8cc}@supports (color:color-mix(in lab,red,red)){.bg-background\/80{background-color:color-mix(in oklab,var(--color-background) 80%,transparent)}}.bg-background\/85{background-color:#f8f8f8d9}@supports (color:color-mix(in lab,red,red)){.bg-background\/85{background-color:color-mix(in oklab,var(--color-background) 85%,transparent)}}.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\/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-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--color-border)}.bg-border\/30{background-color:#e4e4e74d}@supports (color:color-mix(in lab,red,red)){.bg-border\/30{background-color:color-mix(in oklab,var(--color-border) 30%,transparent)}}.bg-card{background-color:var(--color-card)}.bg-current{background-color:currentColor}.bg-danger{background-color:var(--color-danger)}.bg-danger\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-danger\/10{background-color:color-mix(in oklab,var(--color-danger) 10%,transparent)}}.bg-danger\/20{background-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.bg-danger\/20{background-color:color-mix(in oklab,var(--color-danger) 20%,transparent)}}.bg-default{background-color:var(--color-default)}.bg-default\/30{background-color:#f0f0f14d}@supports (color:color-mix(in lab,red,red)){.bg-default\/30{background-color:color-mix(in oklab,var(--color-default) 30%,transparent)}}.bg-default\/50{background-color:#f0f0f180}@supports (color:color-mix(in lab,red,red)){.bg-default\/50{background-color:color-mix(in oklab,var(--color-default) 50%,transparent)}}.bg-destructive{background-color:var(--color-destructive)}.bg-divider{background-color:var(--color-divider)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-field{background-color:var(--color-field)}.bg-foreground{background-color:var(--color-foreground)}.bg-foreground\/5{background-color:#0a0a0a0d}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/5{background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)}}.bg-foreground\/10{background-color:#0a0a0a1a}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/10{background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)}}.bg-foreground\/20{background-color:#0a0a0a33}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/20{background-color:color-mix(in oklab,var(--color-foreground) 20%,transparent)}}.bg-gray-50,.bg-gray-50\/100{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground\/20{background-color:#71717a33}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/20{background-color:color-mix(in oklab,var(--color-muted-foreground) 20%,transparent)}}.bg-muted-foreground\/30{background-color:#71717a4d}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/30{background-color:color-mix(in oklab,var(--color-muted-foreground) 30%,transparent)}}.bg-muted\/30{background-color:#f4f4f54d}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--color-muted) 30%,transparent)}}.bg-muted\/40{background-color:#f4f4f566}@supports (color:color-mix(in lab,red,red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--color-muted) 40%,transparent)}}.bg-neutral-800\/20{background-color:#26262633}@supports (color:color-mix(in lab,red,red)){.bg-neutral-800\/20{background-color:color-mix(in oklab,var(--color-neutral-800) 20%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-popover{background-color:var(--color-popover)}.bg-popover\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.bg-popover\/85{background-color:color-mix(in oklab,var(--color-popover) 85%,transparent)}}.bg-popover\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-popover\/95{background-color:color-mix(in oklab,var(--color-popover) 95%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary-foreground{background-color:var(--color-primary-foreground)}.bg-primary\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-success\/10{background-color:#22c55e1a}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success) 10%,transparent)}}.bg-success\/20{background-color:#22c55e33}@supports (color:color-mix(in lab,red,red)){.bg-success\/20{background-color:color-mix(in oklab,var(--color-success) 20%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning\/10{background-color:#f59e0b1a}@supports (color:color-mix(in lab,red,red)){.bg-warning\/10{background-color:color-mix(in oklab,var(--color-warning) 10%,transparent)}}.bg-warning\/20{background-color:#f59e0b33}@supports (color:color-mix(in lab,red,red)){.bg-warning\/20{background-color:color-mix(in oklab,var(--color-warning) 20%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(45deg\,var\(--color-text-muted\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--color-text-muted\)_75\%\,var\(--color-text-muted\)\)\,linear-gradient\(45deg\,var\(--color-text-muted\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--color-text-muted\)_75\%\,var\(--color-text-muted\)\)\]{background-image:linear-gradient(45deg,var(--color-text-muted) 25%,transparent 25%,transparent 75%,var(--color-text-muted) 75%,var(--color-text-muted)),linear-gradient(45deg,var(--color-text-muted) 25%,transparent 25%,transparent 75%,var(--color-text-muted) 75%,var(--color-text-muted))}.from-\[\#D4C4B0\]{--tw-gradient-from:#d4c4b0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-background{--tw-gradient-from:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab,red,red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab, var(--color-black) 80%, transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-muted{--tw-gradient-from:var(--color-muted);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/60{--tw-gradient-via:#0009}@supports (color:color-mix(in lab,red,red)){.via-black\/60{--tw-gradient-via:color-mix(in oklab, var(--color-black) 60%, transparent)}}.via-black\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-500{--tw-gradient-via:var(--color-pink-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-300{--tw-gradient-via:var(--color-teal-300);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#B8A99A\]{--tw-gradient-to:#b8a99a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-300{--tw-gradient-to:var(--color-green-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-muted\/50{--tw-gradient-to:#f4f4f580}@supports (color:color-mix(in lab,red,red)){.to-muted\/50{--tw-gradient-to:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.to-muted\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[background-size\:8px_8px\]{background-size:8px 8px}.\[background-size\:10px_10px\]{background-size:10px 10px}.bg-cover{background-size:cover}.\[background-position\:0_0\,4px_4px\]{background-position:0 0,4px 4px}.\[background-position\:0_0\,5px_5px\]{background-position:0 0,5px 5px}.bg-center{background-position:50%}.bg-repeat{background-repeat:repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.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-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.p-\[6px\]{padding:6px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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)}.px-8{padding-inline:calc(var(--spacing) * 8)}.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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[2px\]{padding-block:2px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[10px\]{padding-top:10px}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-\[9px\]{padding-bottom:9px}.pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+20px\)\]{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[48px\]{font-size:48px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#d32f2f\]{color:#d32f2f}.text-accent{color:var(--color-accent)}.text-accent-foreground{color:var(--color-accent-foreground)}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-danger{color:var(--color-danger)}.text-danger-foreground{color:var(--color-danger-foreground)}.text-default-foreground{color:var(--color-default-foreground)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-700{color:var(--color-emerald-700)}.text-field-foreground{color:var(--color-field-foreground)}.text-foreground{color:var(--color-foreground)}.text-foreground\/30{color:#0a0a0a4d}@supports (color:color-mix(in lab,red,red)){.text-foreground\/30{color:color-mix(in oklab,var(--color-foreground) 30%,transparent)}}.text-foreground\/40{color:#0a0a0a66}@supports (color:color-mix(in lab,red,red)){.text-foreground\/40{color:color-mix(in oklab,var(--color-foreground) 40%,transparent)}}.text-foreground\/50{color:#0a0a0a80}@supports (color:color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,var(--color-foreground) 50%,transparent)}}.text-foreground\/55{color:#0a0a0a8c}@supports (color:color-mix(in lab,red,red)){.text-foreground\/55{color:color-mix(in oklab,var(--color-foreground) 55%,transparent)}}.text-foreground\/60{color:#0a0a0a99}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--color-foreground) 60%,transparent)}}.text-foreground\/70{color:#0a0a0ab3}@supports (color:color-mix(in lab,red,red)){.text-foreground\/70{color:color-mix(in oklab,var(--color-foreground) 70%,transparent)}}.text-foreground\/80{color:#0a0a0acc}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--color-foreground) 80%,transparent)}}.text-foreground\/85{color:#0a0a0ad9}@supports (color:color-mix(in lab,red,red)){.text-foreground\/85{color:color-mix(in oklab,var(--color-foreground) 85%,transparent)}}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-muted{color:var(--color-muted)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-muted-foreground\/60{color:#71717a99}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--color-muted-foreground) 60%,transparent)}}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-overlay{color:var(--color-overlay)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-success-foreground{color:var(--color-success-foreground)}.text-warning{color:var(--color-warning)}.text-warning-foreground{color:var(--color-warning-foreground)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.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}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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_0_0_var\(--color-accent-primary\)\]{--tw-shadow:0 -2px 0 0 var(--tw-shadow-color,var(--color-accent-primary));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_1px\]{--tw-shadow:0 1px 0 1px var(--tw-shadow-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)}.shadow-\[0_2px_0_0_var\(--color-accent-primary\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--color-accent-primary));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_4px_24px_-4px_rgba\(0\,0\,0\,0\.15\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 4px 24px -4px var(--tw-shadow-color,#00000026), 0 0 0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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)}.shadow-soft{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000f), 0 2px 4px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-surface{--tw-shadow:0 1px 3px 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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-black\/10{--tw-shadow-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.shadow-black\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-border{--tw-ring-color:var(--color-border)}.ring-border\/30{--tw-ring-color:#e4e4e74d}@supports (color:color-mix(in lab,red,red)){.ring-border\/30{--tw-ring-color:color-mix(in oklab, var(--color-border) 30%, transparent)}}.ring-danger{--tw-ring-color:var(--color-danger)}.ring-focus{--tw-ring-color:var(--color-focus)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.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,)}.brightness-0{--tw-brightness:brightness(0%);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,)}.brightness-50{--tw-brightness:brightness(50%);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,)}.brightness-100{--tw-brightness:brightness(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,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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,)}.invert{--tw-invert:invert(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-lg{--tw-backdrop-blur:blur(var(--blur-lg));-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-md{--tw-backdrop-blur:blur(var(--blur-md));-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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,opacity\]{transition-property:color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,width\,opacity\]{transition-property:left,width,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\,0\,0\.2\,1\)\]{--tw-ease:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\]{--tw-ease:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-foreground\/60:is(:where(.group):hover *){color:#0a0a0a99}@supports (color:color-mix(in lab,red,red)){.group-hover\:text-foreground\/60:is(:where(.group):hover *){color:color-mix(in oklab,var(--color-foreground) 60%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-\[\:focus-visible\]\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-field-placeholder::placeholder{color:var(--color-field-placeholder)}.placeholder\:text-foreground\/50::placeholder{color:#0a0a0a80}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-foreground\/50::placeholder{color:color-mix(in oklab,var(--color-foreground) 50%,transparent)}}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:-bottom-0\.5:after{content:var(--tw-content);bottom:calc(var(--spacing) * -.5)}.after\:-bottom-1:after{content:var(--tw-content);bottom:calc(var(--spacing) * -1)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing) * 4)}.after\:h-\[1px\]:after{content:var(--tw-content);height:1px}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:origin-bottom-right:after{content:var(--tw-content);transform-origin:100% 100%}.after\:translate-x-4:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:scale-x-0:after{content:var(--tw-content);--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-current:after{content:var(--tw-content);background-color:currentColor}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:opacity-50:after{content:var(--tw-content);opacity:.5}.after\:shadow-md:after{content:var(--tw-content);--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)}.after\:transition-transform:after{content:var(--tw-content);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:duration-200:after{content:var(--tw-content);--tw-duration:.2s;transition-duration:.2s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-accent:hover{border-color:var(--color-accent)}.hover\:border-border\/60:hover{border-color:#e4e4e799}@supports (color:color-mix(in lab,red,red)){.hover\:border-border\/60:hover{border-color:color-mix(in oklab,var(--color-border) 60%,transparent)}}.hover\:border-foreground\/30:hover{border-color:#0a0a0a4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-foreground\/30:hover{border-color:color-mix(in oklab,var(--color-foreground) 30%,transparent)}}.hover\:border-muted:hover{border-color:var(--color-muted)}.hover\:border-muted-foreground\/40:hover{border-color:#71717a66}@supports (color:color-mix(in lab,red,red)){.hover\:border-muted-foreground\/40:hover{border-color:color-mix(in oklab,var(--color-muted-foreground) 40%,transparent)}}.hover\:border-primary\/50:hover{border-color:#00000080}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/50:hover{border-color:color-mix(in oklab,var(--color-primary) 50%,transparent)}}.hover\:bg-\[rgba\(211\,47\,47\,0\.1\)\]:hover{background-color:#d32f2f1a}.hover\:bg-\[var\(--color-default-on-surface\)\]:hover,.hover\:bg-\[var\(--color-default-on-surface\)\]\/80:hover{background-color:var(--color-default-on-surface)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--color-default-on-surface\)\]\/80:hover{background-color:color-mix(in oklab,var(--color-default-on-surface) 80%,transparent)}}.hover\:bg-\[var\(--color-field-on-surface\)\]\/80:hover{background-color:var(--color-field-on-surface)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--color-field-on-surface\)\]\/80:hover{background-color:color-mix(in oklab,var(--color-field-on-surface) 80%,transparent)}}.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\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-current\/20:hover{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hover\:bg-current\/20:hover{background-color:color-mix(in oklab,currentcolor 20%,transparent)}}.hover\:bg-default\/50:hover{background-color:#f0f0f180}@supports (color:color-mix(in lab,red,red)){.hover\:bg-default\/50:hover{background-color:color-mix(in oklab,var(--color-default) 50%,transparent)}}.hover\:bg-default\/80:hover{background-color:#f0f0f1cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-default\/80:hover{background-color:color-mix(in oklab,var(--color-default) 80%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-field\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-field\/80:hover{background-color:color-mix(in oklab,var(--color-field) 80%,transparent)}}.hover\:bg-foreground\/5:hover{background-color:#0a0a0a0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/5:hover{background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)}}.hover\:bg-foreground\/10:hover{background-color:#0a0a0a1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/10:hover{background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)}}.hover\:bg-foreground\/\[0\.04\]:hover{background-color:#0a0a0a0a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/\[0\.04\]:hover{background-color:color-mix(in oklab,var(--color-foreground) 4%,transparent)}}.hover\:bg-foreground\/\[0\.06\]:hover{background-color:#0a0a0a0f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/\[0\.06\]:hover{background-color:color-mix(in oklab,var(--color-foreground) 6%,transparent)}}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-muted\/50:hover{background-color:#f4f4f580}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.hover\:bg-muted\/80:hover{background-color:#f4f4f5cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/80:hover{background-color:color-mix(in oklab,var(--color-muted) 80%,transparent)}}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-primary\/90:hover{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-\[\#c62828\]:hover{color:#c62828}.hover\:text-danger\/80:hover{color:#ef4444cc}@supports (color:color-mix(in lab,red,red)){.hover\:text-danger\/80:hover{color:color-mix(in oklab,var(--color-danger) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-foreground\/80:hover{color:#0a0a0acc}@supports (color:color-mix(in lab,red,red)){.hover\:text-foreground\/80:hover{color:color-mix(in oklab,var(--color-foreground) 80%,transparent)}}.hover\:text-primary\/80:hover{color:#000c}@supports (color:color-mix(in lab,red,red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}.hover\:text-secondary\/80:hover{color:#f4f4f5cc}@supports (color:color-mix(in lab,red,red)){.hover\:text-secondary\/80:hover{color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:text-success\/80:hover{color:#22c55ecc}@supports (color:color-mix(in lab,red,red)){.hover\:text-success\/80:hover{color:color-mix(in oklab,var(--color-success) 80%,transparent)}}.hover\:text-warning\/80:hover{color:#f59e0bcc}@supports (color:color-mix(in lab,red,red)){.hover\:text-warning\/80:hover{color:color-mix(in oklab,var(--color-warning) 80%,transparent)}}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--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)}.hover\:brightness-80:hover{--tw-brightness:brightness(80%);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,)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);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,)}.hover\:after\:origin-bottom-left:hover:after{content:var(--tw-content);transform-origin:0 100%}.hover\:after\:scale-x-100:hover:after{content:var(--tw-content);--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:after\:opacity-100:hover:after{content:var(--tw-content);opacity:1}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:bg-default\/50:focus{background-color:#f0f0f180}@supports (color:color-mix(in lab,red,red)){.focus\:bg-default\/50:focus{background-color:color-mix(in oklab,var(--color-default) 50%,transparent)}}.focus\:shadow-\[0_0_0_2px_var\(--color-accent-light\)\]:focus{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--color-accent-light));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--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\:ring-focus:focus{--tw-ring-color:var(--color-focus)}.focus\:ring-foreground\/20:focus{--tw-ring-color:#0a0a0a33}@supports (color:color-mix(in lab,red,red)){.focus\:ring-foreground\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-foreground) 20%, transparent)}}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--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\:ring-offset-background:focus{--tw-ring-offset-color:var(--color-background)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.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-danger:focus-visible{--tw-ring-color:var(--color-danger)}.focus-visible\:ring-focus:focus-visible{--tw-ring-color:var(--color-focus)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color:var(--color-primary)}.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-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-foreground\/\[0\.06\]:active{background-color:#0a0a0a0f}@supports (color:color-mix(in lab,red,red)){.active\:bg-foreground\/\[0\.06\]:active{background-color:color-mix(in oklab,var(--color-foreground) 6%,transparent)}}.active\:bg-muted\/60:active{background-color:#f4f4f599}@supports (color:color-mix(in lab,red,red)){.active\:bg-muted\/60:active{background-color:color-mix(in oklab,var(--color-muted) 60%,transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-foreground\/50[data-placeholder]{color:#0a0a0a80}@supports (color:color-mix(in lab,red,red)){.data-\[placeholder\]\:text-foreground\/50[data-placeholder]{color:color-mix(in oklab,var(--color-foreground) 50%,transparent)}}.data-\[selected\=false\]\:border-border[data-selected=false]{border-color:var(--color-border)}.data-\[selected\=true\]\:scale-105[data-selected=true]{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[selected\=true\]\:border-2[data-selected=true]{border-style:var(--tw-border-style);border-width:2px}.data-\[selected\=true\]\:border-primary[data-selected=true]{border-color:var(--color-primary)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:opacity-100[data-state=active]{opacity:1}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--color-primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--color-primary-foreground)}.data-\[state\=checked\]\:shadow-none[data-state=checked]{--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-\[state\=checked\]\:duration-300[data-state=checked]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=inactive\]\:text-foreground[data-state=inactive]{color:var(--color-foreground)}.data-\[state\=inactive\]\:opacity-30[data-state=inactive]{opacity:.3}.data-\[state\=inactive\]\:opacity-50[data-state=inactive]{opacity:.5}@media (hover:hover){.data-\[state\=inactive\]\:hover\:opacity-50[data-state=inactive]:hover{opacity:.5}.data-\[state\=inactive\]\:hover\:opacity-70[data-state=inactive]:hover{opacity:.7}}.data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--color-primary)}.data-\[state\=indeterminate\]\:text-primary-foreground[data-state=indeterminate]{color:var(--color-primary-foreground)}.data-\[state\=indeterminate\]\:shadow-none[data-state=indeterminate]{--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-\[state\=indeterminate\]\:duration-150[data-state=indeterminate]{--tw-duration:.15s;transition-duration:.15s}.data-\[state\=open\]\:bg-default\/50[data-state=open]{background-color:#f0f0f180}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-default\/50[data-state=open]{background-color:color-mix(in oklab,var(--color-default) 50%,transparent)}}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-muted[data-state=unchecked]{background-color:var(--color-muted)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.md\:size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.md\:size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.md\:size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.md\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.md\:size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.md\:size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.md\:h-2{height:calc(var(--spacing) * 2)}.md\:h-4{height:calc(var(--spacing) * 4)}.md\:h-5{height:calc(var(--spacing) * 5)}.md\:h-9{height:calc(var(--spacing) * 9)}.md\:h-12{height:calc(var(--spacing) * 12)}.md\:w-4{width:calc(var(--spacing) * 4)}.md\:w-9{width:calc(var(--spacing) * 9)}.md\:w-11{width:calc(var(--spacing) * 11)}.md\:w-14{width:calc(var(--spacing) * 14)}.md\:w-\[108px\]{width:108px}.md\:min-w-\[32px\]{min-width:32px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-5{gap:calc(var(--spacing) * 5)}.md\:rounded{border-radius:.25rem}.md\:rounded-button{border-radius:var(--radius-button)}.md\:px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.md\:px-3{padding-inline:calc(var(--spacing) * 3)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:py-0{padding-block:calc(var(--spacing) * 0)}.md\:py-1{padding-block:calc(var(--spacing) * 1)}.md\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.md\:py-2{padding-block:calc(var(--spacing) * 2)}.md\:pt-0{padding-top:calc(var(--spacing) * 0)}.md\:pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.md\:pt-2{padding-top:calc(var(--spacing) * 2)}.md\:pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.md\:pt-3{padding-top:calc(var(--spacing) * 3)}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.md\:pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+16px\)\]{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:text-\[13px\]{font-size:13px}.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\: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)}.md\:data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\:w-\[35\%\]{width:35%}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:bg-\[var\(--color-default-on-surface\)\]{background-color:var(--color-default-on-surface)}.dark\:bg-\[var\(--color-field-on-surface\)\]{background-color:var(--color-field-on-surface)}.dark\:bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.dark\:bg-default{background-color:var(--color-default)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-popover{background-color:var(--color-popover)}.dark\:bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:text-gray-100{color:var(--color-gray-100)}.dark\:shadow-\[0_4px_24px_-4px_rgba\(0\,0\,0\,0\.4\)\,0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:0 4px 24px -4px var(--tw-shadow-color,#0006), 0 0 0 1px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\: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)}.dark\:shadow-black\/30{--tw-shadow-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-black\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-gray-950\/50{--tw-shadow-color:#03071280}@supports (color:color-mix(in lab,red,red)){.dark\:shadow-gray-950\/50{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-gray-950) 50%, transparent) var(--tw-shadow-alpha), transparent)}}@media (hover:hover){.dark\:hover\:border-accent:hover{border-color:var(--color-accent)}.dark\:hover\:bg-\[var\(--color-default-on-surface\)\]\/80:hover{background-color:var(--color-default-on-surface)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-\[var\(--color-default-on-surface\)\]\/80:hover{background-color:color-mix(in oklab,var(--color-default-on-surface) 80%,transparent)}}.dark\:hover\:bg-\[var\(--color-field-on-surface\)\]\/80:hover{background-color:var(--color-field-on-surface)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-\[var\(--color-field-on-surface\)\]\/80:hover{background-color:color-mix(in oklab,var(--color-field-on-surface) 80%,transparent)}}.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}.dark\:focus\:bg-white\/5:focus{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:bg-white\/5:focus{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:data-\[state\=open\]\:bg-white\/5[data-state=open]{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=open\]\:bg-white\/5[data-state=open]{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-foreground\/60 svg{color:#0a0a0a99}@supports (color:color-mix(in lab,red,red)){.\[\&_svg\]\:text-foreground\/60 svg{color:color-mix(in oklab,var(--color-foreground) 60%,transparent)}}.\[\&\:\:-webkit-scrollbar\]\:h-0::-webkit-scrollbar{height:calc(var(--spacing) * 0)}.\[\&\:\:-webkit-scrollbar\]\:w-sm::-webkit-scrollbar{width:var(--container-sm)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-sm::-webkit-scrollbar-thumb{border-radius:var(--radius-sm)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/20::-webkit-scrollbar-thumb{background-color:#0a0a0a33}@supports (color:color-mix(in lab,red,red)){.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/20::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-foreground) 20%,transparent)}}@media (hover:hover){.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/30:hover::-webkit-scrollbar-thumb{background-color:#0a0a0a4d}@supports (color:color-mix(in lab,red,red)){.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-foreground\/30:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-foreground) 30%,transparent)}}}.\[\&\:\:-webkit-scrollbar-track\]\:bg-muted::-webkit-scrollbar-track{background-color:var(--color-muted)}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}.\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration{display:none}.\[\&\>\*\]\:border-0>*{border-style:var(--tw-border-style);border-width:0}.\[\&\>li\]\:\!m-0>li{margin:calc(var(--spacing) * 0)!important}.\[\&\>li\]\:\!p-0>li{padding:calc(var(--spacing) * 0)!important}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg,[data-state=open]>.\[\[data-state\=open\]\>\&\]\:rotate-180{rotate:180deg}}.app-modern{--white:oklch(100% 0 0);--black:oklch(0% 0 0);--snow:oklch(99.11% 0 0);--eclipse:oklch(21.03% .0059 285.89);--accent:oklch(62.04% .195 253.83);--accent-foreground:var(--snow);--primary:var(--accent);--primary-foreground:var(--accent-foreground);--secondary:oklch(45% 0 0);--secondary-foreground:var(--eclipse);--default:oklch(94% .001 286.375);--default-foreground:var(--eclipse);--color-default-on-surface:oklch(90% .006 265);--success:oklch(73.29% .1935 150.81);--success-foreground:var(--eclipse);--warning:oklch(78.19% .1585 72.33);--warning-foreground:var(--eclipse);--danger:oklch(65.32% .2328 25.74);--danger-foreground:var(--snow);--background:oklch(96.07% 0 0);--foreground:var(--eclipse);--muted:oklch(55.17% .0138 285.94);--muted-foreground:oklch(from var(--foreground) l c h / .6);--divider:oklch(92% .004 286.32);--focus:var(--accent);--surface:var(--white);--surface-foreground:var(--foreground);--surface-shadow:0 2px 4px 0 #0000000a, 0 1px 2px 0 #0000000f, 0 0 1px 0 #0000000f;--overlay:var(--white);--overlay-foreground:var(--foreground);--overlay-shadow:0 4px 16px 0 #18181b14, 0 8px 24px 0 #18181b17;--field:var(--white);--field-foreground:var(--eclipse);--field-placeholder:var(--muted);--field-border:transparent;--color-field-on-surface:oklch(96% .006 265);--shadow-color-sm:#0000000f;--shadow-color-md:#00000014;--shadow-color-lg:#0000001a;--shadow-color-tooltip:#0000001a;--shadow-color-hover:#00000014;--font-heading:ui-sans-serif, system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, sans-serif;--font-label:var(--font-body);--font-button:var(--font-body);--font-caption:var(--font-body);--font-display:var(--font-heading);--font-accent:var(--font-heading);--font-weight-body:400;--font-weight-heading:600;--font-weight-button:500;--font-weight-label:500;--font-weight-caption:400;--font-weight-display:700;--radius-semantic-button:var(--radius-md,4px);--radius-semantic-input:var(--radius-md,4px);--radius-semantic-card:var(--radius-lg,6px);--radius-semantic-modal:var(--radius-xl,8px);--radius-semantic-badge:var(--radius-full,9999px);--radius-semantic-avatar:var(--radius-full,9999px);--radius-semantic-tooltip:var(--radius-lg,6px);--radius-semantic-image:var(--radius-md,4px);--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-3xl:20px;--radius-full:9999px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:10px;--space-xl:12px;--space-2xl:16px;--space-3xl:20px;--space-4xl:24px;--transition-fast:.1s ease;--transition-base:.15s ease;--opacity-disabled:.3;--opacity-muted:.5;--color-canvas-bg:#f5f5f5;--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-default:var(--default);--color-default-foreground:var(--default-foreground);--color-danger:var(--danger);--color-danger-foreground:var(--danger-foreground);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-background:var(--background);--color-foreground:var(--foreground);--color-surface:var(--surface);--color-surface-foreground:var(--surface-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-divider:var(--divider);--color-focus:var(--focus);--color-field:var(--field);--color-field-foreground:var(--field-foreground);--color-field-placeholder:var(--field-placeholder);--color-field-border:var(--field-border);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-card:var(--surface);--color-card-foreground:var(--surface-foreground);--color-popover:var(--overlay);--color-popover-foreground:var(--overlay-foreground);--color-border:var(--divider);--color-destructive:var(--danger);--color-destructive-foreground:var(--danger-foreground);--color-ring:var(--focus);--color-input:var(--field-border);--color-overlay:var(--overlay);--color-overlay-foreground:var(--overlay-foreground);--shadow-overlay:var(--overlay-shadow);--shadow-surface:var(--surface-shadow);--font-family-heading:var(--font-heading);--font-family-body:var(--font-body);--font-family-label:var(--font-label);--font-family-button:var(--font-button);--font-family-caption:var(--font-caption);--font-family-display:var(--font-display);--font-family-accent:var(--font-accent);--radius-button:var(--radius-semantic-button);--radius-input:var(--radius-semantic-input);--radius-card:var(--radius-semantic-card);--radius-modal:var(--radius-semantic-modal);--radius-badge:var(--radius-semantic-badge);--radius-avatar:var(--radius-semantic-avatar);--radius-tooltip:var(--radius-semantic-tooltip);--radius-image:var(--radius-semantic-image);--text-primary:var(--foreground);--text-secondary:var(--muted-foreground);--bg-primary:var(--surface);--bg-secondary:var(--background);color-scheme:light}.dark .app-modern{--background:oklch(7% .002 270);--foreground:var(--snow);--muted:oklch(70.5% .015 286.067);--muted-foreground:oklch(from var(--foreground) l c h / .6);--divider:oklch(32% .006 286.033);--default:oklch(27.4% .006 286.033);--default-foreground:var(--snow);--color-default-on-surface:oklch(30% .006 265);--surface:oklch(21.03% .0059 285.89);--surface-foreground:var(--foreground);--surface-shadow:0 0 0 0 transparent inset;--overlay:oklch(22% .0059 285.89);--overlay-foreground:var(--foreground);--overlay-shadow:0 0 0 0 transparent inset;--field:var(--default);--field-foreground:var(--foreground);--field-border:transparent;--color-field-on-surface:oklch(25% .006 265);--shadow-color-sm:#0003;--shadow-color-md:#00000040;--shadow-color-lg:#0000004d;--shadow-color-tooltip:#0000004d;--shadow-color-hover:#0003;--color-canvas-bg:#080809;--color-background:var(--background);--color-foreground:var(--foreground);--color-surface:var(--surface);--color-surface-foreground:var(--surface-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-divider:var(--divider);--color-default:var(--default);--color-default-foreground:var(--default-foreground);--color-field:var(--field);--color-field-foreground:var(--field-foreground);--color-field-border:var(--field-border);--color-card:var(--surface);--color-card-foreground:var(--surface-foreground);--color-popover:var(--overlay);--color-popover-foreground:var(--overlay-foreground);--color-border:var(--divider);--color-overlay:var(--overlay);--color-overlay-foreground:var(--overlay-foreground);--shadow-overlay:var(--overlay-shadow);--shadow-surface:var(--surface-shadow);--text-primary:var(--foreground);--text-secondary:var(--muted-foreground);--bg-primary:var(--surface);--bg-secondary:var(--background);color-scheme:dark}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}canvas{cursor:default}canvas:active{cursor:inherit}.toolbar{background:var(--surface);border:1px solid var(--divider);scrollbar-width:none;-ms-overflow-style:none;width:fit-content;max-width:90vw;z-index:var(--z-modal);border-radius:9999px;gap:4px;padding:12px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.toolbar[data-transparent]{box-shadow:none;background:0 0;border:none;padding:10px 16px 16px}.toolbar[data-mode=embedded]{box-shadow:none;background:0 0;border:none;border-radius:0;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;padding:4px 0;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);overflow-x:visible}.toolbar[data-mode=embedded] .toolbar-slide-container{flex-wrap:wrap;overflow:visible}.toolbar[data-mode=embedded] .toolbar-regular-content{flex-wrap:wrap;row-gap:4px}.toolbar[data-mode=embedded] .toolbar-items{display:contents}@starting-style{.toolbar[data-mode=embedded]{opacity:0;transform:translateY(-4px)scale(.98)}}.toolbar[data-wrap]{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;padding:0}.toolbar[data-wrap] .toolbar-items{flex-wrap:wrap;justify-content:center;gap:4px 2px}.toolbar .toolbar-items button:hover{background:#00000014}.dark .toolbar .toolbar-items button:hover{background:#ffffff1f}.toolbar[data-entering]{animation:.2s cubic-bezier(.22,1,.36,1) toolbar-enter}.toolbar[data-mode=embedded][data-entering]{animation:.2s cubic-bezier(.22,1,.36,1) toolbar-enter-embedded}.toolbar[data-exiting]{animation:.2s cubic-bezier(.4,0,1,1) toolbar-exit}.toolbar[data-mode=embedded][data-exiting]{animation:none}@keyframes toolbar-enter{0%{opacity:0;transform:translate(-50%)scale(.98)translateY(4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}@keyframes toolbar-enter-embedded{0%{opacity:0;transform:scale(.98)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toolbar-exit{0%{opacity:1;transform:translate(-50%)scale(1)translateY(0)}to{opacity:0;transform:translate(-50%)scale(.98)translateY(4px)}}@keyframes toolbar-exit-embedded{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.98)translateY(4px)}}.toolbar .toolbar-items{align-items:center;gap:0;display:flex}.toolbar button{color:var(--foreground);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:44px;height:44px;padding:8px;font-size:16px;font-weight:500;transition:all .15s;display:inline-flex}@media (min-width:768px){.toolbar button{width:auto;min-width:36px;height:36px;padding:6px}}.toolbar button svg{flex-shrink:0}.toolbar-btn{color:var(--foreground);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:44px;height:44px;padding:8px;font-size:16px;font-weight:500;transition:all .15s;display:flex}@media (min-width:768px){.toolbar-btn{width:auto;min-width:36px;height:36px;padding:6px}}.toolbar-btn svg{flex-shrink:0}.toolbar-btn-auto{width:auto;min-width:44px}@media (min-width:768px){.toolbar-btn-auto{min-width:36px}}.toolbar-btn:hover:not(.disabled):not(.active){background:var(--default);color:var(--foreground)}.toolbar-btn.active{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.toolbar-btn.active{background:color-mix(in oklch,var(--primary) 20%,transparent)}}.toolbar-btn.active,.toolbar [data-active=true],button[data-active=true]{color:var(--primary)}.toolbar [data-active=true]:hover,button[data-active=true]:hover{color:var(--primary);background:#00000014}.dark .toolbar [data-active=true]:hover,.dark button[data-active=true]:hover{background:#ffffff1f}.toolbar-btn.disabled{opacity:.4;cursor:not-allowed}.toolbar-group{border:1px solid var(--divider);background:var(--surface);border-radius:8px;align-items:center;gap:0;margin:0 12px;padding:0;display:flex}.toolbar-btn-sm{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:400;transition:all .15s;display:flex}.toolbar-btn-sm:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.toolbar-btn-sm:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.toolbar-btn-sm:hover{background:var(--default)}.toolbar-btn-sm:active{transform:scale(.95)}.toolbar-font-size-display{border:none;border-left:1px solid var(--divider);border-right:1px solid var(--divider);color:var(--foreground);cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:40px;height:36px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.toolbar-font-size-display:hover{background:var(--default)}.toolbar::-webkit-scrollbar{display:none}.fixed.inset-0.z-overlay{background:#0006}.dark .fixed.inset-0.z-overlay{background:#0009}.fixed.bottom-0.z-drawer{background:var(--surface)}.rounded-sm[class*="bg-[var(--color-drawer-handle)]"]{background:var(--divider)}.layers-panel,.effects-panel,.export-panel{z-index:var(--z-sticky)}.secondary-toolbar-panel{box-shadow:none;background:0 0;border:none;border-radius:8px 8px 0 0;flex-direction:column;min-height:0;display:flex}.secondary-toolbar-panel.crop-panel{overflow:hidden}.secondary-toolbar-panel-wrapper{min-height:0}.secondary-toolbar-panel>:not([aria-hidden=true]){flex-shrink:0}.secondary-panel-scroll-container{padding-bottom:24px;overflow:hidden auto}@media (min-width:768px){.secondary-panel-scroll-container{padding-bottom:0;overflow:visible}.secondary-toolbar-panel-wrapper{overflow:visible}}.crop-anchor-btn{cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:flex}.crop-anchor-btn.active{background:var(--primary)}@supports (color:color-mix(in lab,red,red)){.crop-anchor-btn.active{background:color-mix(in srgb,var(--primary) 80%,transparent)}}.crop-anchor-btn.active{border:none}.crop-anchor-dot{background:var(--foreground);opacity:.5;border-radius:50%;transition:all .15s}.crop-anchor-dot.active{background:var(--primary-foreground);opacity:1}.toolbar-slide-container{align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.toolbar-regular-content{opacity:1;align-items:center;gap:4px;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s ease-out;display:flex;transform:translateY(0)}.toolbar-regular-content[data-hidden]{opacity:0;pointer-events:none;position:absolute;transform:translateY(-100%)}.toolbar-collapsed-header{opacity:0;align-items:center;width:100%;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .2s ease-out;display:flex;position:absolute;left:0;right:0;transform:translateY(100%)}.toolbar-collapsed-header[data-visible]{opacity:1;position:relative;transform:translateY(0)}[role=dialog] [data-slot=track]{background:var(--divider);height:4px}[role=dialog] [data-slot=fill-track]{background:var(--foreground)}[role=dialog] [data-slot=thumb]{background:var(--background);border:2px solid var(--foreground);width:16px;height:16px}[data-radix-slider-root]{touch-action:none;-webkit-user-select:none;user-select:none}[data-radix-slider-thumb]{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (min-width:768px){.normalized-icon-responsive{width:var(--icon-size-desktop)!important;height:var(--icon-size-desktop)!important}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}

package/dist/testing/MockEditorProvider.d.ts

@@ -0,0 +1,49 @@
+import { default as React, ReactNode } from 'react';
+import { ArtboardElement } from '../core/ArtboardElement.js';
+import { TextElement } from '../core/TextElement.js';
+import { ImageElement } from '../core/ImageElement.js';
+import { GroupElement } from '../core/GroupElement.js';
+import { ShapeElement } from '../core/ShapeElement.js';
+export type MockEditorElement = TextElement | ImageElement | GroupElement | ShapeElement;
+export interface MockEditorProviderProps {
+    children: ReactNode;
+    /**
+     * Initial elements to populate the editor
+     */
+    initialElements?: MockEditorElement[];
+    /**
+     * Initial artboards (default: one artboard)
+     */
+    initialArtboards?: ArtboardElement[];
+    /**
+     * Initial selection
+     */
+    initialSelection?: string | null;
+    /**
+     * Initial multi-selection
+     */
+    initialMultiSelection?: string[];
+    /**
+     * Initial artboard configuration
+     */
+    initialArtboardConfig?: {
+        name?: string;
+        width?: number;
+        height?: number;
+        backgroundColor?: string;
+    };
+}
+/**
+ * MockEditorProvider - Wraps EditorProvider with test-friendly defaults
+ *
+ * This is a lightweight wrapper that provides the same EditorContext
+ * as the real app, making it perfect for testing custom components.
+ */
+export declare const MockEditorProvider: React.FC<MockEditorProviderProps>;
+/**
+ * MockEditorProviderWithState - For tests that need to control state directly
+ *
+ * Use this when you need fine-grained control over the editor state.
+ * Most tests should use the simpler MockEditorProvider above.
+ */
+export declare const MockEditorProviderWithState: React.FC<MockEditorProviderProps>;

package/dist/testing/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Testing Utilities
+ * Vitest-compatible testing helpers for Snowcone Canvas
+ *
+ * @example
+ * ```tsx
+ * import { render } from '@testing-library/react';
+ * import { testing } from '@snowcone-app/canvas/embed';
+ *
+ * const { MockEditorProvider, createMockElement } = testing;
+ *
+ * test('component renders', () => {
+ *   const element = createMockElement('custom', { text: 'Hello' });
+ *
+ *   render(
+ *     <MockEditorProvider>
+ *       <MyComponent />
+ *     </MockEditorProvider>
+ *   );
+ * });
+ * ```
+ */
+export { MockEditorProvider, MockEditorProviderWithState } from './MockEditorProvider.js';
+export type { MockEditorProviderProps, MockEditorElement } from './MockEditorProvider.js';
+export { createMockElement, createMockImageElement, createMockArtboard, waitFor, waitForExport, simulateKeyPress, createMockCanvas, assertElementProperties, getElementBounds, } from './utils.js';

package/dist/testing/utils.d.ts

@@ -0,0 +1,128 @@
+import { TextElement } from '../core/TextElement.js';
+import { ImageElement } from '../core/ImageElement.js';
+import { ArtboardElement } from '../core/ArtboardElement.js';
+import { TransformType, ImageElementConfig } from '../types/index.js';
+/**
+ * Create a mock text element with sensible defaults
+ *
+ * @example
+ * ```tsx
+ * const element = createMockElement('custom', {
+ *   text: 'Hello World',
+ *   fontSize: 48,
+ *   fontColor: '#FF0000'
+ * });
+ * ```
+ */
+export declare function createMockElement(transformType?: TransformType, overrides?: Partial<TextElement>): TextElement;
+/**
+ * Create a mock image element
+ *
+ * @example
+ * ```tsx
+ * const image = createMockImageElement({
+ *   imageUrl: 'data:image/png;base64,...',
+ *   width: 200,
+ *   height: 200
+ * });
+ * ```
+ */
+export declare function createMockImageElement(overrides?: Partial<ImageElementConfig>): ImageElement;
+/**
+ * Create a mock artboard
+ *
+ * @example
+ * ```tsx
+ * const artboard = createMockArtboard({
+ *   name: 'Front',
+ *   width: 1200,
+ *   height: 1200,
+ *   backgroundColor: '#FFFFFF'
+ * });
+ * ```
+ */
+export declare function createMockArtboard(overrides?: Partial<{
+    name: string;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    backgroundColor: string;
+}>): ArtboardElement;
+/**
+ * Wait for a condition to become true
+ * Useful for async testing
+ *
+ * @example
+ * ```tsx
+ * await waitFor(() => screen.getByText('Loaded'), 5000);
+ * ```
+ */
+export declare function waitFor(condition: () => boolean, timeout?: number, interval?: number): Promise<void>;
+/**
+ * Wait for an export to complete
+ * Polls until dataUrl is available
+ *
+ * @example
+ * ```tsx
+ * const dataUrl = await waitForExport('artboard-1', 5000);
+ * expect(dataUrl).toContain('data:image/png');
+ * ```
+ */
+export declare function waitForExport(_artboardId: string, timeout?: number): Promise<string | null>;
+/**
+ * Simulate a keyboard event
+ * Useful for testing keyboard shortcuts
+ *
+ * @example
+ * ```tsx
+ * simulateKeyPress('c', { meta: true }); // Cmd+C
+ * ```
+ */
+export declare function simulateKeyPress(key: string, options?: {
+    ctrl?: boolean;
+    shift?: boolean;
+    alt?: boolean;
+    meta?: boolean;
+}): void;
+/**
+ * Create a mock canvas element for testing
+ * Returns an HTMLCanvasElement with mocked context
+ *
+ * @example
+ * ```tsx
+ * const canvas = createMockCanvas(800, 600);
+ * const ctx = canvas.getContext('2d');
+ * ```
+ */
+export declare function createMockCanvas(width?: number, height?: number): HTMLCanvasElement;
+/**
+ * Assert that an element has certain properties
+ * Useful for programmatic assertions
+ *
+ * @example
+ * ```tsx
+ * assertElementProperties(element, {
+ *   text: 'Hello',
+ *   fontSize: 48,
+ *   fontColor: '#FF0000'
+ * });
+ * ```
+ */
+export declare function assertElementProperties(element: any, expected: Record<string, any>): void;
+/**
+ * Get element bounding box for testing
+ * Returns computed bounds from the element
+ *
+ * @example
+ * ```tsx
+ * const bounds = getElementBounds(element);
+ * expect(bounds.width).toBeGreaterThan(0);
+ * ```
+ */
+export declare function getElementBounds(element: TextElement | ImageElement): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/dist/testing.d.ts

@@ -0,0 +1,2 @@
+export * from './api/testing'
+export {}

package/dist/testing.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),c=require("./ThemeContext-4mJ_y0Me.cjs"),l=require("./HybridHistoryManager-BXD93pp8.cjs"),h=({children:t,initialElements:e=[],initialArtboards:n,initialSelection:r=null,initialMultiSelection:o=[],initialArtboardConfig:d={}})=>{const[F]=u.useState(()=>{const s=new l.ArtboardManager;return n&&n.length>0?n.forEach(i=>{s.createArtboard({name:i.name,width:i.width,height:i.height,backgroundColor:i.backgroundColor})}):s.createArtboard({name:"Test Artboard",width:1200,height:1200,backgroundColor:"#FFFFFF",...d}),s});return a.jsx(c.ThemeProvider,{children:a.jsx(c.EditorProvider,{initialArtboardConfig:d,children:t})})},g=({children:t,initialElements:e=[],initialSelection:n=null,initialMultiSelection:r=[],initialArtboardConfig:o={}})=>a.jsx(c.ThemeProvider,{children:a.jsx(c.EditorProvider,{initialArtboardConfig:o,children:t})});function E(t="custom",e={}){const n=l.getTransformById(t);if(!n||!n.Component)throw new Error(`Transform type "${t}" not found in registry`);return new n.Component({transformType:t,text:"Test Text",fontSize:32,color:"#000000",fontFamily:"Arial",x:100,y:100,rotation:0,...e})}function A(t={}){return new l.ImageElement({imageUrl:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==",imageAspectRatio:1,x:100,y:100,rotation:0,...t})}function w(t={}){return new l.ArtboardElement({name:"Test Artboard",width:1200,height:1200,x:0,y:0,backgroundColor:"#FFFFFF",...t})}async function m(t,e=5e3,n=100){const r=Date.now();for(;!t();){if(Date.now()-r>e)throw new Error(`Timeout waiting for condition after ${e}ms`);await new Promise(o=>setTimeout(o,n))}}async function f(t,e=5e3){let n=null;return await m(()=>!1,e),n}function b(t,e={}){const n=new KeyboardEvent("keydown",{key:t,ctrlKey:e.ctrl,shiftKey:e.shift,altKey:e.alt,metaKey:e.meta,bubbles:!0,cancelable:!0});document.dispatchEvent(n)}function M(t=800,e=600){const n=document.createElement("canvas");return n.width=t,n.height=e,n}function y(t,e){Object.entries(e).forEach(([n,r])=>{if(t[n]!==r)throw new Error(`Expected element.${n} to be ${r}, got ${t[n]}`)})}function x(t){const e=t.getBoundingBox();return{x:e.x,y:e.y,width:e.width,height:e.height}}exports.MockEditorProvider=h;exports.MockEditorProviderWithState=g;exports.assertElementProperties=y;exports.createMockArtboard=w;exports.createMockCanvas=M;exports.createMockElement=E;exports.createMockImageElement=A;exports.getElementBounds=x;exports.simulateKeyPress=b;exports.waitFor=m;exports.waitForExport=f;
+//# sourceMappingURL=testing.js.map

package/dist/testing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.js","sources":["../src/testing/MockEditorProvider.tsx","../src/testing/utils.ts"],"sourcesContent":["/**\n * MockEditorProvider - Lightweight mock for testing custom components\n * Compatible with Vitest (does not require Jest)\n *\n * @example\n * ```tsx\n * import { render } from '@testing-library/react';\n * import { MockEditorProvider } from '@snowcone-app/canvas/embed';\n *\n * test('my component renders', () => {\n *   render(\n *     <MockEditorProvider>\n *       <MyCustomComponent />\n *     </MockEditorProvider>\n *   );\n * });\n * ```\n */\n\nimport React, { useState, ReactNode } from 'react';\nimport { EditorProvider } from '../contexts/EditorContext.js';\nimport { ThemeProvider } from '../contexts/ThemeContext.js';\nimport { ArtboardManager } from '../core/ArtboardManager.js';\nimport { ArtboardElement } from '../core/ArtboardElement.js';\nimport type { TextElement } from '../core/TextElement.js';\nimport type { ImageElement } from '../core/ImageElement.js';\nimport type { GroupElement } from '../core/GroupElement.js';\nimport type { ShapeElement } from '../core/ShapeElement.js';\n\nexport type MockEditorElement = TextElement | ImageElement | GroupElement | ShapeElement;\n\nexport interface MockEditorProviderProps {\n  children: ReactNode;\n\n  /**\n   * Initial elements to populate the editor\n   */\n  initialElements?: MockEditorElement[];\n\n  /**\n   * Initial artboards (default: one artboard)\n   */\n  initialArtboards?: ArtboardElement[];\n\n  /**\n   * Initial selection\n   */\n  initialSelection?: string | null;\n\n  /**\n   * Initial multi-selection\n   */\n  initialMultiSelection?: string[];\n\n  /**\n   * Initial artboard configuration\n   */\n  initialArtboardConfig?: {\n    name?: string;\n    width?: number;\n    height?: number;\n    backgroundColor?: string;\n  };\n}\n\n/**\n * MockEditorProvider - Wraps EditorProvider with test-friendly defaults\n *\n * This is a lightweight wrapper that provides the same EditorContext\n * as the real app, making it perfect for testing custom components.\n */\nexport const MockEditorProvider: React.FC<MockEditorProviderProps> = ({\n  children,\n  initialElements: _initialElements = [],\n  initialArtboards,\n  initialSelection: _initialSelection = null,\n  initialMultiSelection: _initialMultiSelection = [],\n  initialArtboardConfig = {},\n}) => {\n  // Create artboard manager if artboards provided\n  const [_artboardManager] = useState(() => {\n    const manager = new ArtboardManager();\n\n    if (initialArtboards && initialArtboards.length > 0) {\n      // Use provided artboards\n      initialArtboards.forEach(artboard => {\n        manager.createArtboard({\n          name: artboard.name,\n          width: artboard.width,\n          height: artboard.height,\n          backgroundColor: artboard.backgroundColor,\n        });\n      });\n    } else {\n      // Create default artboard\n      manager.createArtboard({\n        name: 'Test Artboard',\n        width: 1200,\n        height: 1200,\n        backgroundColor: '#FFFFFF',\n        ...initialArtboardConfig,\n      });\n    }\n\n    return manager;\n  });\n\n  // Simple wrapper that passes children through to real EditorProvider\n  // The EditorProvider will handle all the state management\n  // ThemeProvider is required because CanvasEditor uses useTheme()\n  return (\n    <ThemeProvider>\n      <EditorProvider\n        initialArtboardConfig={initialArtboardConfig}\n      >\n        {children}\n      </EditorProvider>\n    </ThemeProvider>\n  );\n};\n\n/**\n * MockEditorProviderWithState - For tests that need to control state directly\n *\n * Use this when you need fine-grained control over the editor state.\n * Most tests should use the simpler MockEditorProvider above.\n */\nexport const MockEditorProviderWithState: React.FC<MockEditorProviderProps> = ({\n  children,\n  initialElements: _initialElements = [],\n  initialSelection: _initialSelection = null,\n  initialMultiSelection: _initialMultiSelection = [],\n  initialArtboardConfig = {},\n}) => {\n  return (\n    <ThemeProvider>\n      <EditorProvider initialArtboardConfig={initialArtboardConfig}>\n        {children}\n      </EditorProvider>\n    </ThemeProvider>\n  );\n};\n","/**\n * Testing Utilities - Helpers for creating mock elements and artboards\n * Compatible with Vitest\n */\n\nimport { TextElement } from '../core/TextElement.js';\nimport { ImageElement } from '../core/ImageElement.js';\nimport { ArtboardElement } from '../core/ArtboardElement.js';\nimport { getTransformById } from '../transforms/registry.js';\nimport type { TransformType, ImageElementConfig } from '../types/index.js';\n\n/**\n * Create a mock text element with sensible defaults\n *\n * @example\n * ```tsx\n * const element = createMockElement('custom', {\n *   text: 'Hello World',\n *   fontSize: 48,\n *   fontColor: '#FF0000'\n * });\n * ```\n */\nexport function createMockElement(\n  transformType: TransformType = 'custom',\n  overrides: Partial<TextElement> = {}\n): TextElement {\n  // Get the correct concrete class from registry\n  const transformDef = getTransformById(transformType);\n  if (!transformDef || !transformDef.Component) {\n    throw new Error(`Transform type \"${transformType}\" not found in registry`);\n  }\n\n  // Create element using the concrete class\n  const element = new transformDef.Component({\n    transformType,\n    text: 'Test Text',\n    fontSize: 32,\n    color: '#000000',\n    fontFamily: 'Arial',\n    x: 100,\n    y: 100,\n    rotation: 0,\n    ...overrides,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- test utility: overrides merge Partial<TextElement> properties with config, which are structurally compatible but not type-assignable\n  } as any);\n\n  return element as TextElement;\n}\n\n/**\n * Create a mock image element\n *\n * @example\n * ```tsx\n * const image = createMockImageElement({\n *   imageUrl: 'data:image/png;base64,...',\n *   width: 200,\n *   height: 200\n * });\n * ```\n */\nexport function createMockImageElement(\n  overrides: Partial<ImageElementConfig> = {}\n): ImageElement {\n  const element = new ImageElement({\n    imageUrl: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==',\n    imageAspectRatio: 1,\n    x: 100,\n    y: 100,\n    rotation: 0,\n    ...overrides,\n  });\n\n  return element;\n}\n\n/**\n * Create a mock artboard\n *\n * @example\n * ```tsx\n * const artboard = createMockArtboard({\n *   name: 'Front',\n *   width: 1200,\n *   height: 1200,\n *   backgroundColor: '#FFFFFF'\n * });\n * ```\n */\nexport function createMockArtboard(\n  overrides: Partial<{\n    name: string;\n    width: number;\n    height: number;\n    x: number;\n    y: number;\n    backgroundColor: string;\n  }> = {}\n): ArtboardElement {\n  const artboard = new ArtboardElement({\n    name: 'Test Artboard',\n    width: 1200,\n    height: 1200,\n    x: 0,\n    y: 0,\n    backgroundColor: '#FFFFFF',\n    ...overrides,\n  });\n\n  return artboard;\n}\n\n/**\n * Wait for a condition to become true\n * Useful for async testing\n *\n * @example\n * ```tsx\n * await waitFor(() => screen.getByText('Loaded'), 5000);\n * ```\n */\nexport async function waitFor(\n  condition: () => boolean,\n  timeout = 5000,\n  interval = 100\n): Promise<void> {\n  const startTime = Date.now();\n\n  while (!condition()) {\n    if (Date.now() - startTime > timeout) {\n      throw new Error(`Timeout waiting for condition after ${timeout}ms`);\n    }\n    await new Promise(resolve => setTimeout(resolve, interval));\n  }\n}\n\n/**\n * Wait for an export to complete\n * Polls until dataUrl is available\n *\n * @example\n * ```tsx\n * const dataUrl = await waitForExport('artboard-1', 5000);\n * expect(dataUrl).toContain('data:image/png');\n * ```\n */\nexport async function waitForExport(\n  _artboardId: string,\n  timeout = 5000\n): Promise<string | null> {\n  let dataUrl: string | null = null;\n\n  await waitFor(() => {\n    // Check if export completed (this would need to be implemented based on your export state)\n    // For now, just return false as a placeholder\n    return false;\n  }, timeout);\n\n  return dataUrl;\n}\n\n/**\n * Simulate a keyboard event\n * Useful for testing keyboard shortcuts\n *\n * @example\n * ```tsx\n * simulateKeyPress('c', { meta: true }); // Cmd+C\n * ```\n */\nexport function simulateKeyPress(\n  key: string,\n  options: {\n    ctrl?: boolean;\n    shift?: boolean;\n    alt?: boolean;\n    meta?: boolean;\n  } = {}\n): void {\n  const event = new KeyboardEvent('keydown', {\n    key,\n    ctrlKey: options.ctrl,\n    shiftKey: options.shift,\n    altKey: options.alt,\n    metaKey: options.meta,\n    bubbles: true,\n    cancelable: true,\n  });\n\n  document.dispatchEvent(event);\n}\n\n/**\n * Create a mock canvas element for testing\n * Returns an HTMLCanvasElement with mocked context\n *\n * @example\n * ```tsx\n * const canvas = createMockCanvas(800, 600);\n * const ctx = canvas.getContext('2d');\n * ```\n */\nexport function createMockCanvas(\n  width = 800,\n  height = 600\n): HTMLCanvasElement {\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n\n  return canvas;\n}\n\n/**\n * Assert that an element has certain properties\n * Useful for programmatic assertions\n *\n * @example\n * ```tsx\n * assertElementProperties(element, {\n *   text: 'Hello',\n *   fontSize: 48,\n *   fontColor: '#FF0000'\n * });\n * ```\n */\nexport function assertElementProperties(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Test utility: accepts any element type and checks arbitrary properties\n  element: any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Test utility: expected values can be any type\n  expected: Record<string, any>\n): void {\n  Object.entries(expected).forEach(([key, value]) => {\n    if (element[key] !== value) {\n      throw new Error(\n        `Expected element.${key} to be ${value}, got ${element[key]}`\n      );\n    }\n  });\n}\n\n/**\n * Get element bounding box for testing\n * Returns computed bounds from the element\n *\n * @example\n * ```tsx\n * const bounds = getElementBounds(element);\n * expect(bounds.width).toBeGreaterThan(0);\n * ```\n */\nexport function getElementBounds(element: TextElement | ImageElement): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  const bbox = element.getBoundingBox();\n\n  return {\n    x: bbox.x,\n    y: bbox.y,\n    width: bbox.width,\n    height: bbox.height,\n  };\n}\n"],"names":["MockEditorProvider","children","_initialElements","initialArtboards","_initialSelection","_initialMultiSelection","initialArtboardConfig","_artboardManager","useState","manager","ArtboardManager","artboard","ThemeProvider","jsx","EditorProvider","MockEditorProviderWithState","createMockElement","transformType","overrides","transformDef","getTransformById","createMockImageElement","ImageElement","createMockArtboard","ArtboardElement","waitFor","condition","timeout","interval","startTime","resolve","waitForExport","_artboardId","dataUrl","simulateKeyPress","key","options","event","createMockCanvas","width","height","canvas","assertElementProperties","element","expected","value","getElementBounds","bbox"],"mappings":"kOAuEaA,EAAwD,CAAC,CACpE,SAAAC,EACA,gBAAiBC,EAAmB,CAAA,EACpC,iBAAAC,EACA,iBAAkBC,EAAoB,KACtC,sBAAuBC,EAAyB,CAAA,EAChD,sBAAAC,EAAwB,CAAA,CAC1B,IAAM,CAEJ,KAAM,CAACC,CAAgB,EAAIC,EAAAA,SAAS,IAAM,CACxC,MAAMC,EAAU,IAAIC,kBAEpB,OAAIP,GAAoBA,EAAiB,OAAS,EAEhDA,EAAiB,QAAQQ,GAAY,CACnCF,EAAQ,eAAe,CACrB,KAAME,EAAS,KACf,MAAOA,EAAS,MAChB,OAAQA,EAAS,OACjB,gBAAiBA,EAAS,eAAA,CAC3B,CACH,CAAC,EAGDF,EAAQ,eAAe,CACrB,KAAM,gBACN,MAAO,KACP,OAAQ,KACR,gBAAiB,UACjB,GAAGH,CAAA,CACJ,EAGIG,CACT,CAAC,EAKD,aACGG,EAAAA,cAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,eAAA,CACC,sBAAAR,EAEC,SAAAL,CAAA,CAAA,EAEL,CAEJ,EAQac,EAAiE,CAAC,CAC7E,SAAAd,EACA,gBAAiBC,EAAmB,CAAA,EACpC,iBAAkBE,EAAoB,KACtC,sBAAuBC,EAAyB,CAAA,EAChD,sBAAAC,EAAwB,CAAA,CAC1B,UAEKM,gBAAA,CACC,SAAAC,EAAAA,IAACC,EAAAA,eAAA,CAAe,sBAAAR,EACb,SAAAL,EACH,EACF,ECpHG,SAASe,EACdC,EAA+B,SAC/BC,EAAkC,CAAA,EACrB,CAEb,MAAMC,EAAeC,EAAAA,iBAAiBH,CAAa,EACnD,GAAI,CAACE,GAAgB,CAACA,EAAa,UACjC,MAAM,IAAI,MAAM,mBAAmBF,CAAa,yBAAyB,EAiB3E,OAbgB,IAAIE,EAAa,UAAU,CACzC,cAAAF,EACA,KAAM,YACN,SAAU,GACV,MAAO,UACP,WAAY,QACZ,EAAG,IACH,EAAG,IACH,SAAU,EACV,GAAGC,CAAA,CAEG,CAGV,CAcO,SAASG,EACdH,EAAyC,GAC3B,CAUd,OATgB,IAAII,eAAa,CAC/B,SAAU,yHACV,iBAAkB,EAClB,EAAG,IACH,EAAG,IACH,SAAU,EACV,GAAGJ,CAAA,CACJ,CAGH,CAeO,SAASK,EACdL,EAOK,GACY,CAWjB,OAViB,IAAIM,kBAAgB,CACnC,KAAM,gBACN,MAAO,KACP,OAAQ,KACR,EAAG,EACH,EAAG,EACH,gBAAiB,UACjB,GAAGN,CAAA,CACJ,CAGH,CAWA,eAAsBO,EACpBC,EACAC,EAAU,IACVC,EAAW,IACI,CACf,MAAMC,EAAY,KAAK,IAAA,EAEvB,KAAO,CAACH,KAAa,CACnB,GAAI,KAAK,MAAQG,EAAYF,EAC3B,MAAM,IAAI,MAAM,uCAAuCA,CAAO,IAAI,EAEpE,MAAM,IAAI,QAAQG,GAAW,WAAWA,EAASF,CAAQ,CAAC,CAC5D,CACF,CAYA,eAAsBG,EACpBC,EACAL,EAAU,IACc,CACxB,IAAIM,EAAyB,KAE7B,aAAMR,EAAQ,IAGL,GACNE,CAAO,EAEHM,CACT,CAWO,SAASC,EACdC,EACAC,EAKI,GACE,CACN,MAAMC,EAAQ,IAAI,cAAc,UAAW,CACzC,IAAAF,EACA,QAASC,EAAQ,KACjB,SAAUA,EAAQ,MAClB,OAAQA,EAAQ,IAChB,QAASA,EAAQ,KACjB,QAAS,GACT,WAAY,EAAA,CACb,EAED,SAAS,cAAcC,CAAK,CAC9B,CAYO,SAASC,EACdC,EAAQ,IACRC,EAAS,IACU,CACnB,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,MAAQF,EACfE,EAAO,OAASD,EAETC,CACT,CAeO,SAASC,EAEdC,EAEAC,EACM,CACN,OAAO,QAAQA,CAAQ,EAAE,QAAQ,CAAC,CAACT,EAAKU,CAAK,IAAM,CACjD,GAAIF,EAAQR,CAAG,IAAMU,EACnB,MAAM,IAAI,MACR,oBAAoBV,CAAG,UAAUU,CAAK,SAASF,EAAQR,CAAG,CAAC,EAAA,CAGjE,CAAC,CACH,CAYO,SAASW,EAAiBH,EAK/B,CACA,MAAMI,EAAOJ,EAAQ,eAAA,EAErB,MAAO,CACL,EAAGI,EAAK,EACR,EAAGA,EAAK,EACR,MAAOA,EAAK,MACZ,OAAQA,EAAK,MAAA,CAEjB"}