.mervaux-motion__card-face{position:relative}.mervaux-motion__card-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at var(--postcard-light-x, 50%) var(--postcard-light-y, 50%),rgb(255 255 255 / .7),rgb(255 255 255 / .16) 32%,transparent 68%);opacity:0;mix-blend-mode:screen;transition:opacity .26s ease}.mervaux-motion__card-face{transition:box-shadow .26s ease}.mervaux-motion__postcard img{-webkit-user-drag:none}@media(min-width:750px)and (hover:hover)and (pointer:fine){.mervaux-motion .mervaux-motion__postcard{--postcard-slide: 0px;--postcard-turn: 0deg;--postcard-lift: 0px;--postcard-scale: 1;transform:perspective(1800px) translate3d(calc(var(--postcard-x, 0px) + var(--postcard-slide)),calc(var(--postcard-y, 0px) + var(--postcard-lift)),0) rotateX(var(--postcard-rotate-x, 0deg)) rotateY(var(--postcard-rotate-y, 0deg)) rotate(var(--postcard-turn)) scale(var(--postcard-scale));transition:transform .24s cubic-bezier(.2,.65,.22,1);user-select:none;-webkit-user-select:none}.mervaux-motion__postcard :is(.mervaux-motion__flip-front,.mervaux-motion__letter){cursor:grab}.mervaux-motion .mervaux-motion__postcard.is-dragging{transition:none}.mervaux-motion__postcard.is-dragging :is(.mervaux-motion__flip-front,.mervaux-motion__letter){cursor:grabbing}.mervaux-motion__postcard.is-moving-next{--postcard-slide: -10px;--postcard-turn: -.55deg}.mervaux-motion__postcard.is-moving-prev{--postcard-slide: 10px;--postcard-turn: .55deg}}@media(min-width:750px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.mervaux-motion .mervaux-motion__postcard:is(:hover,:focus-within):not(.is-dragging){--postcard-lift: -7px;--postcard-scale: 1.012}.mervaux-motion__postcard:is(:hover,:focus-within) .mervaux-motion__card-face{box-shadow:0 22px 48px #28261e21,0 5px 14px #28261e0d}.mervaux-motion__postcard:is(:hover,:focus-within) .mervaux-motion__card-face:after{opacity:.3}.mervaux-motion__postcard.is-dragging .mervaux-motion__card-face:after{opacity:.16}}@media(prefers-reduced-motion:reduce){.mervaux-motion .mervaux-motion__postcard{--postcard-slide: 0px;--postcard-turn: 0deg;--postcard-lift: 0px;--postcard-scale: 1;transition:none}.mervaux-motion__card-face{transition:none}.mervaux-motion__card-face:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/92/assets/mervaux-postcard-motion.css.map */
