.oklch-chooser.svelte-21v8dl{-webkit-user-select:none;user-select:none;flex-direction:column;gap:.7rem;font-family:ui-monospace,Cascadia Code,Fira Mono,monospace;font-size:.82rem;display:flex}.preview.svelte-21v8dl{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #0000001f;border-radius:.5rem;position:relative;overflow:hidden}.preview.svelte-21v8dl:after{content:"";background-color:inherit;position:absolute;inset:0}.gamut-badge.svelte-21v8dl{z-index:1;color:#fff;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#c81414e0;border-radius:.25rem;padding:.15rem .45rem;font-size:.68rem;font-weight:700;position:absolute;bottom:.4rem;right:.4rem}.sliders.svelte-21v8dl{flex-direction:column;gap:.45rem;display:flex}.row.svelte-21v8dl{grid-template-columns:1.1rem 1fr 3.8rem;align-items:center;gap:.55rem;display:grid}.label.svelte-21v8dl{color:#6b7280;text-align:center;cursor:default;font-size:.78rem;font-weight:700}.val.svelte-21v8dl{text-align:right;color:#374151;font-variant-numeric:tabular-nums}.track-wrap.svelte-21v8dl{align-items:center;height:1.4rem;display:flex;position:relative}.track-wrap.svelte-21v8dl:before{content:"";height:var(--track-h);border-radius:calc(var(--track-h) / 2);background:var(--grad);pointer-events:none;border:1px solid #0000001a;position:absolute;left:0;right:0}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl){appearance:none;cursor:pointer;width:100%;height:var(--track-h);background:0 0;margin:0;padding:0;position:relative}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl)::-webkit-slider-runnable-track{height:var(--track-h);border-radius:calc(var(--track-h) / 2);background:0 0}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl)::-moz-range-track{height:var(--track-h);border-radius:calc(var(--track-h) / 2);background:0 0}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl)::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;width:1.05rem;height:1.05rem;margin-top:calc((var(--track-h) - 1.05rem) / 2);background:#fff;border:2px solid #00000059;border-radius:50%;transition:border-color .1s,box-shadow .1s;box-shadow:0 1px 4px #00000040}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl)::-moz-range-thumb{cursor:grab;background:#fff;border:2px solid #00000059;border-radius:50%;width:1.05rem;height:1.05rem;box-shadow:0 1px 4px #00000040}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl):active::-webkit-slider-thumb{cursor:grabbing}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl):active::-moz-range-thumb{cursor:grabbing}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl):focus-visible{outline:none}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl):focus-visible::-webkit-slider-thumb{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb47}.track-wrap.svelte-21v8dl input[type=range]:where(.svelte-21v8dl):focus-visible::-moz-range-thumb{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb47}.css-string.svelte-21v8dl{color:#6b7280;text-align:center;background:#0000000a;border-radius:.3rem;padding:.2rem .4rem;font-size:.73rem}