.cm-card{background-color:#1b1b1b;border:1px solid #2f2f2f}.cm-preview{width:34px;height:34px;flex:0 0 34px;border:1px solid #4a4a4a;box-shadow:0 2px 8px rgb(0 0 0 / .45)}.cm-values{color:#9fe3ff;background:#101010;border-radius:.25rem;padding:.1rem .4rem;white-space:nowrap}.cm-remove{opacity:.5;font-size:.6rem}.cm-remove:hover{opacity:1}.cm-slider-row,.cm-ratio{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.cm-ratio{margin:.9rem 0 0;padding-top:.7rem;border-top:1px dashed #333}.cm-channel{width:1.2rem;font-weight:700;text-align:center;flex:0 0 1.2rem}.cm-channel-value,.cm-ratio-value{width:3rem;text-align:right;font-variant-numeric:tabular-nums;font-size:.85rem;color:#cfcfcf;flex:0 0 3rem}.cm-ratio-label{font-size:.8rem;color:#9e9e9e;flex:0 0 3.4rem}.cm-channel.red{color:#ff6b6b}.cm-channel.green{color:#6bd77a}.cm-channel.blue{color:#6ba8ff}.cm-channel.yellow{color:#ffd93d}.cm-channel.cyan{color:#35d6e6}.cm-channel.magenta{color:#ff5cc8}.cm-channel.black{color:#bdbdbd}.cm-range{-webkit-appearance:none;appearance:none;width:100%;height:12px;padding:0;background:#fff0;border:0;outline:none}.cm-range::-webkit-slider-runnable-track{height:12px;border:1px solid #5a5a5a;border-radius:6px;background:#3a3a3a}.cm-range::-moz-range-track{height:12px;border:1px solid #5a5a5a;border-radius:6px;background:#3a3a3a}.cm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin-top:-5px;border:1px solid #1c1c1c;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(0 0 0 / .55);cursor:pointer}.cm-range::-moz-range-thumb{width:20px;height:20px;border:1px solid #1c1c1c;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgb(0 0 0 / .55);cursor:pointer}.cm-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 .25rem rgb(13 202 240 / .4)}.cm-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 .25rem rgb(13 202 240 / .4)}.cm-slider.red::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2a0000,#f00)}.cm-slider.red::-moz-range-track{background:linear-gradient(90deg,#2a0000,#f00)}.cm-slider.green::-webkit-slider-runnable-track{background:linear-gradient(90deg,#002a00,#0f0)}.cm-slider.green::-moz-range-track{background:linear-gradient(90deg,#002a00,#0f0)}.cm-slider.blue::-webkit-slider-runnable-track{background:linear-gradient(90deg,#00002a,#06f)}.cm-slider.blue::-moz-range-track{background:linear-gradient(90deg,#00002a,#06f)}.cm-slider.yellow::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2a2200,#ffe600)}.cm-slider.yellow::-moz-range-track{background:linear-gradient(90deg,#2a2200,#ffe600)}.cm-slider.cyan::-webkit-slider-runnable-track{background:linear-gradient(90deg,#002a2a,#00ffff)}.cm-slider.cyan::-moz-range-track{background:linear-gradient(90deg,#002a2a,#00ffff)}.cm-slider.magenta::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2a002a,#ff00ff)}.cm-slider.magenta::-moz-range-track{background:linear-gradient(90deg,#2a002a,#ff00ff)}.cm-slider.black::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f2f2f2,#000)}.cm-slider.black::-moz-range-track{background:linear-gradient(90deg,#f2f2f2,#000)}.ratio-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#2b2b2b,#d7d7d7)}.ratio-slider::-moz-range-track{background:linear-gradient(90deg,#2b2b2b,#d7d7d7)}.cm-result{background:#161616;border:1px solid #2f2f2f}.cm-result-swatch{width:100%;min-height:150px;border:1px solid #4a4a4a;box-shadow:0 6px 22px rgb(0 0 0 / .45);transition:background-color .15s ease-in-out}.cm-mini{width:26px;height:26px;display:inline-block;border:1px solid #4a4a4a}.cm-arrow{font-size:1.4rem;color:#7a7a7a}.cm-copy{cursor:pointer;user-select:none;font-variant-numeric:tabular-nums}.cm-copy:hover{color:#0dcaf0!important}.cm-hex{font-size:1.6rem;font-weight:700;letter-spacing:.04em}#mixerToast{z-index:1080}