.color-area.svelte-q7x7th{-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-q7x7th{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-1ia2ohq{-webkit-user-select:none;user-select:none;box-sizing:border-box;flex-shrink:0;padding:0 .3rem;position:relative}.slider-track.svelte-1ia2ohq{border-radius:4px;width:.5rem;height:100%}.hue.svelte-1ia2ohq .slider-track:where(.svelte-1ia2ohq){background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha.svelte-1ia2ohq .slider-track:where(.svelte-1ia2ohq){background-image:repeating-conic-gradient(#bfbfbf 0 25%, #fff 0 50%);background-position:0 0,.25rem .25rem;background-size:.5rem .5rem}.alpha.svelte-1ia2ohq .slider-track-overlay:where(.svelte-1ia2ohq){background-image:linear-gradient(to bottom, transparent 0%, var(--color) 100%);border-radius:inherit;width:100%;height:100%}.slider-handle.svelte-1ia2ohq{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-zxiloo{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-zxiloo{top:auto;bottom:100%}.color-picker.hidden.svelte-zxiloo{display:none}.color-picker.svelte-zxiloo .slider{margin-left:12px}.input.svelte-weju5m{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-weju5m{opacity:.5}.input.svelte-weju5m:focus-within{border-color:#0269f7;box-shadow:0 0 0 3px #0269f766}.text.svelte-weju5m{position:relative}.title.svelte-weju5m{pointer-events:none;width:100%;display:none;position:absolute;top:0;left:0}.title.show.svelte-weju5m{display:block}.color-frame.svelte-weju5m{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-weju5m .color-frame-color:where(.svelte-weju5m){box-sizing:border-box;border-radius:inherit;border:1px solid #ffffff4d;width:100%;height:100%}input.svelte-weju5m{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-weju5m:focus{box-shadow:none}input.show.svelte-weju5m{opacity:1;cursor:text}html,body{margin:0}.picker.svelte-1uha8ag{--picker-background:#fff;color:#000}.picker.dark-mode.svelte-1uha8ag{--picker-background:#25272d;color:#fff}.center.svelte-1uha8ag{box-sizing:border-box;color:#fff;background-color:#111318;flex-direction:column;align-items:center;min-height:100vh;padding:20px 0;font-family:Arial,Helvetica,sans-serif;font-size:16px;display:flex}nav.svelte-1uha8ag{cursor:default}nav.svelte-1uha8ag a:where(.svelte-1uha8ag){color:#ffffffbf;margin:0 2px;padding:4px 2px;font-size:16px;text-decoration:none}nav.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#fff}h1.svelte-1uha8ag{z-index:1;margin-top:10px;margin-bottom:30px;padding:0 7px;position:relative}h1.svelte-1uha8ag:before{z-index:-1;content:"";opacity:0;background-color:#fff;border-radius:5px;width:100%;height:100%;transition:all .2s ease-out;position:absolute;top:0;left:0;box-shadow:0 0 #fff,0 0 #fff}h1.light-mode.svelte-1uha8ag:before{opacity:1;box-shadow:0 0 0 5px #fff,0 0 10px 5px #fff}.row.svelte-1uha8ag{align-items:center;height:26px;margin-top:8px;display:flex}span.svelte-1uha8ag{margin-right:12px}input.svelte-1uha8ag,select.svelte-1uha8ag{margin-left:auto}input[type=text].svelte-1uha8ag{color:#fff;box-sizing:border-box;background-color:#25272d;border:1px solid #6771894d;border-radius:4px;height:26px;padding:0 8px}input[type=text].svelte-1uha8ag:focus{border:1px solid #0269f7;outline:none;box-shadow:0 0 0 3px #0269f766}select.svelte-1uha8ag{color:#fff;box-sizing:border-box;background-color:#25272d;border:1px solid #6771894d;border-radius:4px;height:26px;padding:0 4px}select.svelte-1uha8ag:focus{border:1px solid #0269f7;outline:none;box-shadow:0 0 0 3px #0269f766}