.color-area.svelte-1b85bye{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;position:relative;border-radius:4px;background:linear-gradient(transparent,#000000),linear-gradient(.25turn,#ffffff,transparent),var(--hue-color)}.handle.svelte-1b85bye{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-imuds7.svelte-imuds7{padding:0rem .3rem;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;position:relative}.slider-track.svelte-imuds7.svelte-imuds7{height:100%;width:.5rem;border-radius:4px}.hue.svelte-imuds7 .slider-track.svelte-imuds7{background:linear-gradient(hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(0,100%,50%))}.alpha.svelte-imuds7 .slider-track.svelte-imuds7{background-image:repeating-conic-gradient(#bfbfbf 0 25%,#ffffff 0 50%);background-size:.5rem .5rem;background-position:0 0,.25rem .25rem}.alpha.svelte-imuds7 .slider-track-overlay.svelte-imuds7{width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 0%,var(--color) 100%);border-radius:inherit}.slider-handle.svelte-imuds7.svelte-imuds7{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-70n9f7{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-70n9f7{top:auto;bottom:100%}.color-picker.hidden.svelte-70n9f7{display:none}.color-picker.svelte-70n9f7 .slider{margin-left:12px}.input.svelte-s8w54d.svelte-s8w54d{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;-moz-user-select:none;user-select:none;outline:none;cursor:default}.input.disabled.svelte-s8w54d.svelte-s8w54d{opacity:.5}.input.svelte-s8w54d.svelte-s8w54d:focus-within{border-color:#0269f7;box-shadow:0 0 0 3px #0269f766}.text.svelte-s8w54d.svelte-s8w54d{position:relative}.title.svelte-s8w54d.svelte-s8w54d{position:absolute;top:0;left:0;width:100%;pointer-events:none;display:none}.title.show.svelte-s8w54d.svelte-s8w54d{display:block}.color-frame.svelte-s8w54d.svelte-s8w54d{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(#cccccc 0 25%,#ffffff 0 50%);background-size:.5rem .5rem;background-position:0 0,.25rem .25rem}.color-frame.svelte-s8w54d .color-frame-color.svelte-s8w54d{width:100%;height:100%;box-sizing:border-box;border-radius:inherit;border:1px solid hsla(0,0%,100%,.3)}input.svelte-s8w54d.svelte-s8w54d{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-s8w54d.svelte-s8w54d:focus{box-shadow:none}input.show.svelte-s8w54d.svelte-s8w54d{opacity:1;cursor:text}