.container[data-v-2dd899ed]{display:flex;align-items:center;padding-top:1rem;padding-bottom:1rem}svg[data-v-2dd899ed]{--method: var(--40d88e49);--l-stop: calc(var(--24e962de) * 1%);--r-stop: calc(var(--7796365c) * 1%);--mix: color-mix(var(--method), var(--left) var(--l-stop, 50%), var(--right) var(--r-stop, 50%));--result: var(--mix)}circle[data-v-2dd899ed]{transition:opacity .4s ease-out}#circle-left[data-v-2dd899ed],#circle-right[data-v-2dd899ed]{opacity:.4}circle[data-v-2dd899ed]:not(#center):hover{opacity:1}.controls span[data-v-2dd899ed]{font-style:italic;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:Source Code Pro,SF Mono,consolas,menlo,monospace;font-family:var(--font-mono)}.colorspace span[data-v-2dd899ed]{margin-right:1rem}.colorspace select[data-v-2dd899ed]{padding:.25em 1em;background-color:--color-default-black;background-color:var(--color-light, --color-default-black);color:#d9d9d9;color:var(--text-color-default);border-radius:4px;border-radius:var(--radius-default)}.range[data-v-2dd899ed]{display:inline-flex;align-items:center;gap:1rem}.box[data-v-27817cd7]{--color: var(--02789820);--size: var(--e73fd458);display:block;background:var(--02789820);background:var(--color);border-radius:4px;border-radius:var(--radius-default);width:calc(var(--e73fd458) * 1px);width:calc(var(--size) * 1px);height:calc(var(--e73fd458) * 1px);height:calc(var(--size) * 1px)}.box.unsupported[data-v-27817cd7]{padding:1rem;background:#424242}span[data-v-27817cd7]{font-size:.875rem;font-size:var(--text-sm);font-family:Source Code Pro,SF Mono,consolas,menlo,monospace;font-family:var(--font-mono);padding-top:.25rem;padding-bottom:.25rem;margin-bottom:1rem}