.mpx-flip--spin{--w:min(360px,80vw);--d:calc(var(--w)*var(--disc,86)/100);--th:calc(var(--d)*.0372*var(--thf,100)/100);position:relative;cursor:default}.mpx-flip--spin.mpx-flip--tall{--w:min(440px,86vw);width:var(--w)}.mpx-flip--spin .mpx-flip__in{transition:none;animation:mpxSpin var(--spin,12s) linear infinite}.mpx-flip--spin.is-off .mpx-flip__in,.mpx-flip--spin.is-off:after,.mpx-flip--spin.is-off .mpx-flip__shine{animation-play-state:paused}@keyframes mpxSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.mpx-flip--spin .mpx-flip__face{transform:translateZ(calc(var(--th)/2));overflow:visible;border-radius:0}.mpx-flip--spin .mpx-flip__face--back{transform:rotateY(180deg) translateZ(calc(var(--th)/2))}.mpx-flip--spin .mpx-flip__face img{object-fit:contain;filter:none}.mpx-flip--spin .mpx-med--cut img{filter:none}.mpx-flip__lugs{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none}.mpx-flip__lug{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:flat;backface-visibility:visible;-webkit-backface-visibility:visible;transform:translateZ(calc(var(--th) * (var(--z) / (var(--n,17) + 1) - .5)))}.mpx-flip__lug img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;filter:brightness(.8) saturate(1.1);-webkit-mask:radial-gradient(circle calc(var(--d) / 2 - 1px) at 50% var(--cy,50%),transparent 100%,#000 100%);mask:radial-gradient(circle calc(var(--d) / 2 - 1px) at 50% var(--cy,50%),transparent 100%,#000 100%)}.mpx-flip__lugs--top .mpx-flip__lug{bottom:auto;height:calc(var(--w) * var(--cyn,50) / 100 - var(--d) / 2 + var(--d) * .12);overflow:hidden}.mpx-flip__lugs--top .mpx-flip__lug img{width:var(--w);height:var(--w)}.mpx-flip__lugs--side .mpx-flip__lug{bottom:auto;top:calc(var(--w) * var(--cyn,50) / 100 - var(--d) * .2);height:calc(var(--d) * .4);overflow:hidden}.mpx-flip__lugs--side .mpx-flip__lug img{top:calc(var(--d) * .2 - var(--w) * var(--cyn,50) / 100);width:var(--w);height:var(--w)}.mpx-flip__rim{position:absolute;left:50%;top:calc(var(--cy,50%) + .4%);width:0;height:0;transform-style:preserve-3d;pointer-events:none}.mpx-flip__rim i{--l: calc(55% + 13%*cos(var(--k) * 7.5deg)) ;position:absolute;display:block;width:calc(var(--d)*3.1416/48 + 1.5px);height:var(--th);margin-left:calc((var(--d)*3.1416/48 + 1.5px)/-2);margin-top:calc(var(--th)/-2);background:#cda352;background:linear-gradient(hsl(40 42% calc(var(--l) - 20%)),hsl(41 50% calc(var(--l) - 4%)) 22%,hsl(43 62% calc(var(--l) + 14%)),hsl(41 50% calc(var(--l) - 4%)) 78%,hsl(40 42% calc(var(--l) - 20%)));transform:rotate(calc(var(--k) * 7.5deg)) translateY(calc(var(--d)/-2 + .5px)) rotateX(90deg);backface-visibility:visible}.mpx-flip--spin:after{content:"";position:absolute;left:22%;right:22%;bottom:-5%;height:7%;border-radius:50%;background:radial-gradient(closest-side,#50370a47,#50370a00);animation:mpxShadow var(--spin,12s) linear infinite;pointer-events:none}@keyframes mpxShadow{0%,50%,to{transform:scaleX(1)}25%,75%{transform:scaleX(.35)}}.mpx-flip__shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,#fff0 38%,#fffaeb8c,#fff0 62%) no-repeat;background-size:300% 100%;-webkit-mask:var(--mask) center/contain no-repeat;mask:var(--mask) center/contain no-repeat;mix-blend-mode:screen;animation:mpxShineF var(--spin,12s) linear infinite}.mpx-flip__shine--back{animation-name:mpxShineB}@keyframes mpxShineF{0%{background-position:50% 0}25%{background-position:0 0}75%{background-position:100% 0}to{background-position:50% 0}}@keyframes mpxShineB{0%,25%{background-position:100% 0}50%{background-position:50% 0}75%,to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.mpx-flip--spin{cursor:pointer}.mpx-flip--spin .mpx-flip__in{animation:none;transition:transform .8s}.mpx-flip--spin:after,.mpx-flip__shine{animation:none}.mpx-flip--spin.is-back .mpx-flip__in{transform:rotateY(180deg)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/mp-flip-spin.css.map */