.coin{perspective:160cqw;pointer-events:none;position:absolute;inset:17%;container-type:size}.coin__turn,.coin__body{transform-style:preserve-3d;position:absolute;inset:0}@supports (animation-timeline:scroll()){.coin__turn{animation:linear both coin-turn;animation-timeline:scroll(root);animation-range:0 100vh}}@keyframes coin-turn{to{transform:rotateY(180deg)}}.coin__body{animation:7s ease-in-out infinite alternate coin-sway,9s ease-in-out infinite alternate coin-tilt,3.5s ease-in-out infinite alternate coin-float}@keyframes coin-sway{0%{rotate:y -20deg}to{rotate:y 20deg}}@keyframes coin-tilt{0%{transform:rotateX(4.5deg)}to{transform:rotateX(-4.5deg)}}@keyframes coin-float{0%{translate:0 1.6%}to{translate:0 -1.6%}}.coin__face{backface-visibility:hidden;background:#111;border-radius:50%;position:absolute;inset:0}.coin__face--front{transform:translateZ(4cqw)}.coin__face--back{transform:rotateY(180deg)translateZ(4cqw)}.coin__logo{-webkit-user-select:none;user-select:none;filter:brightness(.86);border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.coin__face:before{content:"";z-index:1;mix-blend-mode:soft-light;background:radial-gradient(circle at 28% 22%,#ffc27a6b,#0000 58%),radial-gradient(circle at 78% 82%,#8aa0b84d,#0000 52%);border-radius:50%;position:absolute;inset:0}.coin__face:after{content:"";z-index:2;background:conic-gradient(from 210deg,#17191b,#5d646b 12%,#222528 26%,#8d959c 40%,#26292c 55%,#4f565c 70%,#1a1c1e 85%,#17191b);border-radius:50%;position:absolute;inset:-4.2%;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 4.4cqw),#000 calc(100% - 4.1cqw));mask:radial-gradient(closest-side,#0000 calc(100% - 4.4cqw),#000 calc(100% - 4.1cqw))}.coin__edge{transform:translateZ(calc(var(--z) * 1.15cqw));background:linear-gradient(90deg,#15171a,#4a5056 35%,#24272a 60%,#111315);border-radius:50%;position:absolute;inset:-4%}@media (prefers-reduced-motion:reduce){.coin__turn,.coin__body{animation:none}}