[data-slot=pill-shell]:is([data-state=active],[data-state=latched],[data-state=processing],[data-state=complete])>[data-slot=pill-docked-surface],[data-slot=pill-finishing-circle]{background:var(--pill-artwork-surface);border-color:rgb(var(--pill-artwork-ink) / 9%);box-shadow:var(--pill-artwork-shadow);-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6)}[data-slot=pill-hands-free-actions] button{box-sizing:border-box;border:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}[data-slot=pill-hands-free-actions] [data-slot=pill-action-face]{transition:background-color .12s ease, color .12s ease, scale .1s var(--pill-artwork-snap)}[data-slot=pill-hands-free-actions][data-reveal] [data-slot=pill-action-face]{animation:pill-action-travel var(--pill-motion-duration,30ms) var(--pill-artwork-snap) backwards, pill-action-reveal var(--pill-motion-duration,.2s) ease-out backwards}[data-slot=pill-cancel]{--pill-action-travel:23px}[data-slot=pill-finish]{--pill-action-travel:-23px}[data-slot=pill-hands-free-actions][data-orientation=horizontal] button{--pill-action-travel-x:var(--pill-action-travel);--pill-action-travel-y:0px}[data-slot=pill-hands-free-actions][data-orientation=vertical] button{--pill-action-travel-x:0px;--pill-action-travel-y:var(--pill-action-travel)}[data-slot=pill-cancel] [data-slot=pill-action-face]{color:var(--pill-artwork-muted);background:rgb(var(--pill-artwork-ink) / 10%)}[data-slot=pill-cancel]:hover [data-slot=pill-action-face]{color:rgb(var(--pill-artwork-ink));background:rgb(var(--pill-artwork-ink) / 15%)}[data-slot=pill-finish] [data-slot=pill-action-face]{color:var(--pill-artwork-accent-foreground);background:var(--pill-artwork-accent);box-shadow:inset 0 1px #ffffff2e,0 1px 2px #365b9959}[data-slot=pill-finish]:hover [data-slot=pill-action-face]{background:var(--pill-artwork-accent-hover)}[data-slot=pill-hands-free-actions] button:active [data-slot=pill-action-face]{scale:.9}[data-slot=pill-hands-free-actions] button:focus-visible [data-slot=pill-action-face]{outline:2px solid var(--pill-artwork-focus);outline-offset:2px}[data-slot=pill-action-face]>svg{stroke-width:2.25px}[data-slot=pill-cancel] svg{width:11px;height:11px}[data-slot=pill-finish] svg{width:13px;height:13px}@keyframes pill-action-travel{0%{translate:var(--pill-action-travel-x) var(--pill-action-travel-y)}}@keyframes pill-action-reveal{0%{opacity:0;scale:.8}}[data-slot=pill-waveform-bar]{translate:calc(var(--pill-bar-offset) * var(--pill-bar-step)) 0;width:var(--pill-bar-width);height:var(--pill-gathered-bar-height);border-radius:calc(var(--pill-bar-width) / 2);animation:pill-bar-spread var(--pill-motion-duration,.1s) var(--pill-artwork-snap), pill-bar-color .16s ease;margin-block:auto;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@keyframes pill-bar-spread{0%{translate:calc(var(--pill-bar-offset) * var(--pill-gathered-bar-width)) 0;width:var(--pill-gathered-bar-width);border-radius:0}}@keyframes pill-bar-color{0%{background-color:var(--foreground)}}[data-slot=pill-finishing-circle],[data-slot=pill-docked-surface][data-handoff=in]{animation:90ms both pill-fade-in}[data-slot=pill-finishing-circle][data-handoff=out],[data-slot=pill-docked-surface][data-handoff=out]{animation:90ms both pill-fade-out}[data-slot=pill-shell]:is([data-state=resting],[data-state=hover])>[data-slot=pill-finishing-circle][data-handoff=out]{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;animation:70ms ease-out both pill-fade-out}[data-slot=pill-shell]:is([data-state=resting],[data-state=hover])>[data-slot=pill-docked-surface][data-handoff=in]{transition:background-color .15s,border-color .15s,box-shadow .15s,-webkit-backdrop-filter .15s,backdrop-filter .15s;animation:none}[data-slot=pill-shell]:is([data-state=resting],[data-state=hover])>[data-slot=pill-docked-surface][data-handoff=in]>[data-slot=pill-slit]{animation:90ms 70ms both pill-fade-in}[data-slot=pill-spinner]{animation:90ms 60ms backwards pill-fade-in}[data-slot=pill-complete]{animation:pill-fade-in 70ms ease-out backwards, pill-check-in .18s var(--pill-artwork-snap) backwards}[data-slot=pill-complete] path{stroke:var(--pill-artwork-accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:.24s cubic-bezier(.65,0,.35,1) 40ms backwards pill-check-draw}[data-slot=pill-spinner] svg{animation:.8s linear infinite pill-spin}[data-slot=pill-spinner] circle{stroke-width:2px}[data-slot=pill-spinner] circle:first-child{stroke:rgb(var(--pill-artwork-ink) / 10%)}[data-slot=pill-spinner] circle:last-child{stroke:var(--pill-artwork-accent);stroke-linecap:round;stroke-dasharray:30 70}@keyframes pill-spin{to{rotate:1turn}}@keyframes pill-fade-in{0%{opacity:0}}@keyframes pill-fade-out{to{opacity:0}}@keyframes pill-check-in{0%{scale:.6}}@keyframes pill-check-draw{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:reduce){[data-slot=pill-hands-free-actions] [data-slot=pill-action-face],[data-slot=pill-level-indicator],[data-slot=pill-waveform-bar]{transition:none}[data-slot=pill-spinner],[data-slot=pill-waveform-bar],[data-slot=pill-spinner] svg,[data-slot=pill-complete],[data-slot=pill-complete] path,[data-slot=pill-finishing-circle],[data-slot=pill-shell]>[data-slot=pill-finishing-circle][data-handoff],[data-slot=pill-shell]>[data-slot=pill-docked-surface][data-handoff],[data-slot=pill-shell]>[data-slot=pill-docked-surface][data-handoff]>[data-slot=pill-slit],[data-slot=pill-hands-free-actions][data-reveal] [data-slot=pill-action-face]{animation:none}[data-slot=pill-hands-free-actions] button:active [data-slot=pill-action-face]{scale:none}}@media (hover:hover) and (prefers-reduced-motion:no-preference){[data-slot=dictation-pill]:hover [data-slot=pill-shell]:is([data-state=resting],[data-state=hover]){scale:1.12}}@media (forced-colors:active){[data-slot=pill-hands-free-actions] [data-slot=pill-action-face]{border:1px solid buttontext}[data-slot=pill-hands-free-actions] button:focus-visible [data-slot=pill-action-face]{outline-color:highlight}[data-slot=pill-spinner] circle:last-child,[data-slot=pill-complete] path{stroke:canvastext}}
