.wheel{--accent:#5b8cff;--on-accent:#fff;--slice:#161a24;--slice-alt:#1e2330;--edge:#ffffff12;--text:#5b8cff;--muted:#3a5398;--hub:#0c0e14;--guide:#161a2466;-webkit-user-select:none;user-select:none;font-family:Segoe UI Variable Text,Segoe UI,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}.wheel .gap-fill{fill:var(--gap,transparent);stroke:none;pointer-events:none}.wheel .ring-guide{fill:none;stroke:var(--text);stroke-opacity:.4;stroke-width:1.5px;stroke-dasharray:4 6;pointer-events:none}.wheel .bg-image{pointer-events:none;opacity:var(--bg-opacity,1)}.wheel.has-bg .slice .label,.wheel.has-bg .slice .sub,.wheel.has-bg .hub-main,.wheel.has-bg .hub-top{stroke:var(--label-halo,#0000008c);stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.wheel.has-bg .hub-bg{fill:var(--slice)}.wheel .slice>path{fill:var(--slice);stroke:var(--edge);stroke-width:1px;transition:fill 60ms linear}.wheel .ring:nth-of-type(2n) .slice>path{fill:var(--slice-alt)}.wheel .slice .label,.wheel .slice .sub{text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:600}.wheel .slice .label{fill:var(--text);font-variant-numeric:tabular-nums}.wheel .slice .sub{fill:var(--muted)}.wheel .slice.active>path{fill:var(--accent);stroke:color-mix(in srgb, var(--accent) 55%, white)}.wheel .slice.active .label{fill:var(--on-accent)}.wheel .slice.active .sub{fill:var(--on-accent);opacity:.85}.wheel.has-bg .slice.active>path{fill:color-mix(in srgb, var(--accent) 70%, transparent)}.wheel .slice .label,.wheel .slice .sub,.wheel .caption,.wheel .hub-main,.wheel .hub-top{stroke:var(--text-outline,transparent);stroke-width:2.5px;paint-order:stroke;stroke-linejoin:round}.wheel .slice.active .label,.wheel .slice.active .sub,.wheel .slice.active .caption{stroke:#0000}.wheel .slice:not(.active) .icon,.wheel .hub-half:not(.active) .icon{filter:var(--icon-outline,none)}.wheel .icon{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.wheel .icon path,.wheel .icon circle{fill:none;stroke:inherit}.wheel .slice.opt .icon{stroke:var(--text)}.wheel .slice.active .icon,.wheel .slice.opt.active .icon{stroke:var(--on-accent)}.wheel .badge{stroke:var(--text);stroke-width:1.5px;pointer-events:none}.wheel .badge.on{fill:var(--text)}.wheel .badge.off{fill:none}.wheel .slice.active .badge{stroke:var(--on-accent)}.wheel .slice.active .badge.on{fill:var(--on-accent)}.wheel .slice.swatch>path{stroke:#ffffff40}.wheel .slice.swatch.active>path{stroke:#fff;stroke-width:2.5px}.wheel .slice.preset>path{stroke:#ffffff38}.wheel .slice.preset.current>path{stroke:var(--accent);stroke-width:2.5px}.wheel .slice.preset.active>path{stroke:#fff;stroke-width:3px}.wheel .slice.preset .sub{opacity:.85}.wheel.picking-remove .slice.active>path{fill:#e5484d;stroke:#ff8a8d}.wheel.picking-move .slice.active>path{stroke:#fff;stroke-width:2px}.wheel .slice.capturing>path{fill:color-mix(in srgb, var(--accent) 35%, var(--slice));stroke:var(--accent);stroke-width:2.5px;animation:1s ease-in-out infinite listen}@keyframes listen{50%{stroke-opacity:.25}}.wheel .slice.back-slot>path{fill:color-mix(in srgb, var(--accent) 28%, var(--slice));stroke:color-mix(in srgb, var(--accent) 60%, transparent)}.wheel .link-mark{pointer-events:none}.wheel .link-mark circle{fill:var(--hub);stroke:color-mix(in srgb, var(--text) 45%, transparent);stroke-width:1px}.wheel .link-mark .icon{stroke-width:2.6px;filter:none}.wheel .slice.active .link-mark .icon{stroke:var(--text)}.wheel .slice.blocked{opacity:.4}.wheel .slot-picture,.wheel .cover-image{pointer-events:none}.wheel .slice.covered .cover-edge{fill:#0000;stroke:#ffffff2e;stroke-width:1px;pointer-events:none;transition:fill 60ms linear}.wheel .slice.covered.active .cover-edge{fill:color-mix(in srgb, var(--accent) 30%, transparent);stroke:var(--accent);stroke-width:3px}.wheel .slice.covered.capturing .cover-edge{stroke:var(--accent);stroke-width:2.5px;animation:1s ease-in-out infinite listen}.wheel.picking-remove .slice.covered.active .cover-edge{fill:#e5484d8c;stroke:#ff8a8d}.wheel .slice.covered .caption,.wheel .slice.covered.active .caption{fill:#fff;opacity:1;stroke:#000000b3;stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.wheel .ring.ring-hl .slice>path{fill:color-mix(in srgb, var(--accent) 30%, var(--slice));stroke:var(--accent)}.wheel .slice.ghost>path{fill:color-mix(in srgb, var(--accent) 70%, transparent);stroke:#fff;stroke-width:2px;stroke-dasharray:5 4}.wheel .slice.ghost .label{fill:#fff}.wheel .slice.ghost.invalid>path{fill:#e5484d8c;stroke:#ff8a8d}.wheel.placing .slice:not(.ghost){opacity:.75}.wheel .hub-bg{fill:var(--hub);stroke:var(--edge);transition:stroke 80ms}.wheel .hub.active .hub-bg{stroke:var(--accent);stroke-width:2.5px}.wheel .hub.capturing .hub-bg{stroke:var(--accent);stroke-width:2.5px;animation:1s ease-in-out infinite listen}.wheel .hub text{text-anchor:middle;dominant-baseline:central;pointer-events:none}.wheel .hub-icon{stroke:var(--text)}.wheel .hub-image{pointer-events:none}.wheel .hub-tint{fill:var(--hub-tint,transparent);pointer-events:none}.wheel .hub-scrim{fill:var(--hub-scrim,#0000006b);stroke:#ffffff1f;pointer-events:none}.wheel .hub.active .hub-scrim{stroke:var(--accent);stroke-width:2.5px}.wheel .hub.has-image .hub-top,.wheel .hub.has-image .hub-main{fill:var(--hub-ink,#fff);stroke:var(--label-halo,#0000008c);stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.wheel .hub.has-image .hub-top{letter-spacing:.02em;text-transform:none}.wheel .hub.active .hub-icon{stroke:var(--accent)}.wheel .caption-path,.wheel .slice>path.caption-path{fill:none!important;stroke:none!important}.wheel .caption{fill:var(--text);opacity:.85;text-anchor:middle;dominant-baseline:central;letter-spacing:.02em;pointer-events:none;font-weight:650}.wheel .slice.active .caption{fill:var(--on-accent);opacity:1}.wheel .slice .marks{text-anchor:middle;dominant-baseline:central;pointer-events:none;letter-spacing:.05em;font-weight:800}.wheel .hub-half>path{fill:#0000;transition:fill 60ms linear}.wheel .hub-half.selected>path{fill:color-mix(in srgb, var(--hub-line,#fff) 20%, transparent);stroke:var(--hub-line,#fff);stroke-width:2px}.wheel .hub-swatch{stroke:var(--hub-line,#fff);stroke-width:1.25px;pointer-events:none}.wheel .hub-half.selected .hub-swatch{stroke-width:2.5px}.wheel .hub-half-label{fill:var(--hub-line,#fff);stroke:var(--hub-halo,transparent);stroke-width:2.5px;paint-order:stroke;stroke-linejoin:round;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:700}.wheel .hub-half.active .hub-half-label{fill:var(--on-accent)}.wheel .hub-half .icon{stroke:var(--hub-line,#fff);filter:none}.wheel .hub-half .icon path{fill:none}.wheel .hub-half.active>path{fill:var(--accent)}.wheel .hub-half.active .icon{stroke:var(--on-accent)}.wheel .slice.swatch.none>path{stroke:#ffffff8c;stroke-width:1.2px}.wheel .slice.swatch.none.active>path{stroke:#fff;stroke-width:2.5px}.wheel .slice.swatch.none .marks{stroke:#000000bf;stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.wheel .hub-y{stroke:var(--hub-y,var(--hub-line,#fff));stroke-width:1.5px;stroke-linecap:round;pointer-events:none}.wheel .hub-y-halo{stroke:var(--hub-y-halo,var(--hub-halo,transparent));stroke-width:3.5px;stroke-linecap:round;pointer-events:none}.wheel .tint,.wheel .tint-fill{pointer-events:none}.wheel .tint-fill{fill:var(--tint,transparent);stroke:none;transition:fill 60ms linear}.wheel .slice.active .tint-fill,.wheel .slice.swatch .tint-fill{display:none}.wheel .hub-top{fill:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.wheel .hub-main{fill:var(--text);font-weight:700}.wheel .hub-bottom{fill:var(--muted)}.wheel .hub-version{fill:var(--muted);letter-spacing:.04em;opacity:.85;font-variant-numeric:tabular-nums;font-weight:600}.wheel .hub.has-image .hub-version{fill:var(--hub-ink,#fffc);opacity:1}.wheel.has-bg .hub-version{stroke:var(--label-halo,#0000008c);stroke-width:3px;paint-order:stroke;stroke-linejoin:round}.wheel .slice.act-source>path,.wheel .slice.covered.act-source .cover-edge{stroke:var(--accent);stroke-width:2.5px}.wheel.has-bg .slice.act>path{fill:color-mix(in srgb, var(--hub) 72%, transparent)}.wheel.has-bg .slice.act .caption,.wheel.has-bg .slice.act-source .caption{stroke:#0000008c;stroke-width:3px}.wheel .slice.act.primary>path{fill:color-mix(in srgb, var(--accent) 24%, var(--slice));stroke:color-mix(in srgb, var(--accent) 55%, transparent)}.wheel.has-bg .slice.act.primary>path{fill:color-mix(in srgb, var(--accent) 30%, color-mix(in srgb, var(--hub) 80%, transparent))}.wheel .slice.act.active>path,.wheel.has-bg .slice.act.active>path,.wheel .slice.act.primary.active>path{fill:var(--accent);stroke:color-mix(in srgb, var(--accent) 55%, white)}.wheel .slice.act.danger .icon{stroke:#e5484d}.wheel .slice.act.danger .caption{fill:#e5484d}.wheel .slice.act.danger.active>path,.wheel.has-bg .slice.act.danger.active>path{fill:#e5484d;stroke:#ff8a8d}.wheel .slice.act.danger.active .icon{stroke:#fff}.wheel .slice.act.danger.active .caption{fill:#fff}.wheel .slice.off{opacity:.16}.wheel .ring .slice.off>path{fill:var(--off-slice);stroke:var(--off-edge)}.wheel .slice.off .label,.wheel .slice.off .sub,.wheel .slice.off .caption{fill:var(--off-ink);stroke:#0000;opacity:1}.wheel .slice.off .icon{stroke:var(--off-ink);filter:none}.wheel .slice.off .slot-picture,.wheel .slice.off .cover-image{opacity:.3;filter:grayscale()}.wheel .slice.off .tint-fill{display:none}.wheel .slice.off.covered .cover-edge{stroke:var(--off-edge)}.wheel .slice.off.covered .caption{fill:var(--off-ink);stroke:#0000}.wheel .slice.back-slot.painted-fill:not(.active)>path{fill:var(--slice)}.wheel .slice.swatch.carried>path{stroke:#fff;stroke-width:3px}.wheel.drop{filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 2px var(--accent))}