.cmf.svelte-1mw8wnj{fill:none;stroke-width:2}.canvas.svelte-bst4ly{height:480px;overflow:hidden;border-radius:8px}.spd.svelte-1ww1l94{display:flex;height:100%;align-items:end}.color.svelte-1ww1l94{background-color:var(--color);flex:1}.conversion-container.svelte-3mkll0{display:flex;flex-direction:column;align-items:center;gap:.5rem;grid-area:center;margin-bottom:var(--bg-grid-size)}.sliders.svelte-3mkll0{display:flex;justify-content:space-between;grid-area:center;margin-inline:-12px}.spd-container.svelte-3mkll0{width:100%;display:grid;grid-template-areas:"center"}.spd-container.svelte-3mkll0>:where(.svelte-3mkll0){grid-area:center}.swatch.svelte-3mkll0{height:80px;width:80px;border-radius:8px}.center-text.svelte-3mkll0{font-size:small}.new-color-button.svelte-3mkll0{border:2px solid currentColor;border-radius:4px;margin-top:1rem;padding:.125rem .25rem;display:block;margin-left:auto;font-size:small}.spd-control.svelte-3mkll0{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-rl;width:24px;margin:0;margin-inline:-6px;background-color:transparent;cursor:pointer}.spd-control.svelte-3mkll0::-webkit-slider-runnable-track{opacity:1}.spd-control.svelte-3mkll0::-moz-range-track{opacity:1}.spd-control.svelte-3mkll0::-moz-range-thumb{opacity:1;height:8px;width:8px;border-radius:50%;background-color:#fff;border:1px solid #0c0c0c}.spd-control.svelte-3mkll0::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:1;height:12px;width:12px;border-radius:50%;background-color:#fff;border:2px solid #0c0c0c}.activations.svelte-3mkll0{display:flex;width:100%;justify-content:space-around;min-height:48px}.activation.svelte-3mkll0>.label:where(.svelte-3mkll0){font-size:small}.activation.svelte-3mkll0{display:flex;align-items:center;gap:.25rem}.activation-dot.svelte-3mkll0{height:var(--size);width:var(--size);border-radius:50%}.spectrum-container.svelte-ukkuqu{height:40px;border-radius:6px;overflow:hidden}.spectrum-legend.svelte-ukkuqu{display:flex;justify-content:space-between;margin-inline:.25rem;margin-top:.25rem;margin-bottom:.5rem}.cmf-container.svelte-ukkuqu{display:grid;grid-template-areas:"center"}.cmf-spectrum.svelte-ukkuqu{opacity:.25}.cmf-container.svelte-ukkuqu>:where(.svelte-ukkuqu){grid-area:center}figcaption.svelte-ukkuqu{margin-top:1rem}