.content-with-badges__content-box{max-width:80vw;width:768px;height:auto}.scroll-trigger--offscreen .content-with-badges__hermit-image-el{top:-100%}.content-with-badges__hermit-image-el{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:auto;transition:top .6s ease}.content-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);z-index:-1}.content-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 .3S ease,transform .3S 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)}}.content-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}.content-with-badges__badge.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in{animation:badgeSlideIn .8s forwards;animation-delay:calc(var(--animation-order) * .15s)}.content-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-content-with-badges.css.map */