.ce-3d-host{display:inline-block;vertical-align:middle;line-height:0}.ce-3d{position:relative;display:inline-block;vertical-align:middle;line-height:0;transform-origin:50% 50%;will-change:transform}.ce-3d img{position:relative;display:block;transition:filter .6s ease}.ce-3d.is-ready:not(.ce-3d--flat) img{filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 5px 9px rgba(0,0,0,.45))}.ce-intro .ce-3d.is-ready:not(.ce-3d--flat) img{filter:drop-shadow(0 -1px 0 rgba(255,255,255,.6)) drop-shadow(0 1px 0 #dfe2e6) drop-shadow(0 1px 0 #b3b7be) drop-shadow(0 1px 0 #8a8e95) drop-shadow(0 1px 0 #63666c) drop-shadow(0 1px 0 #3f4145) drop-shadow(0 8px 10px rgba(0,0,0,.7))}.ce-3d--plate img{border-radius:14%}.ce-3d__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .5s;-webkit-mask:var(--ce-mask) center/contain no-repeat;mask:var(--ce-mask) center/contain no-repeat}.ce-3d--plate .ce-3d__shine{border-radius:14%}.ce-3d--flat .ce-3d__shine{-webkit-mask:none;mask:none;mix-blend-mode:overlay}.ce-3d.is-ready .ce-3d__shine{opacity:1}.ce-3d__shine:before{content:"";position:absolute;top:-25%;bottom:-25%;left:0;width:100%;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.35) 44%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.35) 56%,transparent 66%);transform:translate(135%);animation:ce-3d-sweep 5.4s cubic-bezier(.42,0,.3,1) infinite}.ce-3d__shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}.ce-intro .ce-3d__shine:after{background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 42%,transparent 70%,rgba(0,0,0,.18))}@keyframes ce-3d-sweep{0%{transform:translate(135%)}36%,to{transform:translate(-135%)}}.ce-3d.is-ready{animation:ce-3d-sway 8s ease-in-out infinite}@keyframes ce-3d-sway{0%,to{transform:perspective(700px) rotateY(-5deg) rotateX(2deg)}50%{transform:perspective(700px) rotateY(5deg) rotateX(-2deg)}}.ce-3d.is-tilt{animation:none;transition:transform .25s ease-out;transform:perspective(560px) rotateY(var(--ce-ry,0deg)) rotateX(var(--ce-rx,0deg)) scale(1.04)}@media(prefers-reduced-motion:reduce){.ce-3d,.ce-3d.is-ready,.ce-3d__shine:before{animation:none!important}.ce-3d__shine:before{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ce-logo3d.css.map */