/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer components.defaults{._color_1mww8_4{--background:var(--background-800)}@supports (color:color-mix(in lab,red,red)){._color_1mww8_4{--background:color-mix(in srgb,var(--background-800)30%,transparent)}}._color_1mww8_4{--background-border:var(--background-700);--focus-visible:var(--accent-500);background-color:var(--background);border:var(--border-width-base,1px)solid var(--background-border);border-radius:var(--radius-sm,.375rem);flex-direction:column;gap:1rem;width:260px;display:flex}._color_1mww8_4[data-disabled=true]{opacity:.5;pointer-events:none}._color_1mww8_4[data-variant=popover]{background:0 0;border-color:#0000;border-radius:0}._color-provider_1mww8_29{width:fit-content;display:inline-flex}._color-provider_1mww8_29 ._color-trigger_1mww8_34{--trigger-background:var(--background-800)}@supports (color:color-mix(in lab,red,red)){._color-provider_1mww8_29 ._color-trigger_1mww8_34{--trigger-background:color-mix(in srgb,var(--background-800)35%,transparent)}}._color-provider_1mww8_29 ._color-trigger_1mww8_34{--trigger-background-hover:var(--background-700)}@supports (color:color-mix(in lab,red,red)){._color-provider_1mww8_29 ._color-trigger_1mww8_34{--trigger-background-hover:color-mix(in srgb,var(--background-700)45%,transparent)}}._color-provider_1mww8_29 ._color-trigger_1mww8_34{--trigger-border:var(--background-700);--trigger-text:var(--foreground-200);--background-border:var(--background-700);--focus-visible:var(--accent-500);--checkerboard-dark:var(--background-700);--checkerboard-light:var(--background-800);border:var(--border-width-base,1px)solid var(--trigger-border);border-radius:var(--radius-sm,.375rem);background:var(--trigger-background);min-width:170px;height:40px;color:var(--trigger-text);cursor:pointer;font-family:var(--font-body,inherit);font-size:var(--text-sm,.875rem);font-weight:var(--font-weight-body-medium,500);letter-spacing:normal;line-height:var(--leading-sm,1.25rem);transition:background-color var(--hover-duration,var(--hover-leave-duration,.3s))var(--hover-transition-timing-function,var(--ease-snappy-pop,ease-out)),border-color var(--hover-duration,var(--hover-leave-duration,.3s))var(--hover-transition-timing-function,var(--ease-snappy-pop,ease-out));align-items:center;gap:.625rem;padding:0 .75rem;display:inline-flex}._color-provider_1mww8_29 ._color-trigger_1mww8_34:hover{--hover-duration:var(--hover-enter-duration,0s);background:var(--trigger-background-hover)}._color-provider_1mww8_29 ._color-trigger_1mww8_34:focus-visible{outline:2px solid var(--focus-visible);outline-offset:2px}._color-provider_1mww8_29 ._color-trigger_1mww8_34[data-disabled=true]{opacity:.5;cursor:not-allowed}._color-provider_1mww8_29 ._color-trigger_1mww8_34[data-size=sm]{min-width:150px;height:34px;font-size:var(--text-xs,.75rem);padding:0 .625rem}._color-provider_1mww8_29 ._color-trigger_1mww8_34[data-size=lg]{min-width:190px;height:46px;font-size:var(--text-body-size,var(--text-base,.9375rem));padding:0 .875rem}._color-provider_1mww8_29 ._color-trigger-swatch_1mww8_94{border-radius:var(--radius-xs,.25rem);border:var(--border-width-base,1px)solid var(--background-border);flex:none;width:20px;height:20px;position:relative;overflow:hidden}._color-provider_1mww8_29 ._color-trigger-swatch_1mww8_94:before{content:"";background-image:repeating-linear-gradient(45deg,var(--checkerboard-dark),var(--checkerboard-dark)4px,var(--checkerboard-light)4px,var(--checkerboard-light)8px);position:absolute;top:0;right:0;bottom:0;left:0}._color-provider_1mww8_29 ._color-trigger-swatch_1mww8_94:after{content:"";background-color:var(--preview-color,transparent);position:absolute;top:0;right:0;bottom:0;left:0}._color-provider_1mww8_29 ._color-trigger-value_1mww8_124{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(._color_1mww8_4 ._controls_1mww8_131>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*3)*calc(1 - var(--tw-space-y-reverse)))}._color_1mww8_4 ._controls_1mww8_131{padding-inline:calc(var(--spacing,.25rem)*3);padding-bottom:calc(var(--spacing,.25rem)*3)}._input-group_1mww8_135{width:100%}._input-group_1mww8_135>div:first-child{flex:1;min-width:0}._input-group_1mww8_135 ._input_1mww8_135{width:100%}._input-group_1mww8_135 ._format_1mww8_148{flex-shrink:0;width:85px}._color_1mww8_4[data-size=sm] ._format_1mww8_148{width:75px}._canvas_1mww8_157{width:96%;margin-inline:auto;margin-top:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-sm,.25rem);cursor:crosshair;touch-action:none;flex-direction:column;min-height:160px;display:flex;position:relative}._canvas_1mww8_157[data-focus-visible=true]{outline:2px solid var(--focus-visible);outline-offset:2px}._canvas_1mww8_157 ._canvas-inner_1mww8_173{border-radius:var(--radius-sm,.25rem);flex:1;width:100%;position:relative;overflow:hidden}._canvas_1mww8_157 ._canvas-gradient-hue_1mww8_181{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}._canvas_1mww8_157 ._canvas-gradient-saturation_1mww8_187{background:linear-gradient(90deg,#fff,#0000);position:absolute;top:0;right:0;bottom:0;left:0}._canvas_1mww8_157 ._canvas-gradient-brightness_1mww8_193{background:linear-gradient(#0000,#000);position:absolute;top:0;right:0;bottom:0;left:0}._canvas_1mww8_157 ._canvas-pointer_1mww8_199{--pointer-border:var(--foreground-200)}@supports (color:color-mix(in lab,red,red)){._canvas_1mww8_157 ._canvas-pointer_1mww8_199{--pointer-border:color-mix(in srgb,var(--foreground-200)50%,transparent)}}._canvas_1mww8_157 ._canvas-pointer_1mww8_199{border-radius:var(--radius-full);border:2px solid var(--pointer-border);pointer-events:none;z-index:10;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,0 2px 4px #0000004d}._hue-slider_1mww8_213{--track-height:calc(var(--spacing,.25rem)*5);--padding-block:var(--padding,calc(var(--spacing,.25rem)*.5));--border:0;--side-padding:var(--inline-padding,2px);--thumb-width:calc(var(--track-height) - (var(--padding-block)*2));--thumb-height:var(--thumb-width);--gradient-inset:0;--track-background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);--range-background:transparent;--hit-size:calc(var(--track-height) + (var(--padding-block)*2));--thumb-inset:calc(var(--side-padding) + (var(--thumb-width)/2));--thumb-background:transparent;--thumb-border:2px solid white;--thumb-shadow:0 0 0 1px #00000047;--top:50%;--transform:translate(-50%,-50%);box-sizing:border-box;width:100%;min-height:var(--hit-size);padding-block:var(--padding-block)}._hue-slider_1mww8_213 ._hue-track_1mww8_246{width:100%;height:var(--track-height);border:var(--border);background:0 0;border-radius:3.40282e+38px;position:relative;overflow:hidden}._hue-slider_1mww8_213 ._hue-track_1mww8_246:before{content:"";inset-block:0;inset-inline:var(--gradient-inset);background:var(--track-background);pointer-events:none;border-radius:3.40282e+38px;position:absolute}._hue-slider_1mww8_213 ._hue-range_1mww8_266{background:0 0}._hue-slider_1mww8_213 ._hue-thumb_1mww8_270{--thumb-shadow-hover:0 0 0 1px #00000061;--thumb-shadow-active:0 0 0 1px #0000003d;left:clamp(var(--thumb-inset,0px),var(--position,0%),calc(100% - var(--thumb-inset,0px)));top:var(--top);box-sizing:border-box;width:var(--thumb-width);height:var(--thumb-height);transform:var(--transform);border:var(--thumb-border);background:var(--thumb-background);box-shadow:var(--thumb-shadow);border-radius:3.40282e+38px;position:absolute}._opacity-slider_1mww8_291{--size:calc(var(--spacing,.25rem)*4);--padding-block:var(--padding,calc(var(--spacing,.25rem)*.5));--border:0;--range-background:transparent;--thumb-width:calc(var(--size) - (var(--padding-block)*2));--padding-inline:var(--inline-padding,var(--padding-block));--hit-size:calc(var(--size) + (var(--padding-block)*2));--thumb-height:var(--thumb-width);--side-padding:2px;--thumb-inset:calc(var(--side-padding) + (var(--thumb-width)/2));--thumb-background:transparent;--thumb-border:2px solid white;--thumb-shadow:0 0 0 1px #00000047;--top:50%;--transform:translate(-50%,-50%);--checkerboard-dark:var(--background-800);--checkerboard-light:var(--background-700);--track-background:linear-gradient(to right,transparent,var(--color-slider-opacity-color,#000)),repeating-linear-gradient(45deg,var(--checkerboard-dark),var(--checkerboard-dark)10px,var(--checkerboard-light)10px,var(--checkerboard-light)20px);box-sizing:border-box;width:100%;min-height:var(--hit-size);padding-block:var(--padding-block);padding-inline:var(--padding-inline);border-radius:3.40282e+38px}._opacity-slider_1mww8_291 ._opacity-track_1mww8_327{width:100%;height:var(--size);border:var(--border);background:var(--track-background);border-radius:3.40282e+38px;position:relative;overflow:hidden}._opacity-slider_1mww8_291 ._opacity-range_1mww8_337{background:0 0}._opacity-slider_1mww8_291 ._opacity-thumb_1mww8_341{--thumb-shadow-hover:0 0 0 1px #00000061;--thumb-shadow-active:0 0 0 1px #0000003d;top:var(--top);box-sizing:border-box;width:var(--thumb-width);height:var(--thumb-height);transform:var(--transform);border:var(--thumb-border);background:var(--thumb-background);box-shadow:var(--thumb-shadow);border-radius:3.40282e+38px;position:absolute}._hue-slider_1mww8_213 ._hue-thumb_1mww8_270[data-focus-visible=true]{outline:2px solid var(--focus-visible);outline-offset:2px}._hue-slider_1mww8_213 ._hue-thumb_1mww8_270[data-hovered=true]{--hover-duration:var(--hover-enter-duration,0s);box-shadow:var(--thumb-shadow-hover,var(--thumb-shadow))}._hue-slider_1mww8_213 ._hue-thumb_1mww8_270[data-pressed=true]{box-shadow:var(--thumb-shadow-active,var(--thumb-shadow))}._opacity-slider_1mww8_291 ._opacity-thumb_1mww8_341[data-focus-visible=true]{outline:2px solid var(--focus-visible);outline-offset:2px}._opacity-slider_1mww8_291 ._opacity-thumb_1mww8_341[data-hovered=true]{--hover-duration:var(--hover-enter-duration,0s);box-shadow:var(--thumb-shadow-hover)}._opacity-slider_1mww8_291 ._opacity-thumb_1mww8_341[data-pressed=true]{box-shadow:var(--thumb-shadow-active)}._recent-colors_1mww8_385{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}._recent-colors_1mww8_385 ._recent-color-swatch_1mww8_392{border-radius:var(--radius-sm);border:var(--border-width-base,1px)solid var(--background-border);cursor:pointer;width:32px;height:32px;transition:box-shadow var(--hover-duration,var(--hover-leave-duration,.3s))var(--hover-transition-timing-function,var(--ease-snappy-pop,ease-out)),transform var(--hover-duration,var(--hover-leave-duration,.3s))var(--hover-transition-timing-function,var(--ease-snappy-pop,ease-out));background:0 0;outline:none;flex-shrink:0;padding:0}._recent-colors_1mww8_385 ._recent-color-swatch_1mww8_392:hover{--hover-duration:var(--hover-enter-duration,0s);box-shadow:0 0 0 2px var(--focus-visible);transform:scale(1.1)}._recent-colors_1mww8_385 ._recent-color-swatch_1mww8_392:active{transform:scale(.95)}._recent-colors_1mww8_385 ._recent-color-swatch_1mww8_392:focus-visible{outline:2px solid var(--focus-visible);outline-offset:2px}._preview-swatch_1mww8_422{--checkerboard-dark:var(--background-700);--checkerboard-light:var(--background-800);border-radius:var(--radius-sm);border:var(--border-width-base,1px)solid var(--background-border);flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}._preview-swatch_1mww8_422:before{background-image:repeating-linear-gradient(45deg,var(--checkerboard-dark),var(--checkerboard-dark)6px,var(--checkerboard-light)6px,var(--checkerboard-light)12px);z-index:1}._preview-swatch_1mww8_422:after,._preview-swatch_1mww8_422:before{content:"";border-radius:var(--radius-sm);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}._preview-swatch_1mww8_422:after{background-color:var(--preview-color,transparent);z-index:2}._preview_1mww8_422{--checkerboard-dark:var(--background-700);--checkerboard-light:var(--background-800);border-radius:var(--radius-sm);border:var(--border-width-base,1px)solid var(--background-border);width:64px;height:64px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}._preview_1mww8_422:before{content:"";background-image:repeating-linear-gradient(45deg,var(--checkerboard-dark),var(--checkerboard-dark)10px,var(--checkerboard-light)10px,var(--checkerboard-light)20px);border-radius:var(--radius-sm);pointer-events:none;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}