.field.svelte-19howdi{aspect-ratio:1.4;border-radius:var(--radius-plot);border:1px solid var(--border);cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--hue-color);width:100%;max-height:320px;position:relative}.field.svelte-19howdi:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.field__handle.svelte-19howdi{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,50%);box-shadow:0 0 0 1px #00000080,0 1px 3px #00000073}.hue.svelte-tp6nri{border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;touch-action:none;background:var(--muted);width:100%;height:16px;position:relative}.hue.svelte-tp6nri:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hue__handle.svelte-tp6nri{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 1px 3px #00000073}.alpha.svelte-1677pts{border-radius:var(--radius-pill);border:1px solid var(--border);cursor:pointer;touch-action:none;background-color:#ccc;background-image:linear-gradient(45deg,#999 25%,#0000 25%),linear-gradient(-45deg,#999 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#999 75%),linear-gradient(-45deg,#0000 75%,#999 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;width:100%;height:16px;position:relative;overflow:hidden}.alpha__fill.svelte-1677pts{background:linear-gradient(to right, transparent, var(--solid));position:absolute;inset:0}.alpha.svelte-1677pts:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.alpha__handle.svelte-1677pts{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 1px 3px #00000073}