.picker-container.svelte-xm7tdz{display:flex;gap:1rem;position:relative}canvas.svelte-xm7tdz{cursor:crosshair}.brightness-slider.svelte-xm7tdz{cursor:ns-resize}.selector.svelte-xm7tdz{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 2px #00000080}.brightness-indicator.svelte-xm7tdz{position:absolute;width:20px;height:2px;background:#fff;transform:translateY(-50%);pointer-events:none;box-shadow:0 0 2px #00000080}.dots.svelte-1nny5jp{width:200px;display:flex}.dots.svelte-1nny5jp div:where(.svelte-1nny5jp){height:20px;width:20px;border-radius:40% 60%/60% 40%;margin-right:2px;cursor:pointer}.dots.svelte-1nny5jp div:where(.svelte-1nny5jp):hover{opacity:.8}.dots.svelte-1nny5jp div.activ:where(.svelte-1nny5jp){border:2px solid var(--type)}.custom.svelte-1nny5jp{text-align:center;font-size:.7rem;color:#000}.colorPicker.svelte-1nny5jp{position:relative;margin:10px 0}.darkswitch.svelte-dp19qp{font-size:1rem;position:relative;display:flex;width:84px;height:30px;justify-content:space-between;background:var(--bgd);padding:4px;border-radius:20px;border:2px solid var(--lined);margin-bottom:.5rem;transition:border-color .3s}.darkswitch.svelte-dp19qp :where(.svelte-dp19qp){overflow:initial}.darkswitch.svelte-dp19qp:hover{border-color:var(--accent)}.darkswitch.svelte-dp19qp:after{background:var(--lined);height:18px;width:18px;position:absolute;left:32px;border-radius:22px;display:block;content:"";transition:left .5s cubic-bezier(.7,.5,.5,1.3)}.darkswitch.light.svelte-dp19qp:after{left:5px}.darkswitch.dark.svelte-dp19qp:after{left:56px}.darkswitch.svelte-dp19qp label:where(.svelte-dp19qp){margin:0;width:25px;height:21px;line-height:19px;padding:1px 3px;text-align:center;cursor:pointer;color:var(--typel);transition:ease .3s all}.darkswitch.svelte-dp19qp label:where(.svelte-dp19qp):hover{color:var(--accent)}.darkswitch.svelte-dp19qp label:where(.svelte-dp19qp):hover i:where(.svelte-dp19qp){background:var(--accent)}.darkswitch.svelte-dp19qp .dot:where(.svelte-dp19qp){display:flex;justify-content:center;align-items:center}.darkswitch.svelte-dp19qp .dot:where(.svelte-dp19qp) i:where(.svelte-dp19qp){display:block;height:8px;width:2px;border-radius:4px;background:var(--typel);transition:ease .3s all;transform:rotate(45deg)}.darkswitch.svelte-dp19qp:hover .dot:where(.svelte-dp19qp) i:where(.svelte-dp19qp){height:5px;width:5px}