.citrus-wheel{--citrus-ink:#283027;--citrus-pith:#f6ecdd;display:block;width:100%;height:100%;overflow:visible;font-family:var(--font,'Instrument Sans',sans-serif);letter-spacing:0}
.citrus-wheel .citrus-pith{fill:var(--citrus-pith);pointer-events:none}
.citrus-wheel .slice{outline:none;cursor:pointer}
.citrus-wheel .slice-visual{pointer-events:none;transition:transform 170ms cubic-bezier(.2,.75,.25,1),filter 170ms ease-out;transform:translate(0,0)}
.citrus-wheel .slice-face{fill:var(--citrus-idle-fill,#ffb36c);stroke:none;transition:fill 160ms ease-out}
.citrus-wheel .slice-hit{fill:transparent;stroke:none;pointer-events:all}
.citrus-wheel .slice.is-active:not(.is-muted) .slice-visual,.citrus-wheel .slice:focus-visible .slice-visual{transform:translate(var(--pull-x),var(--pull-y));filter:drop-shadow(0 3px 3px #6d39141c)}
.citrus-wheel .slice.is-active:not(.is-muted) .slice-face,.citrus-wheel .slice:focus-visible .slice-face{fill:var(--citrus-active-fill,#fa8538)}
.citrus-wheel .slice.is-pressed:not(.is-muted) .slice-visual{transform:translate(var(--press-x),var(--press-y));filter:none}
.citrus-wheel .slice.is-pressed:not(.is-muted) .slice-face{fill:#ec7430}
.citrus-wheel .slice.is-confirmed:not(.is-muted) .slice-visual{transform:none;filter:none}
.citrus-wheel .slice.is-confirmed:not(.is-muted) .slice-face{fill:#fa8538}
.citrus-wheel .slice:focus-visible .slice-face{stroke:var(--citrus-ink);stroke-width:1.5;stroke-dasharray:3 4}
.citrus-wheel .slice.is-muted{cursor:default}
.citrus-wheel .slice.is-muted .slice-face{fill:#ecd7bd}
.citrus-wheel .slice.is-muted .slice-label,.citrus-wheel .slice.is-muted .citrus-icon{opacity:.58}
.citrus-wheel .citrus-label{font-weight:500;font-size:16px;fill:var(--citrus-ink);text-anchor:middle;dominant-baseline:middle;letter-spacing:0}
.citrus-wheel .citrus-icon{color:var(--citrus-ink);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.citrus-wheel .citrus-core{pointer-events:none}
.citrus-wheel .citrus-core .core-pith{fill:#f6ecdd}
.citrus-wheel .citrus-core .core-rim{fill:#ece2d3}
.citrus-wheel .citrus-core .core-face{fill:#fcfdfa;stroke:#fff;stroke-width:1;filter:drop-shadow(0 2px 2px #2830270d)}
.citrus-wheel .citrus-core .citrus-icon path{fill:none;stroke:currentColor;stroke-width:1.7}
.citrus-wheel .citrus-core text{text-anchor:middle;fill:var(--citrus-ink);font-family:inherit;letter-spacing:0}
.citrus-wheel .citrus-core .core-extension{font-size:13px;font-weight:600}
.citrus-wheel .citrus-core .core-count{font-size:10px;fill:#697064}
.citrus-wheel .slice.is-ghost .slice-face{fill:#fa8538}
html.motion-paused .citrus-wheel .slice .slice-visual{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.citrus-wheel .slice .slice-visual{transition:none;transform:none;filter:none}.citrus-wheel .slice-face{transition:none}}