.image-with-badges__image-el{max-width:40vw;height:auto}.image-with-badges__badge{width:var(--badge-width);max-width:30vw;height:auto;position:absolute;left:var(--badge-left);top:var(--badge-top);transform:translate(-50%,-50%) rotate(var(--badge-rotate)) scale(1)}.image-with-badges__badge-el{width:100%;height:auto;object-fit:contain}.image-width-badges__badge.scroll-trigger--offscreen{opacity:0;transform:scale(.5);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease}@keyframes badgeSlideIn{0%{opacity:0;transform:translate(calc(-50% + 15px),calc(-50% + 15px)) rotate(var(--badge-rotate)) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--badge-rotate)) scale(1)}}.image-with-badges__badge.scroll-trigger.animate--slide-in{opacity:0;transform:translate(calc(-50% + 15px),calc(-50% + 15px)) rotate(var(--badge-rotate)) scale(.8);transition:opacity .5s ease,transform .5s ease}.image-with-badges__badge.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:badgeSlideIn .8s forwards;animation-delay:calc(var(--animation-order) * .15s)}.image-with-badges__badge.scroll-trigger.scroll-trigger--design-mode.animate--slide-in{opacity:1;transform:translate(-50%,-50%) rotate(var(--badge-rotate)) scale(1);animation:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-image-with-badges.css.map */