html.stecoom-motion-ready .stecoom-motion-card{--stecoom-rx: 0deg;--stecoom-ry: 0deg;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:auto;transition:transform .58s cubic-bezier(.2,.7,.2,1),opacity .48s ease,box-shadow .42s ease,border-color .32s ease}html.stecoom-motion-ready .stecoom-motion-card:not(.is-stecoom-visible){opacity:0;transform:perspective(1000px) translate3d(0,18px,0) rotateX(3deg) scale(.988)}html.stecoom-motion-ready .stecoom-motion-card.is-stecoom-visible{opacity:1;transform:perspective(1000px) translateZ(0) rotateX(0) rotateY(0) scale(1)}html.stecoom-motion-ready .stecoom-motion-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#ffffff42,#fff0 38%);transition:opacity .35s ease}html.stecoom-motion-ready .stecoom-motion-card.is-stecoom-visible:after{opacity:.45}html.stecoom-motion-ready .stecoom-motion-card :is(h1,h2,h3,h4,h5,h6,p,.m-richtext__title,.m-richtext__subtitle,.m-icon-box__heading,.m-icon-box__description){transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s ease}html.stecoom-motion-ready .stecoom-motion-card:not(.is-stecoom-visible) :is(h1,h2,h3,h4,h5,h6,p,.m-richtext__title,.m-richtext__subtitle,.m-icon-box__heading,.m-icon-box__description){opacity:.86;transform:translate3d(0,5px,0)}html.stecoom-motion-ready .stecoom-motion-card.is-stecoom-visible :is(h1,h2,h3,h4,h5,h6,p,.m-richtext__title,.m-richtext__subtitle,.m-icon-box__heading,.m-icon-box__description){opacity:1;transform:translateZ(0)}@media(hover:hover)and (pointer:fine){html.stecoom-motion-ready .stecoom-motion-card.is-stecoom-visible:hover{will-change:transform;transform:perspective(1000px) translate3d(0,-4px,0) rotateX(var(--stecoom-rx)) rotateY(var(--stecoom-ry)) scale(1.012);box-shadow:0 20px 46px #1018281f}html.stecoom-motion-ready .stecoom-motion-card.is-stecoom-visible:hover:after{opacity:.78}}@media(max-width:767px){html.stecoom-motion-ready .stecoom-motion-card:not(.is-stecoom-visible){transform:perspective(900px) translate3d(0,14px,0) rotateX(2deg) scale(.992)}}@media(prefers-reduced-motion:reduce){html.stecoom-motion-ready .stecoom-motion-card,html.stecoom-motion-ready .stecoom-motion-card *,html.stecoom-motion-ready .stecoom-motion-card:after{transition:none!important;animation:none!important;transform:none!important;opacity:1!important;will-change:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/stecoom-card-motion.css.map */