.notesos-motion-image{position:absolute;z-index:2;inset-block-start:var(--notesos-motion-y-mobile);inset-inline-start:var(--notesos-motion-x-mobile);width:var(--notesos-motion-width-mobile);pointer-events:none;transform:translate(-50%,-50%) rotate(var(--notesos-motion-rotation-mobile));transform-origin:center}.notesos-motion-image__hover,.notesos-motion-image__motion,.notesos-motion-image__image{display:block;width:100%}.notesos-motion-image__hover{pointer-events:auto;transition:transform var(--animation-speed) var(--animation-easing)}.notesos-motion-image__motion{transform-origin:center;animation-duration:var(--notesos-motion-duration);animation-iteration-count:infinite;animation-timing-function:ease-in-out;will-change:transform,opacity}.notesos-motion-image__image{height:auto}.notesos-motion-image--has-shadow .notesos-motion-image__image{box-shadow:var(--notesos-motion-shadow-x) var(--notesos-motion-shadow-y) var(--notesos-motion-shadow-blur) var(--notesos-motion-shadow-spread) var(--notesos-motion-shadow-color)}.notesos-motion-image--rotate .notesos-motion-image__motion{animation-name:notesos-motion-image-rotate;animation-timing-function:linear}.notesos-motion-image--fall .notesos-motion-image__motion{animation-name:notesos-motion-image-fall;animation-timing-function:linear}.notesos-motion-image--float-vertical .notesos-motion-image__motion{animation-name:notesos-motion-image-float-vertical}.notesos-motion-image--float-horizontal .notesos-motion-image__motion{animation-name:notesos-motion-image-float-horizontal}.notesos-motion-image--direction-reverse .notesos-motion-image__motion,.notesos-motion-image--direction-reverse .notesos-motion-image__particle{animation-direction:reverse}@media(hover:hover){.notesos-motion-image[data-hover=true]:hover .notesos-motion-image__hover{transform:scale(var(--notesos-motion-hover-scale))}}@media screen and (max-width:749px){.notesos-motion-image--hide-mobile{display:none}}@media screen and (min-width:750px)and (max-width:1024px){.notesos-motion-image{inset-block-start:var(--notesos-motion-y-tablet);inset-inline-start:var(--notesos-motion-x-tablet);width:var(--notesos-motion-width-tablet);transform:translate(-50%,-50%) rotate(var(--notesos-motion-rotation-tablet))}.notesos-motion-image--hide-tablet{display:none}}@media screen and (min-width:1025px){.notesos-motion-image{inset-block-start:var(--notesos-motion-y-desktop);inset-inline-start:var(--notesos-motion-x-desktop);width:var(--notesos-motion-width-desktop);transform:translate(-50%,-50%) rotate(var(--notesos-motion-rotation-desktop))}.notesos-motion-image--hide-desktop{display:none}}.notesos-motion-image--fall-particles{inset-block-start:0;inset-inline-start:50%;width:100vw;height:100%;overflow:visible;transform:translate(-50%)}.notesos-motion-image__particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.notesos-motion-image__particle{position:absolute;inset-block-start:var(--notesos-particle-y, 0%);inset-inline-start:var(--notesos-particle-x);display:block;width:var(--notesos-motion-particle-size-mobile);opacity:var(--notesos-motion-particle-opacity);transform-origin:center;animation-name:notesos-motion-image-particle-fall;animation-duration:var(--notesos-particle-duration, var(--notesos-motion-duration));animation-delay:var(--notesos-particle-delay);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}@media screen and (min-width:750px)and (max-width:1024px){.notesos-motion-image__particle{width:var(--notesos-motion-particle-size-tablet)}}@media screen and (min-width:1025px){.notesos-motion-image__particle{width:var(--notesos-motion-particle-size-desktop)}}@keyframes notesos-motion-image-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes notesos-motion-image-fall{0%{opacity:0;transform:translateZ(0) rotate(0)}10%,85%{opacity:1}to{opacity:0;transform:translate3d(0,var(--notesos-motion-fall-distance),0) rotate(var(--notesos-motion-fall-rotation))}}@keyframes notesos-motion-image-particle-fall{0%{opacity:0;transform:translate3d(-50%,0,0) rotate(0) scale(var(--notesos-particle-scale))}10%,85%{opacity:var(--notesos-motion-particle-opacity)}to{opacity:0;transform:translate3d(calc(-50% + var(--notesos-particle-travel-x, var(--notesos-particle-drift))),var(--notesos-particle-travel-y, var(--notesos-particle-fall-distance, var(--notesos-motion-fall-distance))),0) rotate(var(--notesos-particle-rotation, var(--notesos-motion-fall-rotation))) scale(var(--notesos-particle-scale))}}@keyframes notesos-motion-image-float-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--notesos-motion-float-distance) * -1))}}@keyframes notesos-motion-image-float-horizontal{0%,to{transform:translate(0)}50%{transform:translate(var(--notesos-motion-float-distance))}}@media(prefers-reduced-motion:reduce){.notesos-motion-image__hover{transition:none}.notesos-motion-image__motion,.notesos-motion-image__particle{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/notesos-motion-image.css.map */