@keyframes turn-cw{to{transform:rotate(360deg)}}@keyframes turn-ccw{to{transform:rotate(-360deg)}}@keyframes turn-meridian{0%{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(0)}2.778%{transform:rotate(-14deg)scaleX(.1736)}5.556%{transform:rotate(-14deg)scaleX(.342)}8.333%{transform:rotate(-14deg)scaleX(.5)}11.111%{transform:rotate(-14deg)scaleX(.6428)}13.889%{transform:rotate(-14deg)scaleX(.766)}16.667%{transform:rotate(-14deg)scaleX(.866)}19.444%{transform:rotate(-14deg)scaleX(.9397)}22.222%{transform:rotate(-14deg)scaleX(.9848)}24.99%{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(1)}25.01%{stroke-opacity:var(--bo);transform:rotate(-14deg)scaleX(1)}27.778%{transform:rotate(-14deg)scaleX(.9848)}30.556%{transform:rotate(-14deg)scaleX(.9397)}33.333%{transform:rotate(-14deg)scaleX(.866)}36.111%{transform:rotate(-14deg)scaleX(.766)}38.889%{transform:rotate(-14deg)scaleX(.6428)}41.667%{transform:rotate(-14deg)scaleX(.5)}44.444%{transform:rotate(-14deg)scaleX(.342)}47.222%{transform:rotate(-14deg)scaleX(.1736)}50%{transform:rotate(-14deg)scaleX(0)}52.778%{transform:rotate(-14deg)scaleX(-.1736)}55.556%{transform:rotate(-14deg)scaleX(-.342)}58.333%{transform:rotate(-14deg)scaleX(-.5)}61.111%{transform:rotate(-14deg)scaleX(-.6428)}63.889%{transform:rotate(-14deg)scaleX(-.766)}66.667%{transform:rotate(-14deg)scaleX(-.866)}69.444%{transform:rotate(-14deg)scaleX(-.9397)}72.222%{transform:rotate(-14deg)scaleX(-.9848)}74.99%{stroke-opacity:var(--bo);transform:rotate(-14deg)scaleX(-1)}75.01%{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(-1)}77.778%{transform:rotate(-14deg)scaleX(-.9848)}80.556%{transform:rotate(-14deg)scaleX(-.9397)}83.333%{transform:rotate(-14deg)scaleX(-.866)}86.111%{transform:rotate(-14deg)scaleX(-.766)}88.889%{transform:rotate(-14deg)scaleX(-.6428)}91.667%{transform:rotate(-14deg)scaleX(-.5)}94.444%{transform:rotate(-14deg)scaleX(-.342)}97.222%{transform:rotate(-14deg)scaleX(-.1736)}to{stroke-opacity:var(--fo);transform:rotate(-14deg)scaleX(0)}}html[data-turn=held],[data-offscreen]{--turn-ps:paused}@media (prefers-reduced-motion:no-preference){.turn-cw{animation:turn-cw var(--rev,var(--rev-range)) linear infinite;animation-play-state:var(--turn-ps,running)}.turn-ccw{animation:turn-ccw var(--rev,var(--rev-range)) linear infinite;animation-play-state:var(--turn-ps,running)}.turn-mer{animation:turn-meridian var(--rev-globe) linear var(--md,0s) infinite;animation-play-state:var(--turn-ps,running)}}@media (prefers-reduced-motion:reduce){html[data-turn=playing] .turn-cw{animation:turn-cw var(--rev,var(--rev-range)) linear infinite;animation-play-state:var(--turn-ps,running)}html[data-turn=playing] .turn-ccw{animation:turn-ccw var(--rev,var(--rev-range)) linear infinite;animation-play-state:var(--turn-ps,running)}html[data-turn=playing] .turn-mer{animation:turn-meridian var(--rev-globe) linear var(--md,0s) infinite;animation-play-state:var(--turn-ps,running)}}[data-drawing] .turn-cw,[data-drawing] .turn-ccw,[data-drawing] .turn-mer{animation:none}.turn-pill{border-radius:var(--r-pill);background:var(--surface);height:36px;color:var(--fg);box-shadow:var(--hairline),var(--shadow);align-items:center;gap:var(--s-2);cursor:pointer;font:600 var(--t-label)/1 var(--font-body);letter-spacing:.01em;white-space:nowrap;transition:box-shadow var(--lift-duration) var(--ease),transform var(--press-duration) var(--ease);border:0;padding:0 14px 0 10px;display:inline-flex}.turn-pill:hover{box-shadow:var(--hairline),var(--shadow-hover)}.turn-pill:active{transform:scale(.98)}.turn-pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.turn-pill svg{width:14px;height:14px;display:block}.turn-pill svg rect,.turn-pill svg path{fill:currentColor;stroke:none}.turn-pill .txt{display:inline-grid}.turn-pill .txt span{grid-area:1/1}.turn-pill .i-play{display:none}.turn-pill .t-play{visibility:hidden}html[data-turn=held] .turn-pill .i-pause{display:none}html[data-turn=held] .turn-pill .i-play{display:block}html[data-turn=held] .turn-pill .t-pause{visibility:hidden}html[data-turn=held] .turn-pill .t-play{visibility:visible}@media (prefers-reduced-motion:reduce){html:not([data-turn=playing]) .turn-pill .i-pause{display:none}html:not([data-turn=playing]) .turn-pill .i-play{display:block}html:not([data-turn=playing]) .turn-pill .t-pause{visibility:hidden}html:not([data-turn=playing]) .turn-pill .t-play{visibility:visible}.turn-pill{transition:none}}
