.lx-progress{position:fixed;inset:0 0 auto;z-index:60;height:3px;background:var(--color-brand);transform-origin:0 50%;transform:scaleX(0);pointer-events:none}.motion-cine :is(.button,.btn,button[type=submit]){transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.motion-cine :is(.button,.btn,button[type=submit]):active{transform:scale(.965)}.motion-cine.lx-io #MainContent>.shopify-section:not(:first-child):not(.lxm-section)>*{transform:translateY(70px) scale(.96);opacity:.35;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease}.motion-cine.lx-io #MainContent>.shopify-section.lx-in>*{transform:none;opacity:1}@supports (animation-timeline: view()){.motion-cine .lx-progress{animation:lx-grow linear both;animation-timeline:scroll(root)}.motion-cine .hlx__pic{animation:lx-hero-photo linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.motion-cine .hlx__copy{animation:lx-hero-copy linear both;animation-timeline:view();animation-range:exit 0% exit 90%}.motion-cine #MainContent>.shopify-section:not(:first-child):not(.lxm-section)>*{animation:lx-card linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.motion-cine :is(.stg__tile,.step,.story,.stx__card,.faq details,.promise,.ugc-tile){animation:lx-tile linear both;animation-timeline:view();animation-range:entry 5% entry 70%}.motion-cine :is(.stg__tile,.step,.story,.stx__card,.promise):nth-child(2n){animation-range:entry 15% entry 80%}.motion-cine :is(.stg__tile,.step,.story,.stx__card,.promise):nth-child(3n){animation-range:entry 25% entry 90%}.motion-cine :is(.stg__tile--photo img,.step__media img,.hs__photo img){animation:lx-parallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}@keyframes lx-grow{to{transform:scaleX(1)}}@keyframes lx-hero-photo{to{transform:scale(1.14) translateY(8%)}}@keyframes lx-hero-copy{to{transform:translateY(-70px);opacity:0}}@keyframes lx-card{0%{transform:translateY(90px) scale(.94);opacity:.3}}@keyframes lx-tile{0%{transform:perspective(900px) translateY(60px) rotateX(16deg) scale(.94);opacity:0}}@keyframes lx-parallax{0%{transform:scale(1.12) translateY(-5%)}to{transform:scale(1.12) translateY(5%)}}.motion-cine .hlx__media{overflow:hidden}.motion-cine .hlx__media:after{content:"";position:absolute;top:-10%;right:-20%;bottom:-10%;left:-20%;z-index:1;pointer-events:none;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--color-brand) 30%,rgb(255 255 255 / .55)) 48%,transparent 64%);opacity:.85;transform:translate(-100%);animation:lx-sweep 1.25s cubic-bezier(.6,.05,.25,1) .2s both}@keyframes lx-sweep{to{transform:translate(100%);opacity:0}}.motion-cine .hlx__btn--main{position:relative;overflow:hidden;isolation:isolate}.motion-cine .hlx__btn--main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(100deg,transparent 35%,rgb(255 255 255 / .75) 50%,transparent 65%);transform:translate(-120%);animation:lx-sweep-btn .9s cubic-bezier(.6,.05,.25,1) .95s both}@keyframes lx-sweep-btn{to{transform:translate(120%)}}.lxm{display:block;position:relative;overflow:hidden;padding-block:var(--lxm-pad, 26px);background:var(--lxm-bg, var(--color-bg));color:var(--lxm-fg, var(--color-text));contain:paint}.lxm__row{display:flex;width:max-content;will-change:transform}.lxm__row+.lxm__row{margin-top:6px}.lxm__set{display:flex;align-items:center;flex:none}.lxm__item{display:inline-flex;align-items:center;gap:.45em;padding-inline:.5em;font-family:var(--font-heading);font-weight:800;font-size:clamp(34px,9vw,96px);line-height:1;letter-spacing:-.035em;white-space:nowrap;text-transform:var(--heading-case)}.lxm__row--alt .lxm__item{color:transparent;-webkit-text-stroke:1.5px var(--lxm-fg, var(--color-text))}.lxm__row--alt{opacity:.6}.lxm__dot{flex:none;width:.32em;height:.32em;border-radius:50%;background:var(--color-brand)}.lxm--brand{--lxm-bg: var(--color-primary);--lxm-fg: var(--color-on-primary)}.lxm--brand .lxm__dot{background:var(--color-on-primary)}.lxm--dark{--lxm-bg: #0b0d0e;--lxm-fg: #fff}@media(prefers-reduced-motion:reduce){.motion-cine *,.motion-cine *:before,.motion-cine *:after{animation:none!important}.lx-progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lumyn-motion.css.map */