@layer cs.components{.cs-slider-field.svelte-m09opt{align-items:center;gap:var(--cs-space-2-5);grid-template-columns:minmax(4rem,1fr) minmax(0,5.5rem);min-inline-size:0;display:grid}.cs-slider-field.svelte-m09opt .cs-number-steps{display:none}.cs-slider-field.svelte-m09opt .cs-slider-field-slider{min-inline-size:0}@container (width<=13rem){.cs-slider-field.svelte-m09opt{grid-template-columns:minmax(0,1fr)}}.cs-color-area.svelte-4nnhm4{aspect-ratio:4/3;border-radius:var(--cs-radius-md);min-block-size:8rem;inline-size:100%;box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-2);cursor:crosshair;touch-action:none;forced-color-adjust:none;position:relative}.cs-color-area-thumb.svelte-4nnhm4{border-radius:var(--cs-radius-full);block-size:1rem;inline-size:1rem;box-shadow:0 0 0 2px var(--cs-text-1), 0 0 0 3px var(--cs-text-inverse), inset 0 0 0 1px var(--cs-text-inverse);pointer-events:none;position:absolute;translate:-50% -50%}.cs-color-area.svelte-4nnhm4:focus-visible{outline:none}.cs-color-area.svelte-4nnhm4:focus-visible .cs-color-area-thumb:where(.svelte-4nnhm4){outline:var(--cs-focus-width) solid var(--cs-focus);outline-offset:4px}.cs-channel.svelte-1tzvu90{block-size:var(--cs-target-min);cursor:pointer;touch-action:none;align-items:center;margin-inline:.5625rem;display:grid;position:relative}.cs-channel-track.svelte-1tzvu90{border-radius:var(--cs-radius-full);block-size:.75rem;box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-2);margin-inline:-.5625rem}.cs-channel[data-checker].svelte-1tzvu90:before{content:"";border-radius:var(--cs-radius-full);background:var(--cs-checker);background-size:.5rem .5rem;block-size:.75rem;position:absolute;inset-inline:-.5625rem}.cs-channel[data-checker].svelte-1tzvu90 .cs-channel-track:where(.svelte-1tzvu90){position:relative}.cs-channel-thumb.svelte-1tzvu90{border-radius:var(--cs-radius-full);block-size:1.125rem;inline-size:1.125rem;box-shadow:0 0 0 2px var(--cs-text-1), 0 0 0 3px var(--cs-text-inverse), 0 1px 3px 1px var(--cs-press-shade);pointer-events:none;position:absolute;translate:-50%}.cs-channel.svelte-1tzvu90:focus-visible{outline:none}.cs-channel.svelte-1tzvu90:focus-visible .cs-channel-thumb:where(.svelte-1tzvu90){outline:var(--cs-focus-width) solid var(--cs-focus);outline-offset:3px}@media (forced-colors:active){.cs-channel-track.svelte-1tzvu90{forced-color-adjust:none}.cs-channel-thumb.svelte-1tzvu90{forced-color-adjust:none;border:2px solid canvastext}}.cs-color-picker.svelte-1fuh4gb{gap:var(--cs-space-2-5);inline-size:min(100%,16.5rem);display:grid}.cs-color-picker-fields.svelte-1fuh4gb{align-items:center;gap:var(--cs-space-1-5);grid-template-columns:minmax(0,1fr) minmax(0,5.5rem) auto;display:grid}.cs-color-picker-fields.svelte-1fuh4gb .cs-number-steps{display:none}.cs-color-picker-group.svelte-1fuh4gb{gap:var(--cs-space-1-5);display:grid}.cs-color-picker-heading.svelte-1fuh4gb{color:var(--cs-text-3);margin:0}.cs-color-input.svelte-sqg5jp{align-items:center;gap:var(--cs-space-1-5);grid-template-columns:auto minmax(0,1fr) minmax(0,4.25rem);min-inline-size:0;display:grid}.cs-color-input[data-linked].svelte-sqg5jp{grid-template-columns:auto minmax(0,1fr)}.cs-color-input.svelte-sqg5jp .cs-number-steps{display:none}.cs-color-input-swatch.svelte-sqg5jp{inline-size:max(var(--cs-target-min), var(--cs-control-h-sm));block-size:max(var(--cs-target-min), var(--cs-control-h-sm));border:var(--cs-bw-control) solid var(--cs-line-control);border-radius:var(--cs-control-radius);background:var(--cs-surface-2);cursor:pointer;transition:border-color var(--cs-dur-2) var(--cs-ease-standard);padding:.1875rem;display:grid}.cs-color-input-swatch.svelte-sqg5jp:hover{border-color:var(--cs-line-control-hover)}.cs-color-input-swatch.svelte-sqg5jp:focus-visible{outline:var(--cs-focus-width) solid var(--cs-focus);outline-offset:var(--cs-focus-offset)}.cs-color-input-swatch.svelte-sqg5jp:disabled{border-style:var(--cs-line-style-disabled);border-color:var(--cs-line-2);cursor:not-allowed}.cs-color-input-paint.svelte-sqg5jp{border-radius:calc(var(--cs-control-radius) - .25rem);box-shadow:inset 0 0 0 var(--cs-bw) var(--cs-line-2);forced-color-adjust:none}.cs-color-input-token.svelte-sqg5jp{align-items:center;gap:var(--cs-space-1);min-inline-size:0;min-block-size:max(var(--cs-target-min), var(--cs-control-h-sm));padding-inline:var(--cs-space-2) var(--cs-space-0-5);border:var(--cs-bw-control) solid var(--cs-accent-line);border-radius:var(--cs-control-radius);background:var(--cs-accent-soft);display:flex}.cs-color-input-token-label.svelte-sqg5jp{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--cs-text-xs);font-weight:var(--cs-weight-medium);color:var(--cs-accent-text);flex:1;overflow:hidden}}