.bx-hero{--dir:1;--pow:23;--delay-factor:25;--progress:0}[dir=rtl] .bx-hero{--dir:-1}@media (prefers-reduced-motion:reduce){.bx-hero{--delay-factor:100;--pow:3}}.bx-hero-category{perspective:1000px}.bx-hero-video{--delay:0;--delayed-progress:calc(var(--progress) * (1 + var(--delay) / var(--delay-factor)));--progress-in-out:clamp(-1, pow(var(--delayed-progress), var(--pow)), 1);--progress-in-out-cos:calc(pow(var(--delayed-progress), calc(var(--pow) - 1)) * -1 + 1);opacity:var(--progress-in-out-cos);transform:translate3d(calc(-50% + var(--dir) * (var(--progress-in-out) * -50% + var(--progress) * -10%)), 0, -100px) scale(calc(.8 + var(--progress-in-out-cos) * .2));will-change:transform, opacity}.bx-hero-card-wrapper{--z:0px;--delay:0;--delayed-progress:calc(var(--progress) * (1 + var(--delay) / var(--delay-factor)));--progress-in-out:clamp(-1, pow(var(--delayed-progress), var(--pow)), 1);--progress-in-out-cos:calc(pow(var(--delayed-progress), calc(var(--pow) - 1)) * -1 + 1);z-index:1;opacity:var(--progress-in-out-cos);transform:translate3d(calc(var(--dir) * (-50% + var(--progress-in-out) * -100% + var(--progress) * -20%)), -50%, var(--z)) rotateY(calc(var(--dir) * var(--progress-in-out) * -90deg));transform-origin:50% 50% 10px;backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.bx-hero-video{transform:translate3d(-50%,0,-50px)}.bx-hero-card-wrapper{transform:translate3d(calc(var(--dir) * -50%), -50%, var(--z))}}@keyframes bx-hero-card-idle{to{translate:0 5%}}.bx-hero-card{isolation:isolate;transform-style:preserve-3d;-webkit-touch-callout:none;animation:4s ease-in-out infinite alternate bx-hero-card-idle;container:bx-hero-card/inline-size}@media (prefers-reduced-motion:reduce){.bx-hero-card{animation:none}}.bx-hero-card>*{font-size:min(6.6cqw,12px);line-height:min(8.8cqw,16px)}.bx-hero-card p{font-size:1em;line-height:1.333}.bx-hero-card-shadow{width:100%;height:100%;transform:rotateX(calc(var(--mouse-y) * -10deg)) rotateY(calc(var(--mouse-x) * 10deg)) translate(calc(var(--mouse-x) * -3em)) translateY(calc(var(--mouse-y) * -3em));position:relative}.bx-hero-card-shadow:after{content:"";filter:blur(1.5em);opacity:.1;background-color:#000;border-radius:2em;position:absolute;inset:0}.bx-hero-product{transform-style:preserve-3d;transform:rotateX(calc(var(--mouse-y) * -10deg)) rotateY(calc(var(--mouse-x) * 10deg))}.bx-hero-tile{transform:rotateX(calc(var(--mouse-y) * -15deg)) rotateY(calc(var(--mouse-x) * 15deg)) translateZ(10px)}.bx-hero-tile-photo{translate:calc(var(--mouse-x) * 5%) calc(var(--mouse-y) * 5%)}.bx-hero-sheen{mix-blend-mode:plus-lighter;translate:calc(var(--mouse-x) * 25%) calc(var(--mouse-y) * 25%);background:radial-gradient(circle,#ffffff13 0%,#0000 70%)}.bx-shop-shelf{scrollbar-width:none}.bx-shop-shelf::-webkit-scrollbar{display:none}@keyframes bx-shop-fade{0%{opacity:0}}@keyframes bx-shop-pop{0%{opacity:0;transform:translateY(14px)scale(.985)}}@keyframes bx-shop-drawer{0%{transform:translateX(var(--bx-drawer-from,104%))}}.bx-shop-fade{animation:.25s ease-out both bx-shop-fade}.bx-shop-pop{animation:.35s cubic-bezier(.16,1,.3,1) both bx-shop-pop}.bx-shop-drawer{animation:.4s cubic-bezier(.16,1,.3,1) both bx-shop-drawer}[dir=rtl] .bx-shop-drawer{--bx-drawer-from:-104%}@media (prefers-reduced-motion:reduce){.bx-shop-fade,.bx-shop-pop,.bx-shop-drawer{animation:none}}
