.flavor-wheel{width:100%;max-width:54rem;margin-inline:auto;container-type:inline-size}.flavor-wheel-svg{width:100%;height:auto;font-family:var(--font-sans);display:block;overflow:visible}.flavor-wheel-rings{animation:.32s ease-out flavor-wheel-in}@keyframes flavor-wheel-in{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}.flavor-seg{outline:none;transition:opacity .2s ease-out,translate .2s ease-out}.flavor-seg-path{transition:filter .2s ease-out}.is-clickable{cursor:pointer}.flavor-seg.is-dim{opacity:.22}.flavor-seg.is-trail .flavor-seg-path{filter:saturate(1.15)brightness(1.04)}.flavor-seg:focus-visible .flavor-seg-path{stroke:var(--foreground);stroke-width:2px}.flavor-seg-label{fill:#fff;letter-spacing:.01em;pointer-events:none;font-weight:500}.flavor-seg-label.level-0{letter-spacing:.02em;font-size:21px}.flavor-seg-label.level-1{fill:#0000009e;font-size:14px}.flavor-seg-note{fill:var(--muted-foreground);pointer-events:none;font-size:13px}.flavor-wheel-center{cursor:pointer}.flavor-center-disc{fill:#0000}.flavor-center-hint{fill:var(--muted-foreground);font-size:13px}.flavor-center-readout{fill:var(--muted-foreground);font-size:15px}.flavor-center-readout .is-last{fill:var(--foreground);font-size:20px;font-weight:600}.flavor-wheel-keys{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.flavor-wheel-keys:focus-within{clip-path:none;width:auto;height:auto;margin-top:1.5rem;position:static}.flavor-wheel-keys-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.flavor-wheel-key{background:var(--canvas-raised);color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.875rem;display:inline-flex}.flavor-wheel-key[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--foreground)}.flavor-wheel-key-dot{border-radius:999px;width:.625rem;height:.625rem}@media (prefers-reduced-motion:reduce){.flavor-wheel-rings{animation:none}.flavor-seg,.flavor-seg-path{transition:none}}