.zs-3d-viewer{width:100%;max-width:320px;margin:1.5rem auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;perspective:800px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.zs-3d-viewer:active{cursor:grabbing}.zs-3d-gem{position:relative;width:160px;height:160px;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(0);animation:zs3dSpin 14s linear infinite}.zs-3d-viewer.is-dragging .zs-3d-gem{animation-play-state:paused}.zs-3d-gem__facet{position:absolute;top:0;left:47px;width:66px;height:160px;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 0 20px #ffffff40}.zs-3d-gem__facet:nth-child(1){transform:rotateY(0) translateZ(80px);background:linear-gradient(160deg,#fbf3e6,#d9b98a 35%,#b8875a 65%,#6e5230)}.zs-3d-gem__facet:nth-child(2){transform:rotateY(45deg) translateZ(80px);background:linear-gradient(160deg,#f5ded0,#d98a6a 35%,#a4522f 65%,#5c2413)}.zs-3d-gem__facet:nth-child(3){transform:rotateY(90deg) translateZ(80px);background:linear-gradient(160deg,#eef3f5,#a9c3cf 35%,#6e8ca0 65%,#3a4f5c)}.zs-3d-gem__facet:nth-child(4){transform:rotateY(135deg) translateZ(80px);background:linear-gradient(160deg,#faf0cf,#e3c66a 35%,#c9a227 65%,#6b5313)}.zs-3d-gem__facet:nth-child(5){transform:rotateY(180deg) translateZ(80px);background:linear-gradient(160deg,#eef2df,#b9c48a 35%,#6e7b3e 65%,#38401e)}.zs-3d-gem__facet:nth-child(6){transform:rotateY(225deg) translateZ(80px);background:linear-gradient(160deg,#fffaf0,#efe6d2 35%,#d8cba9 65%,#a99a75)}.zs-3d-gem__facet:nth-child(7){transform:rotateY(270deg) translateZ(80px);background:linear-gradient(160deg,#f2e6cf,#c9a361 35%,#8a6a34 65%,#4a3413)}.zs-3d-gem__facet:nth-child(8){transform:rotateY(315deg) translateZ(80px);background:linear-gradient(160deg,#f0dcd8,#b97569 35%,#7c3b30 65%,#3f1c17)}.zs-3d-viewer__hint{text-align:center;font-size:12px;letter-spacing:.04em;opacity:.65;margin-top:.25rem}@keyframes zs3dSpin{0%{transform:rotateX(-16deg) rotateY(0)}to{transform:rotateX(-16deg) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.zs-3d-gem{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mc-3d-viewer.css.map */