.banner__floating-image{position:absolute;z-index:2;pointer-events:none;top:var(--floating-image-top, 50%);transform:translateY(-50%);transition:opacity .3s ease,filter .3s ease}.banner__floating-image--clickable{pointer-events:auto;cursor:pointer}.banner__floating-image--clickable:hover{filter:brightness(1.1)}.banner__floating-image--clickable:active{filter:brightness(.95)}.banner__floating-image--clickable.added-to-cart{filter:brightness(1.2) drop-shadow(0 0 20px rgba(40,167,69,.6))}.banner__floating-image--clickable.loading{opacity:.5;pointer-events:none;cursor:wait}.banner__floating-image--left{left:50%;transform:translate(calc(-100% - var(--floating-image-offset, 250px)),-50%)}.banner__floating-image--right{right:50%;transform:translate(calc(100% + var(--floating-image-offset, 250px)),-50%)}.banner__floating-image img{width:var(--floating-image-width, 150px);height:auto;display:block;object-fit:contain}.banner__floating-image--animated{animation:float-animation 3s ease-in-out infinite}@keyframes float-animation{0%,to{transform:translate(calc(-100% - var(--floating-image-offset, 250px)),-50%) translateY(0)}50%{transform:translate(calc(-100% - var(--floating-image-offset, 250px)),-50%) translateY(-20px)}}.banner__floating-image--right.banner__floating-image--animated{animation:float-animation-right 3s ease-in-out infinite}@keyframes float-animation-right{0%,to{transform:translate(calc(100% + var(--floating-image-offset, 250px)),-50%) translateY(0)}50%{transform:translate(calc(100% + var(--floating-image-offset, 250px)),-50%) translateY(-20px)}}.banner{position:relative}@media screen and (max-width: 749px){.banner__floating-image{top:var(--floating-image-top-mobile, var(--floating-image-top, 50%))}.banner__floating-image--left{transform:translate(calc(-100% - var(--floating-image-offset-mobile, var(--floating-image-offset, 50px))),-50%)}.banner__floating-image--right{transform:translate(calc(100% + var(--floating-image-offset-mobile, var(--floating-image-offset, 50px))),-50%)}.banner__floating-image img{width:var(--floating-image-width-mobile, var(--floating-image-width, 80px))}.banner__floating-image--animated{animation:float-animation-mobile 3s ease-in-out infinite}.banner__floating-image--right.banner__floating-image--animated{animation:float-animation-right-mobile 3s ease-in-out infinite}@keyframes float-animation-mobile{0%,to{transform:translate(calc(-100% - var(--floating-image-offset-mobile, var(--floating-image-offset, 50px))),-50%) translateY(0)}50%{transform:translate(calc(-100% - var(--floating-image-offset-mobile, var(--floating-image-offset, 50px))),-50%) translateY(-10px)}}@keyframes float-animation-right-mobile{0%,to{transform:translate(calc(100% + var(--floating-image-offset-mobile, var(--floating-image-offset, 50px))),-50%) translateY(0)}50%{transform:translate(calc(100% + var(--floating-image-offset-mobile, var(--floating-image-offset, 50px))),-50%) translateY(-10px)}}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/section-banner-floating-image.css.map */