/* Styles of tool: CSS Animation Generator */
.ca-stage{display:flex;align-items:center;justify-content:center;height:180px;background:var(--bg);border-radius:5px;margin-bottom:14px;overflow:hidden}
.ca-box{width:90px;height:90px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
@keyframes flip{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}