.bost-tilt{--bost-tilt-x: 0deg;--bost-tilt-y: 0deg;--bost-tilt-shadow-x: 0px;--bost-tilt-shadow-y: 24px;--bost-tilt-max: 18deg;perspective:1100px;display:block;width:100%;max-width:46rem;margin-inline:auto}.bost-tilt__inner{position:relative;transform-style:preserve-3d;transform:rotateX(var(--bost-tilt-x)) rotateY(var(--bost-tilt-y));transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.bost-tilt.is-pointer-active .bost-tilt__inner{transition:transform 90ms linear}.bost-tilt__image{display:block;width:100%;height:auto;border-radius:var(--bost-radius-lg, 14px);filter:drop-shadow(var(--bost-tilt-shadow-x) var(--bost-tilt-shadow-y) 34px rgba(12,18,28,.28));transition:filter .42s cubic-bezier(.22,1,.36,1)}.bost-tilt--vignette .bost-tilt__image{border-radius:0;-webkit-mask-image:radial-gradient(68% 62% at 50% 46%,#000 42%,rgba(0,0,0,.72) 62%,transparent 88%);mask-image:radial-gradient(68% 62% at 50% 46%,#000 42%,rgba(0,0,0,.72) 62%,transparent 88%);filter:drop-shadow(calc(var(--bost-tilt-shadow-x) * .6) calc(var(--bost-tilt-shadow-y) * .5) 30px rgba(6,10,16,.5))}.bost-tilt--vignette .bost-tilt__glare{border-radius:0;-webkit-mask-image:radial-gradient(64% 58% at 50% 46%,#000 40%,transparent 82%);mask-image:radial-gradient(64% 58% at 50% 46%,#000 40%,transparent 82%)}.bost-tilt.is-pointer-active .bost-tilt__image{transition:filter 90ms linear}.bost-tilt__glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--bost-radius-lg, 14px);pointer-events:none;opacity:0;background:linear-gradient(105deg,#fff0 40%,#ffffff52,#fff0 60%);background-size:260% 260%;background-position:var(--bost-glare-pos, 50%) 50%;transition:opacity .3s ease}.bost-tilt.is-pointer-active .bost-tilt__glare{opacity:1}.bost-tilt.is-reveal-pending .bost-tilt__inner{opacity:0;transform:perspective(1100px) rotateX(9deg) rotateY(-25deg) scale(.9)}.bost-tilt.is-reveal-pending .bost-tilt__image{filter:drop-shadow(14px 10px 26px rgba(6,10,16,.22))}@keyframes bost-tilt-intro{0%{opacity:0;transform:perspective(1100px) rotateX(9deg) rotateY(-25deg) scale(.9)}55%{opacity:1}to{opacity:1;transform:perspective(1100px) rotateX(0) rotateY(0) scale(1)}}.bost-tilt.is-revealing .bost-tilt__inner{animation:bost-tilt-intro .52s cubic-bezier(.32,.72,0,1) both}@keyframes bost-tilt-intro-shadow{0%{filter:drop-shadow(16px 12px 26px rgba(6,10,16,.2))}to{filter:drop-shadow(0px 24px 34px rgba(6,10,16,.28))}}.bost-tilt.is-revealing .bost-tilt__image{animation:bost-tilt-intro-shadow .52s cubic-bezier(.32,.72,0,1) both}@media(prefers-reduced-motion:reduce){.bost-tilt__inner,.bost-tilt__image{transition:none}.bost-tilt.is-revealing .bost-tilt__inner{animation:none}.bost-tilt__glare{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/bost-tilt.css.map */