.improve-motion{position:relative;min-width:0;width:100%;max-width:520px;margin:0 auto;align-self:center}
.improve-motion-canvas{display:block;width:100%;height:auto;overflow:visible}
.improve-motion-controls{display:flex;align-items:center;justify-content:space-between;margin:0 10%}
.improve-motion-phases{display:flex;gap:4px}
.improve-motion-phases button,.improve-motion-pause{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#b3bfc0;cursor:pointer}
.improve-motion-phases button span{display:block;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;opacity:.5;transition:background .2s,opacity .2s}
.improve-motion-phases button[aria-pressed="true"] span{background:#d3a052;border-color:#d3a052;opacity:1}
.improve-motion-phases button:hover span{opacity:1}
.improve-motion-pause svg{display:block;width:16px;height:16px;fill:currentColor}
.improve-motion-pause .improve-motion-resume{display:none}
.improve-motion-pause[aria-pressed="true"] .improve-motion-stop{display:none}
.improve-motion-pause[aria-pressed="true"] .improve-motion-resume{display:block}
.improve-motion-phases button:focus-visible,.improve-motion-pause:focus-visible{outline:1px solid #d3a052;outline-offset:1px}
@media(max-width:620px){.improve-motion-controls{margin:0 6%}.improve-motion-phases button,.improve-motion-pause{width:40px;height:40px}}