image-banner-fx{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate;--fx-x: 0;--fx-y: 0;--fx-px: 50%;--fx-py: 50%;--fx-rotate-x: 0deg;--fx-rotate-y: 0deg;--fx-translate-x: 0px;--fx-translate-y: 0px;--fx-scale: 1;--fx-spot-size: 38%;--fx-lens-size: 22%;--fx-ease: cubic-bezier(.22, 1, .36, 1)}.banner__fx-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;transform-style:preserve-3d;perspective:1200px}image-banner-fx .banner__content{position:relative;z-index:2}.banner--fx-depth_tilt .banner__fx-stage{transform:rotateX(var(--fx-rotate-x)) rotateY(var(--fx-rotate-y));transition:transform .18s var(--fx-ease)}.banner__fx-stage .banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.banner__fx-stage .banner__media img{width:100%;height:100%;object-fit:cover;transform:translate3d(var(--fx-translate-x),var(--fx-translate-y),0) scale(var(--fx-scale));transition:transform .22s var(--fx-ease);will-change:transform}.banner__fx-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease}.banner-fx--active .banner__fx-overlay{opacity:1}.banner--fx-spotlight .banner__fx-overlay--spotlight{background:radial-gradient(circle var(--fx-spot-size) at var(--fx-px) var(--fx-py),rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 28%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.32) 100%);mix-blend-mode:soft-light}.banner--fx-ripple_lens .banner__fx-overlay--lens{background:radial-gradient(circle var(--fx-lens-size) at var(--fx-px) var(--fx-py),rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 42%,transparent 68%);mix-blend-mode:overlay}.banner--fx-prism_shift .banner__fx-stage .banner__media img{filter:brightness(calc(1 + var(--fx-y) * .08 * var(--fx-intensity, 1))) saturate(calc(1 + var(--fx-intensity, 1) * .12));transform:translate3d(calc(var(--fx-translate-x) * 1.2),calc(var(--fx-translate-y) * 1.2),0) scale(calc(1 + .03 * var(--fx-intensity, 1)))}.banner--fx-prism_shift .banner__fx-overlay--prism{background:radial-gradient(circle at var(--fx-px) var(--fx-py),rgba(120,190,255,.2),transparent 42%),radial-gradient(circle at calc(var(--fx-px) + 8%) calc(var(--fx-py) - 6%),rgba(255,120,180,.14),transparent 38%);mix-blend-mode:color-dodge}.banner--fx-depth_tilt .banner__fx-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at calc(50% + var(--fx-x) * 20%) calc(50% + var(--fx-y) * 20%),transparent 35%,rgba(0,0,0,.22) 100%);opacity:.65}@media(prefers-reduced-motion:reduce){.banner--fx-depth_tilt .banner__fx-stage,.banner__fx-stage .banner__media img{transform:none!important;transition:none!important}.banner__fx-overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-image-banner-cursor.css.map */