.raw.svelte-yn5u1k{width:100%;background-color:var(--color-bg-alt2);border-style:none;border-radius:var(--m);font-size:.88rem;padding:var(--m)}.raw.invalid.svelte-yn5u1k{outline:1px solid var(--color-error, #e55)}.color-wheel.svelte-vhle9a{position:relative;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;cursor:crosshair;flex-shrink:0}.hue-ring.svelte-vhle9a{position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red 360deg);pointer-events:none}canvas.inner-disc.svelte-vhle9a{position:absolute;top:16%;left:16%;display:block;pointer-events:none}.knob.svelte-vhle9a{position:absolute;border-radius:50%;border:2.5px solid white;box-shadow:0 1px 5px #0000008c,0 0 0 1px #0003;pointer-events:none;transform:translate(-50%,-50%)}.ring-knob.svelte-vhle9a{width:28px;height:28px}.disc-knob.svelte-vhle9a{width:20px;height:20px}.color-picker.svelte-13rslnh{display:flex;flex-direction:column;align-items:center;gap:var(--mm, 16px);padding:var(--mm, 16px)}.output.svelte-13rslnh{display:flex;align-items:center;gap:16px}.swatch-wrap.svelte-13rslnh{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--color-border, rgba(255, 255, 255, .15));flex-shrink:0}.checker.svelte-13rslnh{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#888;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.color-layer.svelte-13rslnh{position:absolute;top:0;right:0;bottom:0;left:0}.hex-wrap.svelte-13rslnh{width:130px;font-family:monospace}