.fox-motion-controls{position:absolute;left:10px;bottom:58px;z-index:4;max-width:calc(100% - 78px);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.fox-motion-controls button{padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);font-size:9px;color:var(--accent-contrast,var(--accent));line-height:1.4}.fox-motion-controls button[aria-pressed=true]{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.fox-motion-controls button:disabled{color:var(--muted);opacity:.7}.fox-motion-controls span{flex-basis:100%;font-size:8px;line-height:1.5;max-width:270px;color:var(--muted);text-wrap:balance}.fox-motion-controls button:focus-visible{outline-offset:3px}
@media(min-width:761px){.fox-motion-controls{bottom:76px}}
@media(max-width:390px){.fox-motion-controls{left:2px;bottom:46px;gap:5px}.fox-motion-controls button{padding:5px 7px;font-size:8px}.fox-motion-controls span{font-size:7px}}
@media(pointer:coarse),(hover:none){.hero-art:has(.fox-motion-controls:not([hidden])){height:440px}.hero-art:has(.fox-motion-controls:not([hidden])) #fox-canvas{height:calc(100% - 85px)}}