.selection-wheel{--wheel-ink:#f3efff;--wheel-muted:#aba1bd;position:relative;width:100%;min-width:0;color:var(--wheel-ink);font-family:inherit;isolation:isolate}
.selection-wheel *{box-sizing:border-box}.selection-wheel button,.selection-wheel input{font:inherit}.selection-wheel [hidden]{display:none!important}
.selection-wheel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:0 4px 15px;border-bottom:1px solid #c5a9f51b}
.selection-wheel-heading h3{margin:0;font-size:clamp(20px,2.1vw,29px);font-weight:580;letter-spacing:-.045em}.selection-wheel-count{font-size:11px;color:var(--wheel-muted);white-space:nowrap;letter-spacing:.025em}
.selection-wheel-trail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 3px 2px;min-height:40px}.selection-wheel-trail button{padding:6px 10px;border:1px solid #ceb1f32c;border-radius:7px;background:#a179d00e;color:#ded0f0;font-size:11px;cursor:pointer}.selection-wheel-trail button+button:before{content:'›';padding-right:8px;color:#9e7ac6}.selection-wheel-trail>span{margin-left:auto;color:#9d8dae;font-size:10px}
.selection-wheel-stage{height:clamp(360px,55vh,650px);position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 50% 48%,#36205140,transparent 64%);touch-action:none}
.selection-wheel-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;outline:0;cursor:grab;mask-image:linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent)}
.selection-wheel-labels{position:absolute;inset:0;pointer-events:none;z-index:2}
.selection-wheel-projected{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;min-height:31px;max-height:37px;padding:3px 5px;border:0;border-radius:6px;background:transparent;pointer-events:auto;color:#fff;font-size:12px!important;font-weight:620!important;line-height:1.16;letter-spacing:-.025em;text-shadow:0 1px 3px #000c,0 0 11px #0009;cursor:pointer;text-align:center}
.selection-wheel-projected>.selection-wheel-swatch{display:none}.selection-wheel-projected>.selection-wheel-check{margin-left:4px;font-size:10px}.selection-wheel-projected>span:nth-child(2){max-height:30px;overflow:hidden;overflow-wrap:anywhere}
.selection-wheel-projected>span:first-child{display:block;max-height:30px;overflow:hidden;overflow-wrap:anywhere}.selection-wheel-projected.is-group{flex-direction:column;gap:2px;max-height:43px}.selection-wheel-projected.is-group>span{font-size:17px;letter-spacing:.025em}.selection-wheel-projected.is-group>small{display:block;font-size:8px;font-weight:450;letter-spacing:.02em;white-space:nowrap;color:#f5eeff}.selection-wheel-projected[aria-pressed=true]:after{content:'✓';margin-left:5px;color:#fff;font-size:10px}
.selection-wheel-callout{position:absolute;z-index:4;transform:translate(-50%,-100%);max-width:min(290px,75%);padding:9px 14px;border:1px solid color-mix(in srgb,var(--wheel-swatch),transparent 48%);border-radius:9px;background:#101020ed;box-shadow:0 8px 35px #0006,0 0 24px color-mix(in srgb,var(--wheel-swatch),transparent 87%);font-size:13px;line-height:1.3;text-align:center;color:#fff;pointer-events:none}
.selection-wheel-core-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 12px #0b0519}
.selection-wheel-core-label>span{display:block;font-size:7px;letter-spacing:.27em;color:#d3b7f9}.selection-wheel-core-label>strong{display:block;margin-top:6px;font-size:10px;letter-spacing:.13em;font-weight:550}
.selection-wheel-tools{position:absolute;right:12px;bottom:13px;z-index:5;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #cfb4f526;border-radius:10px;background:#11101dd4;backdrop-filter:blur(12px)}
.selection-wheel-tools button{height:32px;min-width:34px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#e4d6f7;font-size:12px;cursor:pointer}.selection-wheel-tools button:first-child,.selection-wheel-tools button:last-child{font-size:20px}.selection-wheel-tools button:hover{background:#ac83e42b}.selection-wheel-tools button:disabled{opacity:.35;cursor:default}
.selection-wheel-hint{position:absolute;left:12px;bottom:17px;right:143px;margin:0;color:#a598b7;font-size:10px;line-height:1.5;pointer-events:none}
.selection-wheel-selected{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-height:38px;margin:2px 0 18px;padding:0 3px}
.selection-wheel-empty{font-size:12px;color:#968ca7}.selection-wheel-selection{padding:7px 11px;border:1px solid color-mix(in srgb,var(--wheel-swatch),transparent 50%);border-radius:20px;background:color-mix(in srgb,var(--wheel-swatch),transparent 88%);color:#f5ecff;font-size:12px;line-height:1.2;cursor:pointer}
.selection-wheel-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding:0 3px}.selection-wheel-list-heading>span{font-size:11px;color:#bdb0cf;letter-spacing:.035em}
.selection-wheel-search{display:block;max-width:240px;flex:0 1 220px}.selection-wheel-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.selection-wheel-search input{width:100%;height:34px;padding:0 12px;border:1px solid #d1b2f329;border-radius:8px;background:#0b0a1580;color:#eee6fb;font-size:12px;outline:0}.selection-wheel-search input::placeholder{color:#90869d}.selection-wheel-search input:focus{border-color:#c59bef90}
.selection-wheel-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(157px,1fr));gap:6px;max-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#665079 transparent;padding:3px 5px 5px 3px;scroll-padding:8px}
.selection-wheel-option{display:flex;align-items:center;gap:9px;min-height:43px;padding:9px 10px;border:1px solid #d0b0ef16;border-radius:8px;background:#15111e7a;color:#e2d7ee;text-align:left;font-size:12px;line-height:1.35;cursor:pointer;transition:background .18s,border-color .18s;overflow-wrap:anywhere}
.selection-wheel-option:hover{background:color-mix(in srgb,var(--wheel-swatch),#13101b 89%);border-color:color-mix(in srgb,var(--wheel-swatch),transparent 60%)}.selection-wheel-option[aria-pressed=true]{background:color-mix(in srgb,var(--wheel-swatch),#16101f 82%);border-color:color-mix(in srgb,var(--wheel-swatch),transparent 35%);color:#fff}
.selection-wheel-swatch{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--wheel-swatch);box-shadow:0 0 10px color-mix(in srgb,var(--wheel-swatch),transparent 65%)}.selection-wheel-check{margin-left:auto;opacity:0;color:#fff;font-size:12px}.selection-wheel [aria-pressed=true]>.selection-wheel-check{opacity:1}
.selection-wheel button:focus-visible{outline:2px solid #e2c5ff;outline-offset:3px}.selection-wheel button:disabled{opacity:.4;cursor:default}.selection-wheel-status{font-size:12px;line-height:1.5;color:#c6aedf;margin:9px 3px 0;min-height:18px}
.selection-wheel-stage[data-graphics=unavailable]{height:140px;background:radial-gradient(ellipse,#5532762b,transparent 70%)}.selection-wheel-stage[data-graphics=unavailable] .selection-wheel-hint{right:20px;left:20px;bottom:50%;transform:translateY(50%);text-align:center;font-size:12px}
@media(max-width:600px){.selection-wheel-heading{gap:10px;align-items:flex-start}.selection-wheel-heading h3{font-size:21px}.selection-wheel-count{font-size:10px;padding-top:6px}.selection-wheel-stage{height:380px;border-radius:15px}.selection-wheel-hint{font-size:9px;left:4px;right:125px;bottom:15px}.selection-wheel-tools{right:4px;bottom:9px}.selection-wheel-tools button{min-width:31px;height:30px;padding:0 6px}.selection-wheel-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}.selection-wheel-option{font-size:11px;min-height:43px;padding:8px}.selection-wheel-list-heading{gap:9px}.selection-wheel-search{flex-basis:155px}.selection-wheel-list-heading>span{font-size:10px}.selection-wheel-selected{margin-bottom:13px}.selection-wheel-selection{font-size:11px}.selection-wheel-core-label{display:none}}
@media(prefers-reduced-motion:reduce){.selection-wheel *{transition:none!important;animation:none!important}}