.animation-control{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:9px 13px;border:1px solid #ccd4c4;border-radius:7px;background:#fbfcf7;color:#53684b;font:500 11px/1.2 'DM Sans',sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.animation-control:hover{background:#eef3e9;border-color:#9eb8a0;color:#233d2c}.animation-control:focus-visible{outline:2px solid #258fe0;outline-offset:4px}.motion-control-icon{display:flex;width:14px;height:14px;flex-shrink:0}.motion-control-icon>svg{display:block;width:100%;height:100%}.motion-control-label{display:block;margin-left:8px;white-space:nowrap}.hero .animation-control{margin-left:auto;min-width:36px;min-height:36px;background:#14221c59;border:1px solid #ffffff6b;color:#fffdf7;border-radius:30px;padding:10px 14px;backdrop-filter:blur(12px);font-size:10px}.hero .animation-control:hover{background:#14221c96;border-color:#ffffffb3}.contact-section .animation-control{background:#ffffff0b;border-color:#c2dbf134;color:#e2edfa}.contact-section .animation-control:hover{background:#ffffff16;border-color:#b6d9f16e}.integrations-controls{justify-content:flex-end}.integrations-controls>#integrations-pause.animation-control{font-size:10px;padding:9px 12px;border-radius:7px;color:#53684b;background:#f6f8ef}.integrations-controls>#integrations-pause .motion-control-icon{font-size:inherit;margin:0;width:13px;height:13px}.integrations-controls>#integrations-pause .motion-control-label{font-size:inherit;margin-left:8px}.integrations-controls>#integrations-pause:hover{background:#fffdf8;border-color:#9eb8a0}.product-figure-toolbar .animation-control{min-height:32px;padding:8px 10px;font-size:9px;background:#fcfbff;color:#697c9a;border-color:#d9e1ee}.product-figure-toolbar .motion-control-icon{width:12px;height:12px}.product-figure-toolbar .motion-control-label{margin-left:7px}
@media(max-width:480px){.hero .animation-control{width:38px;height:38px;padding:11px}.hero .animation-control .motion-control-label{display:none}.integrations-controls>#integrations-pause.animation-control{font-size:9px}.product-figure-toolbar .animation-control{font-size:8px;padding:8px}}
@media(prefers-reduced-motion:reduce){.animation-control{transition:none}}