.mode-row.svelte-stc2bk{display:flex;align-items:stretch;gap:var(--space-3)}.mode-row.svelte-stc2bk>.input-group:where(.svelte-stc2bk){flex:0 1 auto}.result-swatch.svelte-stc2bk{flex:1 0 2em;min-block-size:calc(var(--inputHeight) + 2 * var(--borderWidth));border-radius:var(--rad)}.channel-row.svelte-stc2bk{inline-size:100%;grid-template-columns:minmax(0,1fr) minmax(0,8em)}.color-trigger.svelte-stc2bk{display:flex;align-items:center;padding-left:calc(.1em + .5 * (var(--inputHeight) - var(--lineHeight)));gap:calc(.5 * (var(--inputHeight) - var(--lineHeight)));inline-size:100%;min-inline-size:0;text-align:start;white-space:normal;cursor:pointer}.color-trigger.svelte-stc2bk .color-swatch:where(.svelte-stc2bk){inline-size:1.5em;block-size:1.5em;flex-shrink:0;border-radius:1.5em}.color-summary.svelte-stc2bk{overflow-wrap:anywhere}.channel-label.svelte-stc2bk{display:flex;align-items:center;gap:var(--space-2)}.color-swatch.channel-swatch.svelte-stc2bk{inline-size:1em;block-size:1em;flex-shrink:0;border-radius:1em}.color-popup.svelte-stc2bk{position:fixed;inset:auto;margin:var(--sideSpace);inline-size:28em;max-inline-size:calc(100dvw - 2 * var(--sideSpace));max-block-size:calc(100dvh - 2 * var(--sideSpace));overflow:auto;overscroll-behavior:contain}.color-range.svelte-stc2bk:focus-visible{outline:none;--glow-size: .9em;--glow-brightness: 20%}.color-range.svelte-stc2bk:disabled{opacity:1;cursor:default}.color-range.svelte-stc2bk{--thumb-scale: .5;--thumb-border: .6em;--shade-size: 1em;--shade-offset: .5em;--shade-darkness: 50%;--shade-brightness: 10%;appearance:none;inline-size:100%;block-size:1.5em;padding-inline:calc(.15em - 2px);border-radius:var(--rad);border:solid 2px var(--cDL20);cursor:pointer;transition:border-color var(--trans),box-shadow var(--trans);background-image:var(--channel-gradient),conic-gradient(#bbb 25%,#eee 0 50%,#bbb 0 75%,#eee 0);background-origin:border-box;background-size:auto,.75em .75em}.color-range.svelte-stc2bk:not(:disabled):is(:where(.svelte-stc2bk):hover,:where(.svelte-stc2bk):focus-visible){border-color:var(--cDL40)}.color-range.svelte-stc2bk:not(:disabled):is(:where(.svelte-stc2bk):active,:where(.svelte-stc2bk):focus-visible){--thumb-scale: 1;--thumb-border: .15em}.color-range.svelte-stc2bk::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:1.2em;height:1.2em;border:0;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 var(--thumb-border) var(--thumb-color),0 0 0 1px #0008,0 .1em .2em #0006;scale:var(--thumb-scale);transition:box-shadow var(--trans),scale var(--trans)}.color-range.svelte-stc2bk::-moz-range-thumb{box-sizing:border-box;width:1.2em;height:1.2em;border:0;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 var(--thumb-border) var(--thumb-color),0 0 0 1px #0008,0 .1em .2em #0006;scale:var(--thumb-scale);transition:box-shadow var(--trans),scale var(--trans)}.color-swatch.svelte-stc2bk{background-image:linear-gradient(var(--swatch-color),var(--swatch-color)),conic-gradient(#bbb 25%,#eee 0 50%,#bbb 0 75%,#eee 0);background-size:auto,.75em .75em;border:2px solid var(--swatch-border)}