#wheel[data-v-6d0a7697]{max-width:440px;width:100%}.wheel-svg[data-v-6d0a7697]{cursor:grab;display:block;height:auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.wheel-svg.dragging[data-v-6d0a7697]{cursor:grabbing}.slice[data-v-6d0a7697]{stroke:none;cursor:pointer}.overlay[data-v-6d0a7697]{pointer-events:none}.overlay circle[data-v-6d0a7697],.overlay line[data-v-6d0a7697],.overlay path[data-v-6d0a7697]{fill:none;stroke:var(--color2);stroke-width:2}.overlay circle[data-v-6d0a7697]{stroke-width:2.5}.controls[data-v-6d0a7697]{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.controls .v-btn[data-v-6d0a7697]{color:var(--color2);font-size:15px}.controls .scheme-name[data-v-6d0a7697]{color:var(--color3);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.save-heart[data-v-e5575e3b]{display:flex;justify-content:flex-end;margin-top:1px}.save-heart button[data-v-e5575e3b]{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;margin-right:-6px;padding:0;transition:transform .1s ease-in-out;width:28px}.save-heart button[data-v-e5575e3b]:hover:not(:disabled){transform:scale(1.15)}.save-heart button[data-v-e5575e3b]:disabled{cursor:default;opacity:.6}.save-heart button[data-v-e5575e3b]:focus-visible{outline:2px solid var(--color1);outline-offset:1px}#wheel-palettes[data-v-eefeafb5]{max-width:340px;width:100%}.grid[data-v-eefeafb5]{-moz-column-gap:32px;column-gap:32px;display:grid;grid-template-columns:1fr 1fr;row-gap:12px}.palette-row[data-v-eefeafb5]{border-radius:5px;cursor:pointer;display:flex;position:relative;transition:transform .1s ease-in-out}.palette-row[data-v-eefeafb5]:hover{transform:scale(1.09)}.palette-row.active[data-v-eefeafb5]{box-shadow:0 0 0 2px var(--color1)}.color-box[data-v-eefeafb5]{flex:1 1 0;height:24px}.color-box[data-v-eefeafb5]:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.color-box[data-v-eefeafb5]:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px}.credit-dot[data-v-eefeafb5]{background-color:var(--color4);border-radius:50%;height:5px;margin-top:-2.5px;position:absolute;right:-12px;top:50%;width:5px}.selected[data-v-eefeafb5]{margin-top:28px}.bar[data-v-eefeafb5]{display:flex;gap:4px}.bar .bar-box[data-v-eefeafb5]{border-radius:5px;flex:1 1 0;height:32px}.credit[data-v-eefeafb5]{color:var(--color3);font-size:13px;margin-top:10px}.credit a[data-v-eefeafb5]{color:var(--color2);text-decoration:none}.credit a[data-v-eefeafb5]:hover{text-decoration:underline}.wheel-illustrations[data-v-0f654e07]{display:grid;gap:32px;grid-template-columns:repeat(4,1fr)}@media (max-width:600px){.wheel-illustrations[data-v-0f654e07]{grid-template-columns:repeat(2,1fr)}}.illustration[data-v-0f654e07]{aspect-ratio:1}.illustration[data-v-0f654e07] svg{display:block;height:100%;overflow:visible;width:100%}.band[data-v-016a3522] svg{display:block;height:auto;width:100%}.band[data-v-016a3522] .g2,.band[data-v-016a3522] .g3,.mobile[data-v-016a3522]{display:none}@media (max-width:600px){.desktop[data-v-016a3522]{display:none}.mobile[data-v-016a3522]{display:block}}.wheel-swatches[data-v-b3d9808a]{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.swatch[data-v-b3d9808a]{cursor:pointer;flex:0 1 190px}.swatch:hover .chip[data-v-b3d9808a]{transform:scale(1.03)}.chip[data-v-b3d9808a]{border-radius:5px;height:48px;transition:transform .1s ease-in-out}.hex[data-v-b3d9808a]{color:var(--color3);font-size:14px;letter-spacing:.04em;margin-top:10px;text-align:center}.circles[data-v-32ee2e87]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.circle[data-v-32ee2e87]{aspect-ratio:1;border-radius:50%;flex:0 0 120px}@media (max-width:600px){.circle[data-v-32ee2e87]{flex-basis:28%}}.squares[data-v-32ee2e87]{display:flex;gap:48px;justify-content:space-between;margin-top:48px}@media (max-width:600px){.squares[data-v-32ee2e87]{flex-direction:column;gap:24px}}.square-group[data-v-32ee2e87]{display:flex;flex:1 1 0}.square[data-v-32ee2e87]{aspect-ratio:1;flex:1 1 0}#wheel-rail[data-v-2afee15a]{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 112px);overflow-y:auto;padding:8px;position:fixed;right:20px;scrollbar-width:none;top:calc(32px + 50vh);transform:translateY(-50%);z-index:5}#wheel-rail[data-v-2afee15a]::-webkit-scrollbar{display:none}@media (max-width:959px){#wheel-rail[data-v-2afee15a]{background-color:var(--color7);bottom:0;box-shadow:0 -4px 16px #00000014;flex-direction:row;left:0;max-height:none;overflow-x:auto;overflow-y:hidden;padding:12px 16px calc(12px + env(safe-area-inset-bottom));right:0;top:auto;transform:none}}.chip[data-v-2afee15a]{background-color:transparent;border:none;border-radius:3px;cursor:pointer;flex:0 0 auto;height:14px;overflow:hidden;padding:0;transition:transform .1s ease-in-out;width:64px}.chip[data-v-2afee15a]:hover{transform:scale(1.09)}.chip.active[data-v-2afee15a]{box-shadow:0 0 0 2px var(--color7),0 0 0 4px var(--color1)}.chip[data-v-2afee15a]:focus-visible{outline:2px solid var(--color1);outline-offset:3px}@media (max-width:959px){.chip[data-v-2afee15a]{height:18px;width:52px}}.rail-enter-active[data-v-2afee15a],.rail-leave-active[data-v-2afee15a]{transition:opacity .2s ease,translate .2s ease}.rail-enter-from[data-v-2afee15a],.rail-leave-to[data-v-2afee15a]{opacity:0;translate:8px 0}@media (max-width:959px){.rail-enter-from[data-v-2afee15a],.rail-leave-to[data-v-2afee15a]{translate:0 8px}}@media (prefers-reduced-motion:reduce){.rail-enter-active[data-v-2afee15a],.rail-leave-active[data-v-2afee15a]{transition:opacity .2s ease}.rail-enter-from[data-v-2afee15a],.rail-leave-to[data-v-2afee15a]{translate:none}}#wheel-page[data-v-e2de1f73]{background-color:var(--color7);height:calc(100vh - 64px);margin:-12px;overflow-y:auto;padding:48px 24px}.top[data-v-e2de1f73]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:64px 96px;justify-content:center;margin:0 auto;max-width:1040px}@media (min-width:960px){.top[data-v-e2de1f73]{-moz-column-gap:clamp(48px,100% - 780px,96px);column-gap:clamp(48px,100% - 780px,96px);max-width:min(1040px,100% - 184px)}}.wheel-col[data-v-e2de1f73]{flex:0 1 440px}.palettes-col[data-v-e2de1f73],.wheel-col[data-v-e2de1f73]{display:flex;justify-content:center}.palettes-col[data-v-e2de1f73]{flex:0 1 340px;padding-top:32px}.sections[data-v-e2de1f73]{display:flex;flex-direction:column;gap:64px;margin:96px auto 0;max-width:850px}@media (min-width:960px){.sections[data-v-e2de1f73]{max-width:min(850px,100% - 184px)}}@media (max-width:959px){#wheel-page[data-v-e2de1f73]{padding-bottom:96px}}