.color-area.svelte-tdk7vl{width:100%;-webkit-user-select:none;user-select:none;height:100%;position:relative;border-radius:4px;background:linear-gradient(transparent,#000),linear-gradient(.25turn,#ffffff,transparent),var(--hue-color)}.handle.svelte-tdk7vl{width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 3px #00000080}.slider.svelte-1ia9vwu{padding:0rem .3rem;flex-shrink:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative}.slider-track.svelte-1ia9vwu{height:100%;width:.5rem;border-radius:4px}.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-size:.5rem .5rem;background-position:0 0,.25rem .25rem}.alpha.svelte-1ia9vwu .slider-track-overlay:where(.svelte-1ia9vwu){width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 0%,var(--color) 100%);border-radius:inherit}.slider-handle.svelte-1ia9vwu{width:1rem;height:1rem;box-sizing:border-box;border-radius:100px;left:50%;transform:translate(-50%,-50%);position:absolute;border:2px solid #ffffff;box-shadow:0 0 3px #00000080}.color-picker.svelte-k1cdrk{position:absolute;top:100%;left:0;display:flex;border:1px solid hsla(222,14%,47%,.3);background-color:inherit;border-radius:5px;box-sizing:border-box;padding:12px;width:100%;height:210px;z-index:50}.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%);display:flex;justify-items:center;align-items:center;box-sizing:border-box;border-radius:4px;padding:0 10px;background:var(--picker-background, #ffffff);border:1px solid hsla(222,14%,47%,.3);box-shadow:0 1px 2px #0000000d;position:relative;-webkit-user-select:none;user-select:none;outline:none;cursor:default}.input.disabled.svelte-7gb28q{opacity:.5}.input.svelte-7gb28q:focus-within{border-color:#0269f7;box-shadow:0 0 0 3px #0269f766}.text.svelte-7gb28q{position:relative}.title.svelte-7gb28q{position:absolute;top:0;left:0;width:100%;pointer-events:none;display:none}.title.show.svelte-7gb28q{display:block}.color-frame.svelte-7gb28q{pointer-events:none;height:20px;margin:8px 11px 8px 0;width:38px;flex-shrink:0;border-radius:4px;box-sizing:border-box;box-shadow:0 1px 2px #0000000d;background-image:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%);background-size:.5rem .5rem;background-position:0 0,.25rem .25rem}.color-frame.svelte-7gb28q .color-frame-color:where(.svelte-7gb28q){width:100%;height:100%;box-sizing:border-box;border-radius:inherit;border:1px solid hsla(0,0%,100%,.3)}input.svelte-7gb28q{color:inherit;font-family:inherit;font-size:inherit;background-color:transparent;width:100%;outline:none;border:none;padding:0;margin:0;opacity:0;cursor:inherit;line-height:normal}input.svelte-7gb28q:focus{box-shadow:none}input.show.svelte-7gb28q{opacity:1;cursor:text}div.x.svelte-7n7b05 .input:focus-within{border-color:#a3e635;box-shadow:0 0 0 1px #a3e635}div.x.svelte-7n7b05 .slider{margin-left:12px}div.x.svelte-7n7b05 .input{border-radius:calc(var(--radius) - 2px)}