:root{--coin-size: 60px;--fall-duration: 5s;--spin-duration: 2.5s}html,body{overflow-x:hidden;overflow-y:auto}.coin-wrapper{position:fixed;top:-100px;left:0;width:100%;height:100%;pointer-events:none;animation:fall var(--fall-duration) linear infinite;z-index:1000}.coin-3d{width:var(--coin-size);height:var(--coin-size);transform-style:preserve-3d;animation:spin var(--spin-duration) linear infinite}.face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}.face img{width:100%;height:100%;object-fit:contain}.back{transform:rotateY(180deg)}@keyframes fall{0%{transform:translateY(-150px)}to{transform:translateY(110vh)}}@keyframes spin{0%{transform:rotateY(0) rotateX(0) rotate(10deg)}20%{transform:rotateY(360deg) rotateX(8deg) rotate(15deg)}40%{transform:rotateY(720deg) rotateX(-6deg) rotate(5deg)}60%{transform:rotateY(1080deg) rotateX(10deg) rotate(-10deg)}80%{transform:rotateY(1440deg) rotateX(-8deg) rotate(0)}to{transform:rotateY(1800deg) rotateX(0) rotate(10deg)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/coinstyle.css.map */