@layer components.motionToggle{html[data-motion=paused],html[data-motion=paused] *,html[data-motion=paused] :before,html[data-motion=paused] :after{animation-play-state:paused!important}ec-motion-toggle button{font:inherit;color:var(--motion-toggle-color,inherit);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;padding:0;display:inline-flex}ec-motion-toggle button:hover{text-decoration:underline}ec-motion-toggle button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ec-motion-toggle [data-motion-icon]{display:none}ec-motion-toggle button[aria-pressed=false] [data-motion-icon=running],ec-motion-toggle button[aria-pressed=true] [data-motion-icon=paused]{display:inline-flex}}