.upc{position:relative;isolation:isolate;border-radius:6px;background:#fff}.upc__media{position:relative;background:#fff;overflow:hidden;border-radius:6px 6px 0 0}.upc__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;backface-visibility:hidden;transform-origin:center center}.upc__img--secondary{position:absolute!important;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(.94);pointer-events:none}.upc__body{padding:10px 10px 0;background:#fff}.upc__actions{padding:10px;background:#fff;border-radius:0 0 6px 6px}.upc__title{font-weight:650;letter-spacing:-.006em}.upc__now{font-size:1.1rem;font-weight:850;letter-spacing:-.025em}.upc__add,.upc__save{border-radius:5px}@media(min-width:750px){.upc{--up-rx:0deg;--up-ry:0deg;--up-mx:50%;--up-my:50%;overflow:visible!important;transform-style:preserve-3d;transform:perspective(950px) rotateX(0) rotateY(0) translateY(0) scale(1);transform-origin:center center;will-change:transform;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.upc:hover{z-index:5;transform:perspective(950px) rotateX(3deg) rotateY(-4deg) translateY(-7px) scale(1.018)!important;border-color:rgb(var(--color-foreground-rgb)/.32);box-shadow:0 20px 38px #1118272e,0 5px 12px #1118271a!important}.upc.is-3d-hover{z-index:6;transform:perspective(820px) rotateX(var(--up-rx)) rotateY(var(--up-ry)) translateY(-8px) scale(1.022)!important;border-color:rgb(var(--color-foreground-rgb)/.34);box-shadow:0 24px 44px #11182733,0 6px 14px #1118271c!important}.upc__media,.upc__body,.upc__actions{transform-style:preserve-3d;transition:transform .18s ease}.upc__media img{transition:transform .22s ease,opacity .22s ease,filter .22s ease}.upc:hover .upc__media{transform:translateZ(22px)}.upc:hover .upc__body{transform:translateZ(12px)}.upc:hover .upc__actions{transform:translateZ(15px)}.upc:hover .upc__img--primary{transform:translateZ(18px) scale(1.075);filter:drop-shadow(0 12px 10px rgba(0,0,0,.13))}.upc:has(.upc__img--secondary):hover .upc__img--primary{opacity:0;transform:translateZ(12px) scale(1.04)}.upc:has(.upc__img--secondary):hover .upc__img--secondary{opacity:1;transform:translateZ(24px) scale(1.085);filter:drop-shadow(0 12px 10px rgba(0,0,0,.14))}.upc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:0;border-radius:inherit;background:radial-gradient(circle at var(--up-mx) var(--up-my),rgba(255,255,255,.48) 0,rgba(255,255,255,.17) 22%,rgba(255,255,255,0) 52%);transition:opacity .15s ease}.upc:hover:after,.upc.is-3d-hover:after{opacity:1}}@media(prefers-reduced-motion:reduce){.upc,.upc:hover,.upc.is-3d-hover,.upc__media,.upc__body,.upc__actions,.upc__media img{transform:none!important;transition:none!important}.upc:after{display:none!important}}@media(max-width:749px){.upc{overflow:hidden;border-radius:5px}.upc__body{padding:9px 9px 0}.upc__actions{padding:9px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/uptreand-3d-hover.css.map */