.coin3d{height:96px;perspective:1200px;-webkit-perspective:1200px;width:96px}.coin,.coin3d{transform-style:preserve-3d}.coin{height:100%;position:relative;transform-origin:center center;-webkit-transform-style:preserve-3d;width:100%}.face{align-items:center;backface-visibility:hidden;background-color:#e8c77a;border:1px solid hsla(0,0%,100%,.2);border-radius:50%;box-shadow:inset 0 0 15px #0000004d;display:flex;inset:0;justify-content:center;position:absolute}.sunFace{background:radial-gradient(circle at 30% 30%,#fff9,#fff0 45%),linear-gradient(135deg,#e8c77a,#c48d45);transform:rotateY(0) translateZ(1px)}.moonFace{background:radial-gradient(circle at 30% 30%,#ffffffb3,#fff0 48%),linear-gradient(135deg,#edeaf7,#9cb0ff);transform:rotateY(180deg) translateZ(1px)}.coinShadow{background:#0006;border-radius:50%;filter:blur(8px);height:12px;margin:15px auto 0;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s;width:60px}.shadowOn{opacity:.6;transform:scale(1)}