[huey-preview]{--huey-preview-tile-size:20px;width:var(--huey-preview-tile-size);height:var(--huey-preview-tile-size);border-radius:calc(var(--huey-preview-tile-size) - 80%);display:inline-block;position:relative;overflow:hidden}[huey-preview]:before{content:"";width:50%;height:100%;opacity:var(--huey-preview-tiles-opacity);background:url("data:image/svg+xml,<svg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H3V3H0V0Z' fill='%23E1E1E1'/><path d='M3 0H6V3H3V0Z' fill='white'/><path d='M3 3H6V6H3V3Z' fill='%23E1E1E1'/><path d='M0 3H3V6H0V3Z' fill='white'/></svg>");margin-left:auto;display:block}[huey-preview][data-split-view=false]:before{width:100%}.fs-color-picker.svelte-1ielokl{width:18.5rem;max-width:100%;font-size:var(--fs-body2-font-size);line-height:var(--fs-body2-line-height);font-family:var(--fs-font-family-base);color:var(--fs-text-primary);grid-template-columns:minmax(0,1fr);gap:.5rem;display:grid;position:relative}.spectrum-row.svelte-1ielokl{gap:.5rem;display:flex}.spectrum.svelte-1ielokl{aspect-ratio:1;min-width:0;box-shadow:inset 0 0 0 1px var(--fs-control-stroke-default);border-radius:var(--fs-control-border-radius);touch-action:none;background:linear-gradient(#0000,#fff),linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);flex:1;position:relative;overflow:hidden}.spectrum.square.svelte-1ielokl,.preview.square.svelte-1ielokl{border-radius:0}.spectrum.circular.svelte-1ielokl{background:radial-gradient(circle closest-side,#fff,#0000),conic-gradient(from 270deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%}.shade.svelte-1ielokl{border-radius:inherit;pointer-events:none;background:#000;position:absolute;inset:0}.marker.svelte-1ielokl{pointer-events:none;border:2px solid #fff;border-radius:50%;width:.75rem;height:.75rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000}.spectrum.svelte-1ielokl:has(:where(.svelte-1ielokl):focus-visible){outline:2px solid var(--fs-focus-stroke-outer);outline-offset:2px}.fs-color-picker.svelte-1ielokl:has(.native-field:where(.svelte-1ielokl):focus-visible) .spectrum:where(.svelte-1ielokl){outline:2px solid var(--fs-focus-stroke-outer);outline-offset:2px}.fs-color-picker.svelte-1ielokl:has(.native-field:where(.svelte-1ielokl):disabled) .spectrum:where(.svelte-1ielokl){cursor:not-allowed}.fs-color-picker.svelte-1ielokl:has(.native-field:where(.svelte-1ielokl):disabled) .spectrum:where(.svelte-1ielokl):after{content:"";border-radius:inherit;background:var(--fs-control-fill-disabled);pointer-events:none;position:absolute;inset:0}.spectrum-input.svelte-1ielokl{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.preview.svelte-1ielokl{border:1px solid var(--fs-control-stroke-default);border-radius:var(--fs-control-border-radius);flex-shrink:0;align-self:stretch;width:2rem;position:relative;overflow:hidden}.preview.circular.svelte-1ielokl{border-radius:999px}.preview.svelte-1ielokl [huey-preview]{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.rails.svelte-1ielokl{--color-picker-slider-radius:var(--fs-control-border-radius);flex-direction:column;gap:.5rem;display:flex}.rails.square.svelte-1ielokl{--color-picker-slider-radius:0px}.rails.circular.svelte-1ielokl{--color-picker-slider-radius:999px}.rails.svelte-1ielokl .slider-rail,.rails.svelte-1ielokl .slider-thumb,.rails.svelte-1ielokl .slider-thumb:before{border-radius:var(--color-picker-slider-radius)}.rails.svelte-1ielokl>div:where(.svelte-1ielokl){align-items:center;height:1.25rem;display:flex}.rails.svelte-1ielokl .fs-slider{width:100%}.rails.svelte-1ielokl .slider-rail{background:linear-gradient(90deg,#000,#fff)}.rails.svelte-1ielokl .fs-slider.orientation-horizontal .slider-rail{block-size:.75rem}.rails.svelte-1ielokl .fs-slider.orientation-vertical .slider-rail{block-size:100%;inline-size:.75rem}.opacity.svelte-1ielokl .slider-rail{background:linear-gradient(to right, transparent, var(--opaque)), repeating-conic-gradient(var(--fs-control-stroke-default) 0% 25%, transparent 0% 50%) 0/8px 8px}.rails.svelte-1ielokl .slider-thumb:before{background:var(--fs-text-primary)}.fields.svelte-1ielokl{flex-direction:column;gap:.5rem;display:flex}.fields[hidden].svelte-1ielokl{display:none}.format.svelte-1ielokl{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.25rem;display:grid}.format.svelte-1ielokl .fs-dropdown{min-width:0}.channel.svelte-1ielokl{color:var(--fs-text-secondary);grid-template-columns:6rem 1fr;align-items:center;gap:.75rem;display:grid}.fs-color-picker.svelte-1ielokl .fields:where(.svelte-1ielokl) .fs-textbox input,.fs-color-picker.svelte-1ielokl .fields:where(.svelte-1ielokl) select{font-family:var(--fs-font-family-base);font-size:var(--fs-body2-font-size);line-height:var(--fs-body2-line-height);box-sizing:border-box;width:100%;height:2rem}.fs-color-picker.svelte-1ielokl .expand{font-size:var(--fs-body2-font-size);justify-self:end}.native-field.svelte-1ielokl{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset:0}.invalid.svelte-1ielokl,.invalid.svelte-1ielokl .channel:where(.svelte-1ielokl),.invalid.svelte-1ielokl .expand{color:var(--fs-system-critical)}.invalid.svelte-1ielokl .spectrum:where(.svelte-1ielokl){box-shadow:0 0 0 1px var(--fs-system-critical)}.fs-color-picker.svelte-1ielokl .fields:where(.svelte-1ielokl) .fs-textbox input:disabled,.fs-color-picker.svelte-1ielokl .fields:where(.svelte-1ielokl) select:disabled{color:var(--fs-text-disabled);cursor:not-allowed}.fs-color-picker.svelte-1ielokl .fields:where(.svelte-1ielokl) .fs-dropdown:has(select:disabled) .indicator{color:var(--fs-text-disabled);cursor:not-allowed}.fs-color-picker.svelte-1ielokl:has(>.native-field:where(.svelte-1ielokl):disabled) .channel:where(.svelte-1ielokl){color:var(--fs-text-disabled);cursor:not-allowed}.fields.svelte-1ielokl .fs-dropdown:has(select:disabled){background:var(--fs-control-fill-disabled)}.fields.svelte-1ielokl .fs-dropdown:has(select:disabled):before{background:var(--fs-control-stroke-default)}.rails.svelte-1ielokl .fs-slider:has(input:disabled) .slider-rail{background:var(--fs-control-strong-stroke-disabled)}.rails.svelte-1ielokl .fs-slider:has(input:disabled) .slider-thumb:before{background:var(--fs-control-strong-stroke-disabled)}.fs-color-picker.svelte-1ielokl:has(>.native-field:where(.svelte-1ielokl):disabled) .preview:where(.svelte-1ielokl):after{content:"";border-radius:inherit;background:var(--fs-control-fill-disabled);position:absolute;inset:0}.horizontal.svelte-1ielokl{grid-template-columns:minmax(10rem,1fr) 3rem minmax(12rem,1fr);align-items:start;width:40rem}.horizontal.svelte-1ielokl .rails:where(.svelte-1ielokl){flex-direction:row;height:100%;min-height:12rem}.horizontal.svelte-1ielokl .rails:where(.svelte-1ielokl)>div:where(.svelte-1ielokl){width:1.25rem;height:100%}.horizontal.svelte-1ielokl .rails:where(.svelte-1ielokl) .fs-slider{height:100%}.horizontal.svelte-1ielokl .rails:where(.svelte-1ielokl) .slider-rail{background:linear-gradient(#fff,#000)}.horizontal.svelte-1ielokl .opacity:where(.svelte-1ielokl) .slider-rail{background:linear-gradient(to top, transparent, var(--opaque)), repeating-conic-gradient(var(--fs-control-stroke-default) 0% 25%, transparent 0% 50%) 0/8px 8px}.horizontal.svelte-1ielokl .expand{grid-column:3}@media (width<=600px){.horizontal.svelte-1ielokl{grid-template-columns:minmax(0,1fr) 3rem;gap:.5rem}.horizontal.svelte-1ielokl .fields:where(.svelte-1ielokl),.horizontal.svelte-1ielokl .expand{grid-column:1/-1}.horizontal.svelte-1ielokl .rails:where(.svelte-1ielokl){min-height:0}}@media (forced-colors:active){.spectrum.svelte-1ielokl,.marker.svelte-1ielokl{border:1px solid canvastext}}.variants.svelte-1p0mpe0{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;display:flex}.stack.svelte-1p0mpe0{flex-direction:column;gap:1rem;display:flex}.actions.svelte-1p0mpe0{gap:.5rem;display:flex}.props-table.svelte-l6rx10{max-width:100%;overflow-x:auto}