.color-area.svelte-tdk7vl{-webkit-user-select:none;user-select:none;background:linear-gradient(transparent, #000), linear-gradient(.25turn, #fff, transparent), var(--hue-color);border-radius:4px;width:100%;height:100%;position:relative}.handle.svelte-tdk7vl{border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 3px #00000080}.slider.svelte-1ia9vwu{-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-shrink:0;padding:0 .3rem;position:relative}.slider-track.svelte-1ia9vwu{border-radius:4px;width:.5rem;height:100%}.hue.svelte-1ia9vwu .slider-track:where(.svelte-1ia9vwu){background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha.svelte-1ia9vwu .slider-track:where(.svelte-1ia9vwu){background-image:repeating-conic-gradient(#bfbfbf 0 25%, #fff 0 50%);background-position:0 0,.25rem .25rem;background-size:.5rem .5rem}.alpha.svelte-1ia9vwu .slider-track-overlay:where(.svelte-1ia9vwu){background-image:linear-gradient(to bottom, transparent 0%, var(--color) 100%);border-radius:inherit;width:100%;height:100%}.slider-handle.svelte-1ia9vwu{box-sizing:border-box;border:2px solid #fff;border-radius:100px;width:1rem;height:1rem;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 3px #00000080}.color-picker.svelte-k1cdrk{background-color:inherit;box-sizing:border-box;z-index:50;border:1px solid #6771894d;border-radius:5px;width:100%;height:210px;padding:12px;display:flex;position:absolute;top:100%;left:0}.color-picker.above.svelte-k1cdrk{top:auto;bottom:100%}.color-picker.hidden.svelte-k1cdrk{display:none}.color-picker.svelte-k1cdrk .slider{margin-left:12px}.input.svelte-7gb28q{width:var(--input-width,100%);box-sizing:border-box;background:var(--picker-background,#fff);-webkit-user-select:none;user-select:none;cursor:default;border:1px solid #6771894d;border-radius:4px;outline:none;place-items:center;padding:0 10px;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.input.disabled.svelte-7gb28q{opacity:.5}.input.svelte-7gb28q:focus-within{border-color:#0269f7;box-shadow:0 0 0 3px #0269f766}.text.svelte-7gb28q{flex-grow:1;position:relative}.title.svelte-7gb28q{pointer-events:none;width:100%;display:none;position:absolute;top:0;left:0}.title.show.svelte-7gb28q{display:block}.color-frame.svelte-7gb28q{pointer-events:none;box-sizing:border-box;background-image:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%);background-position:0 0,.25rem .25rem;background-size:.5rem .5rem;border-radius:4px;flex-shrink:0;width:38px;height:20px;margin:8px 11px 8px 0;box-shadow:0 1px 2px #0000000d}.color-frame.svelte-7gb28q .color-frame-color:where(.svelte-7gb28q){box-sizing:border-box;border-radius:inherit;border:1px solid #ffffff4d;width:100%;height:100%}input.svelte-7gb28q{color:inherit;font-family:inherit;font-size:inherit;opacity:0;width:100%;cursor:inherit;background-color:#0000;border:none;outline:none;margin:0;padding:0;line-height:normal}input.svelte-7gb28q:focus{box-shadow:none}input.show.svelte-7gb28q{opacity:1;cursor:text}.prop.svelte-nzb52d{align-items:center;padding:5px 0;display:block}@media (width>=600px){.prop.svelte-nzb52d{display:flex}}.label.svelte-nzb52d{flex-shrink:0;width:195px}.label.label-wide.svelte-nzb52d{width:290px;font-size:15px}input[type=text].svelte-nzb52d,textarea.svelte-nzb52d,select.svelte-nzb52d{color:var(--foreground);background:var(--input-background);box-sizing:border-box;border:1px solid #6771894d;border-radius:3px;outline:none;padding:4px 6px;transition:border-color 80ms cubic-bezier(.4,0,.2,1),box-shadow 80ms cubic-bezier(.4,0,.2,1),background 80ms cubic-bezier(.4,0,.2,1)}input[type=text].svelte-nzb52d:focus-visible,textarea.svelte-nzb52d:focus-visible,select.svelte-nzb52d:focus-visible{border-color:var(--input-highlight-border);box-shadow:0px 0px 0px 2px var(--input-highlight-shadow)}input[type=text].svelte-nzb52d{width:var(--input-width)}.color-input.svelte-nzb52d .color-picker{width:290px}.row.svelte-1mki4hu{background:var(--card-background);border:1px solid #6c78931a;border-radius:5px;flex-direction:column;padding:10px;transition:background 80ms cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}@media (width>=401px){.row.svelte-1mki4hu{padding:20px}}@media (width>=701px){.row.svelte-1mki4hu{flex-direction:row}section.left.svelte-1mki4hu{flex-shrink:0;min-width:260px;padding-right:10px}.spacer.svelte-1mki4hu{margin-top:20px}}