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