/* Polish preview: original gradient with a quicker orbit. */
.motion-toggle::before{animation-duration:5s}
.motion-stop{position:relative;isolation:isolate}
.motion-stop:not(:disabled){animation:none;opacity:1}
.motion-stop:not(:disabled)::after{content:"";position:absolute;inset:-1px;border-radius:4px;pointer-events:none;z-index:-1;background:#080e18;border:1px solid #080e18;box-shadow:none;animation:pl-stop-pulse 2.2s ease-in-out infinite}
@keyframes pl-stop-pulse{0%,100%{opacity:0}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.motion-toggle::before{animation:none}.motion-stop:not(:disabled)::after{animation:none;opacity:.15}}

/* One vector icon per control, including the paused state. */
.motion-toggle[aria-pressed="true"]:not(:disabled) span::before{content:none}
.motion-toggle span{display:grid!important;place-items:center;font-size:0!important;line-height:1}
.motion-toggle span svg{display:block;width:14px;height:14px}