.arelio-icon{width:60px;height:60px;border-radius:16px;background:var(--sand);display:grid;place-items:center;color:var(--coal);position:relative;overflow:hidden;flex-shrink:0}.arelio-icon svg{width:34px;height:34px;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .5s ease,transform .5s ease}.arelio-icon.is-visible svg{opacity:1;transform:none}.arelio-icon--rotate.is-visible svg{animation:ai-spin .7s ease .15s both,ai-slow-spin 5s linear 1s infinite}@keyframes ai-spin{0%{transform:rotate(-90deg) scale(.7);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes ai-slow-spin{to{transform:rotate(360deg)}}.arelio-icon--bounce.is-visible svg{animation:ai-bounce .7s cubic-bezier(.34,1.56,.64,1) .1s both,ai-bob 2.2s ease-in-out 1s infinite}@keyframes ai-bounce{0%{transform:translateY(-14px) scale(.8);opacity:0}60%{transform:translateY(3px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes ai-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.arelio-icon--pulse.is-visible svg{animation:ai-pulse 2.4s ease-in-out .3s infinite}@keyframes ai-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.arelio-icon--wiggle.is-visible svg{animation:ai-pop-in .7s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes ai-pop-in{0%{transform:scale(.5) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.arelio-icon--wiggle.is-visible .ai-gear{animation:ai-slow-spin 6s linear .8s infinite;transform-origin:28px 28px}.arelio-icon--pop.is-visible svg{animation:ai-pop .6s cubic-bezier(.34,1.56,.64,1) both,ai-pulse 3s ease-in-out 1s infinite}@keyframes ai-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}70%{transform:scale(1.12) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}.arelio-icon--clock.is-visible svg{animation:ai-pop-in .6s cubic-bezier(.34,1.56,.64,1) both}.arelio-icon--clock.is-visible .ai-hand{animation:ai-slow-spin 4s linear .5s infinite}.arelio-icon .ai-check{stroke-dasharray:26;stroke-dashoffset:26}.arelio-icon.is-visible .ai-check{animation:ai-draw .5s ease .5s forwards}@keyframes ai-draw{to{stroke-dashoffset:0}}.arelio-icon .ai-move{transform:translate(10px);opacity:0}.arelio-icon.is-visible .ai-move{animation:ai-slide-in .5s ease .3s forwards,ai-slide-loop 3.2s ease-in-out 1.5s infinite}@keyframes ai-slide-in{to{transform:translate(0);opacity:1}}@keyframes ai-slide-loop{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.arelio-icon--shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,#ffffffb0 50%,transparent 60%);background-size:220% 100%;background-position:150% 0;opacity:0}.arelio-icon--shine.is-visible:after{animation:ai-shine-loop 4s ease .5s infinite}@keyframes ai-shine-loop{0%{background-position:150% 0;opacity:0}10%{opacity:.9}35%{background-position:-50% 0;opacity:0}to{opacity:0}}@media(prefers-reduced-motion:reduce){.arelio-icon svg{transition:none;opacity:1;transform:none}.arelio-icon *{animation:none!important}.arelio-icon .ai-check{stroke-dashoffset:0}.arelio-icon .ai-move{opacity:1;transform:none}.arelio-icon--shine:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/56/compiled_assets/styles.css.map */
