.color-picker.svelte-vbsaca{flex-direction:column;gap:1rem;width:22rem;display:flex}.color-picker__sv.svelte-vbsaca{cursor:crosshair;touch-action:none;border-radius:.8rem;width:100%;height:14rem;position:relative}.color-picker__sv-white.svelte-vbsaca{background:linear-gradient(90deg,#fff,#fff0);border-radius:.8rem;position:absolute;inset:0}.color-picker__sv-black.svelte-vbsaca{background:linear-gradient(#0000,#000);border-radius:.8rem;position:absolute;inset:0}.color-picker__sv-thumb.svelte-vbsaca{pointer-events:none;border:.2rem solid #fff;border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .1rem #0000004d}.color-picker__row.svelte-vbsaca{align-items:center;gap:.8rem;display:flex}.color-picker__reset.svelte-vbsaca{color:#4a4a4a;cursor:pointer;background:#f3f3f3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;display:flex}.color-picker__reset.svelte-vbsaca:hover{background-color:#e8e8e8}.color-picker__reset.svelte-vbsaca svg{width:1.4rem;height:1.4rem;display:block}.color-picker__hue.svelte-vbsaca{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:99rem;flex-grow:1;height:1.2rem;position:relative}.color-picker__hue-thumb.svelte-vbsaca{pointer-events:none;background-color:#fff;border:.2rem solid #fff;border-radius:50%;width:1.6rem;height:1.6rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .1rem #0000004d}.color-picker__rgb.svelte-vbsaca{gap:.8rem;display:flex}.color-picker__rgb.svelte-vbsaca .color-picker__hex-field:where(.svelte-vbsaca){flex:1.6}.color-picker__rgb.svelte-vbsaca label:where(.svelte-vbsaca){color:#757575;flex-direction:column;flex:1;align-items:center;gap:.4rem;font-size:1.2rem;display:flex}.color-picker__rgb.svelte-vbsaca input:where(.svelte-vbsaca){box-sizing:border-box;text-align:center;background-color:#f3f3f3;border:.1rem solid #e2e2e2;border-radius:.6rem;width:100%;padding:.5rem .3rem;font-size:1.3rem}.color-picker__rgb.svelte-vbsaca input[type=number]:where(.svelte-vbsaca){appearance:textfield}.color-picker__rgb.svelte-vbsaca input[type=number]:where(.svelte-vbsaca)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.color-picker__rgb.svelte-vbsaca input[type=number]:where(.svelte-vbsaca)::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}