/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--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}}}.color-picker.svelte-v3i48c{width:100%;display:inline-block;position:relative}.color-picker-popup.svelte-v3i48c{z-index:50;padding:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#e2e8f0);background-color:var(--color-surface,#f8fafc);--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);min-width:240px}.color-wheel.svelte-v3i48c{margin-bottom:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 48);width:calc(var(--spacing,.25rem) * 48);background-image:conic-gradient(from var(--hue),red,yellow,lime,aqua,blue,magenta,red);cursor:crosshair;border-radius:3.40282e38px;position:relative;-webkit-mask:radial-gradient(#fff,#0000);mask:radial-gradient(#fff,#0000)}.color-wheel-pointer.svelte-v3i48c{margin-top:calc(var(--spacing,.25rem) * -2);margin-left:calc(var(--spacing,.25rem) * -2);height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-white,#fff);--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);pointer-events:none;left:calc(50% + (var(--saturation) * .24px) * cos(var(--hue)));top:calc(50% + (var(--saturation) * .24px) * sin(var(--hue)));border-radius:3.40282e38px;position:absolute}.color-sliders.svelte-v3i48c{margin-bottom:calc(var(--spacing,.25rem) * 4);gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}.color-slider.svelte-v3i48c{gap:calc(var(--spacing,.25rem) * 1);flex-direction:column;display:flex}.color-slider.svelte-v3i48c span:where(.svelte-v3i48c){font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--color-muted,#64748b)}.color-slider.svelte-v3i48c input:where(.svelte-v3i48c){width:100%}.color-preview.svelte-v3i48c{align-items:center;gap:calc(var(--spacing,.25rem) * 2);display:flex}.color-swatch.svelte-v3i48c{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#e2e8f0);background-image:linear-gradient(45deg,gray 25%,#0000 25%),linear-gradient(-45deg,gray 25%,#0000 25%),linear-gradient(45deg,#0000 75%,gray 75%),linear-gradient(-45deg,#0000 75%,gray 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:.25rem}.color-value.svelte-v3i48c{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}.example.svelte-1p7fjv6{margin-block:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#e2e8f0);padding:calc(var(--spacing,.25rem) * 4);max-width:var(--container-md,28rem);gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}