html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}.nav-logo-inner{z-index:1;--logo-width: 210px;--icon-width:56px;width:var(--logo-width,0);transition:color .4s cubic-bezier(.33,1,.68,1),transform .5s cubic-bezier(.2,.21,0,1);justify-content:center;align-items:center;display:flex;position:relative}.nav-logo-wpr{width:100%;display:flex;justify-content:center;gap:8px;overflow:hidden}.nav-logo-wpr .logo-icon{width:var(--icon-width, 0);overflow:hidden;transition:transform .4s cubic-bezier(.33,1,.68,1)}.nav-logo-wpr .logo-text{transition:transform .4s cubic-bezier(.33,1,.68,1),opacity .1s cubic-bezier(.33,1,.68,1);transition-delay:0s;flex:1;overflow:hidden;display:flex;align-items:center}.nav-logo-wpr.show-logo-icon .logo-icon{transform:translate(calc(var(--logo-width,0) / 2 - (var(--icon-width, 0) / 2)))}.nav-logo-wpr.show-logo-icon .logo-text{transform:translateY(100%);opacity:0}@media(hover:hover){.nav-logo-wpr.show-logo-icon:hover .logo-icon{transform:translate(0)}.nav-logo-wpr.show-logo-icon:hover .logo-text{transform:translateY(0);opacity:1;transition-delay:.1s}}.nav-logo-wpr svg{width:100%;height:auto;color:red;display:block}.nav-logo-wpr.loading .logo-icon svg{transform:translateY(100%);animation:logoIconBounce 1.5s forwards}@keyframes logoIconBounce{0%{transform:translateY(100%)}55%{transform:translateY(-30%)}75%{transform:translateY(20%)}90%{transform:translateY(-1%)}to{transform:translateY(0)}}.nav-logo-wpr.loading .logo-text svg{transform:translate(-100%);animation:logoTextBounce 1.5s forwards}@keyframes logoTextBounce{0%{transform:translate(-100%)}55%{transform:translate(30%)}75%{transform:translate(-20%)}90%{transform:translate(1%)}to{transform:translate(0)}}@media screen and (max-width:1023px){.nav-logo-inner{--icon-width: 39px;--logo-width: 200px}}@media screen and (max-width:767px){.nav-logo-inner{--logo-width: 170px;--icon-width:39px}}@media screen and (max-width:575px){.nav-logo-inner{--logo-width: 140px;--icon-width:39px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/logo-animation.css.map */