.scroll-paddles-showcase__section{background-color:var(--section-bg, #07090e);color:var(--section-text, #ffffff);position:relative;width:100%}.scroll-paddles-showcase__wrapper{position:relative;width:100%}.scroll-paddles-showcase__sticky{position:sticky;top:75px;height:42rem;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:40px;--paddle-height: min(60vh, 600px);--paddle-width: calc(var(--paddle-height) * .52)}.scroll-paddles-showcase__header-title{position:relative;margin:20px 0 0;z-index:200;text-align:center;opacity:.9;color:#f5f5f5;flex-shrink:0}.scroll-paddles-showcase__giant-text-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:1}.scroll-paddles-showcase__giant-text{display:block;font-family:var(--font-heading--family);font-size:clamp(5rem,16vw,24rem);font-weight:900;line-height:.8;margin:0;color:var(--section-accent, #bcff00);opacity:.05;text-transform:uppercase;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;letter-spacing:-.02em;will-change:transform}.scroll-paddles-showcase__stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;perspective:2000px;perspective-origin:center 48%}.scroll-paddles-showcase__stage:before{content:"";position:absolute;top:52%;left:50%;width:min(60vw,760px);height:min(60vw,760px);transform:translate(-50%,-50%);background:radial-gradient(circle at center,color-mix(in srgb,var(--section-accent, #bcff00) 22%,transparent) 0%,transparent 62%);filter:blur(40px);opacity:.6;pointer-events:none;z-index:0}.scroll-paddles-showcase__item{position:absolute;top:52%;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform-style:preserve-3d;opacity:var(--paddle-opacity, 0);visibility:hidden;transform:translate(-50%,-50%) translate3d(var(--paddle-x, 0px),var(--paddle-y, 0px),var(--paddle-z, 0px)) rotateY(var(--paddle-rotate, 0deg)) scale(var(--paddle-scale, .8));transition:opacity .18s ease-out,visibility .18s ease-out;will-change:transform,opacity}.scroll-paddles-showcase__item.is-active{visibility:visible}.scroll-paddles-showcase__item.is-center{pointer-events:auto}@keyframes paddle-float{0%,to{transform:translate(-50%,-50%) translate3d(var(--paddle-x, 0px),var(--paddle-y, 0px),var(--paddle-z, 0px)) rotateY(var(--paddle-rotate, 0deg)) scale(var(--paddle-scale, 1))}50%{transform:translate(-50%,-50%) translate3d(var(--paddle-x, 0px),calc(var(--paddle-y, 0px) - 12px),var(--paddle-z, 0px)) rotateY(var(--paddle-rotate, 0deg)) scale(var(--paddle-scale, 1))}}.scroll-paddles-showcase__item.is-center{animation:paddle-float 3.4s ease-in-out infinite}.scroll-paddles-showcase__paddle-wrapper{width:var(--paddle-width);display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:3}.scroll-paddles-showcase__paddle-wrapper a{display:block;width:100%;height:100%;border-radius:12px}.scroll-paddles-showcase__paddle-img{width:100%;height:100%;object-fit:contain;filter:blur(var(--paddle-blur, 0px)) drop-shadow(0 30px 45px rgba(0,0,0,.55));-webkit-box-reflect:below 6px linear-gradient(transparent,transparent 56%,rgba(255,255,255,.16));transition:filter .18s ease-out;-webkit-user-select:none;user-select:none}.scroll-paddles-showcase__item.is-center .scroll-paddles-showcase__paddle-img{filter:drop-shadow(0 30px 50px rgba(0,0,0,.6)) drop-shadow(0 0 40px color-mix(in srgb,var(--section-accent, #bcff00) 35%,transparent))}.scroll-paddles-showcase__nav{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;z-index:200}.scroll-paddles-showcase__arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0a;color:var(--section-text, #ffffff);font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.scroll-paddles-showcase__arrow:hover:not(:disabled){background-color:var(--section-accent, #bcff00);color:#07090e;border-color:transparent;transform:scale(1.06)}.scroll-paddles-showcase__arrow:disabled{opacity:.3;cursor:default}.scroll-paddles-showcase__dots{display:flex;align-items:center;gap:8px}.scroll-paddles-showcase__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background-color:#ffffff40;transition:background-color .25s ease,width .25s ease,border-radius .25s ease}.scroll-paddles-showcase__dot.is-active{background-color:var(--section-accent, #bcff00);width:22px;border-radius:4px}.scroll-paddles-showcase__dot:hover:not(.is-active){background-color:#ffffff80}.scroll-paddles-showcase a:focus-visible,.scroll-paddles-showcase__arrow:focus-visible,.scroll-paddles-showcase__dot:focus-visible{outline:2px solid var(--section-accent, #bcff00);outline-offset:3px}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__wrapper{height:auto}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__sticky{position:static;height:auto;overflow:visible;padding:48px 0 40px}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__giant-text-container{display:none}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__stage{position:static;height:auto;perspective:none;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:28px 9% 12px;scrollbar-width:none}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__stage::-webkit-scrollbar{display:none}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__item{position:static;transform:none!important;opacity:1!important;visibility:visible!important;animation:none!important;flex:0 0 82%;scroll-snap-align:center}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__paddle-wrapper{width:100%;height:min(62vh,460px)}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__paddle-img{-webkit-box-reflect:none;filter:drop-shadow(0 16px 30px rgba(0,0,0,.4))}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__nav{position:static;margin-top:8px}.scroll-paddles-showcase--fallback .scroll-paddles-showcase__arrow{display:none}@media screen and (max-width:768px){.scroll-paddles-showcase__sticky{height:calc(100vh - 95px);--paddle-height: min(50vh, 420px)}.scroll-paddles-showcase__header-title{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scroll-paddles-showcase.css.map */