.product-scroller{width:100%}.product-scroller[data-productscroller-initialized] canvas{display:block}.product-scroller[data-productscroller-initialized] .product-scroller__image{display:none}.product-scroller[data-productscroller-initialized] .product-scroller__feature:not([data-productscroller-active=true]),.product-scroller[data-productscroller-initialized] .product-scroller__feature:not([data-productscroller-current=true]){opacity:0;transform:translateY(80px)}@media(min-width:768px){.product-scroller[data-productscroller-initialized] .product-scroller__feature[data-productscroller-active=true]{--tw-translate-y:0px;opacity:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.product-scroller__container{height:100lvh;position:relative;width:100%}.product-scroller__media{display:flex;height:100%;justify-content:center;overflow:hidden}.product-scroller__media canvas{display:none}.product-scroller__features{display:flex;flex-direction:column;gap:var(--grid-gutter,1rem);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.product-scroller__feature-title{cursor:pointer;@include headline("xxs");}.product-scroller__button{bottom:20px;left:50%;position:fixed;transform:translate(-50%);transition-duration:.7s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:11}@media(min-width:768px){.product-scroller__button{bottom:6rem}}.product-scroller__button:not([data-productscroller-active=true]){opacity:0;transform:translate(-50%) scaleX(0)}.product-scroller__image img{height:100%;width:auto}