.g-coin{--coin:24px;--step:calc(var(--coin) * .011);width:var(--coin);height:var(--coin);vertical-align:middle;perspective:calc(var(--coin) * 5);pointer-events:none;-webkit-user-select:none;user-select:none;flex:none;display:inline-block;position:relative}.g-coin-turn,.g-coin-spin{transform-style:preserve-3d;position:absolute;inset:0}.g-coin-face{backface-visibility:hidden;width:100%;max-width:none;height:100%;transform:translateZ(calc(var(--step) * 4));-webkit-user-drag:none;-webkit-touch-callout:none;display:block;position:absolute;inset:0}.g-coin-face.is-back{transform:rotateY(180deg) translateZ(calc(var(--step) * 4))}.g-coin-edge{box-shadow:inset 0 0 0 calc(var(--coin) * .035) #371710;transform:translateZ(calc((var(--i) - 3.5) * var(--step)));background:#c98a22;border-radius:50%;position:absolute;inset:8.6%}.g-coin-edge:nth-child(odd){background:#e0a024}.g-coin-shine{position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/token/giraff-token-coin-128.png) 50%/100% 100% no-repeat;mask:url(/token/giraff-token-coin-128.png) 50%/100% 100% no-repeat}.g-coin-shine:before{content:"";background:linear-gradient(90deg,#fff0,#ffffffbf,#fff0);width:38%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)skew(-18deg)}@media (prefers-reduced-motion:no-preference){:is(button,a,[role=button]):is(:hover,:focus-visible) .g-coin-turn{animation:.9s cubic-bezier(.3,.6,.25,1) g-coin-turn}.g-coin-spin.is-pop{animation:1.1s cubic-bezier(.3,.6,.25,1) g-coin-turn}.g-coin.is-idle .g-coin-spin{animation:10s cubic-bezier(.45,.05,.3,1) infinite g-coin-idle}.g-coin.is-idle .g-coin-spin.is-pop{animation:1.1s cubic-bezier(.3,.6,.25,1) g-coin-turn,10s cubic-bezier(.45,.05,.3,1) 1.1s infinite g-coin-idle}.g-coin.is-idle .g-coin-shine:before{animation:10s ease-in-out 1.2s infinite g-coin-shine}:is(button,a,[role=button]):is(:hover,:focus-visible) svg.g-token{animation:.8s cubic-bezier(.3,.6,.25,1) g-token-turn}[data-motion=calm] .g-coin.is-idle .g-coin-spin,[data-motion=calm] .g-coin.is-idle .g-coin-shine:before{animation:none}[data-motion=calm] .g-coin.is-idle .g-coin-spin.is-pop{animation:1.1s cubic-bezier(.3,.6,.25,1) g-coin-turn}[data-motion=off] :is(.g-coin-turn,.g-coin-spin,svg.g-token){animation:none!important}}.g-medal.g-medal:has(>.g-coin){box-shadow:none;background:0 0;border-color:#0000}.g-wallet.is-giraff>.g-medal>.g-coin{--coin:66px}.g-giraff-pill>.g-medal>.g-coin{--coin:44px}.g-purse>.g-coin{--coin:40px;margin:-4px 0}.g-figure-top>.g-coin{--coin:36px;margin:-6px 0}@media (max-width:819px){.g-purse>.g-coin{--coin:36px}}@media (max-width:639px){.g-wallet.is-giraff>.g-medal>.g-coin{--coin:57px}}@keyframes g-coin-turn{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes g-coin-idle{0%,85%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes g-coin-shine{0%,2%{transform:translate(-120%)skew(-18deg)}14%,to{transform:translate(330%)skew(-18deg)}}@keyframes g-token-turn{0%{transform:perspective(8em)rotateY(0)}to{transform:perspective(8em)rotateY(360deg)}}
/*# sourceMappingURL=110sjuahw4om8.css.map*/