:root{--top-logo-scale: 2;--top-logo-y-offset: -100px;--base-logo-width: 40%}.mobile-scroll-logo{display:block;position:absolute;left:50%;bottom:0;z-index:10;pointer-events:auto;--current-scale: calc(var(--top-logo-scale) - (var(--top-logo-scale) - 1) * var(--scroll-progress, 0));width:calc(var(--base-logo-width) * var(--current-scale));height:100%;--current-y-percent: calc(-50% * (1 - var(--scroll-progress, 0)));--current-y-offset: calc(var(--top-logo-y-offset) * (1 - var(--scroll-progress, 0)));transform:translate3d(-50%,calc(var(--current-y-percent) + var(--current-y-offset)),0);opacity:1;transition:none;will-change:transform,width}.logo-wrapper{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:2px;position:relative;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important}.logo-link{display:block;width:100%;height:100%;position:relative}.logo-image{width:100%;height:100%;max-width:100%;z-index:95;object-fit:contain;display:block;margin:0 auto;opacity:1;position:relative;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.logo-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:96;pointer-events:none;opacity:0;background-image:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:200% 0;-webkit-mask-image:url(/cdn/shop/files/logo_430x.svg?v=1780630507#);mask-image:url(/cdn/shop/files/logo_430x.svg?v=1780630507#);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mobile-scroll-logo.is-scrolled .logo-link:after{animation:logoLinearShine 4s cubic-bezier(.25,1,.5,1) 0s infinite;will-change:background-position,opacity}@keyframes logoLinearShine{0%{background-position:200% 0;opacity:0}2%{opacity:1}50%{background-position:-100% 0;opacity:1}55%{opacity:0;background-position:-100% 0}to{opacity:0;background-position:200% 0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mobile-scroll-logo.css.map */