.coin{--coin:96px;position:relative;flex:none;width:calc(var(--coin)*1.5);height:calc(var(--coin)*1.75);margin-left:auto;margin-right:auto;clip-path:inset(-50% -50% 0 -50%);pointer-events:none;-webkit-user-select:none;user-select:none}.coin[data-variant=loading]{width:var(--coin);height:calc(var(--coin)*1.25);clip-path:none}@media (min-width:1160px){.coin{--coin:120px}}.coin div{position:absolute}.coin svg{display:block;width:100%;height:100%;overflow:visible}.coin-x{left:calc(50% - var(--coin)*.5);top:0;width:var(--coin);height:var(--coin)}.coin-bob,.coin-hand>div,.coin-spin,.coin-y{top:0;left:0;width:100%;height:100%}.coin-spin{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.coin-spin>div{top:0;left:0;width:100%;height:100%}.coin-eur,.coin-usd{-webkit-backface-visibility:hidden;backface-visibility:hidden}.coin-eur{opacity:0}.coin-usd{transform:translateZ(calc(var(--coin)*.03125))}.coin-eur{transform:rotateY(180deg) translateZ(calc(var(--coin)*.03125))}.coin-rim:first-child{transform:translateZ(calc(var(--coin)*-.0208))}.coin-rim:nth-child(2){transform:translateZ(calc(var(--coin)*-.0104))}.coin-rim:nth-child(4){transform:translateZ(calc(var(--coin)*.0104))}.coin-rim:nth-child(5){transform:translateZ(calc(var(--coin)*.0208))}.coin-shadow{left:calc(50% - var(--coin)*.3);top:calc(var(--coin)*1.14);width:calc(var(--coin)*.6);height:calc(var(--coin)*.08)}.coin-hand{left:calc(50% - var(--coin)*.625);bottom:0;width:calc(var(--coin)*1.25);height:calc(var(--coin)*.875);opacity:0}.coin-thumb{transform-origin:38.3% 83.3%}.coin .cf{fill:var(--raise);stroke:var(--ink);stroke-width:1.5}.coin .ck{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-dasharray:1 3.555}.coin .cr{fill:none;stroke:var(--ink);stroke-width:1}.coin .cs{fill:var(--accent)}.coin .cm{fill:var(--canvas);stroke:var(--ink);stroke-width:.75}.coin .sh{fill:var(--ink);fill-opacity:.12}.coin .hl{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.coin .hf{fill:var(--paper)}.coin[data-variant=intro] .coin-hand{animation:coin-hand var(--coin-intro) both}.coin[data-variant=intro] .coin-thumb{animation:coin-thumb var(--coin-intro) both}.coin[data-variant=intro] .coin-x{animation:coin-x var(--coin-intro) linear both}.coin[data-variant=intro] .coin-y{animation:coin-y var(--coin-intro) both}.coin[data-variant=intro] .coin-spin{animation:coin-spin var(--coin-intro) var(--coin-e-spin) both}.coin[data-variant=intro] .coin-eur{animation:coin-spin-eur var(--coin-intro) linear both}.coin[data-variant=intro] .coin-bob{animation:coin-bob var(--coin-bob) var(--coin-e-float) var(--coin-rest) 2 alternate both}.coin[data-variant=intro] .coin-shadow{animation:coin-in .6s var(--e-enter) var(--coin-rest) both}.coin[data-variant=intro] .coin-shadow svg{animation:coin-shadow var(--coin-bob) var(--coin-e-float) var(--coin-rest) 2 alternate both}@keyframes coin-hand{0%{transform:translateY(100%);opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}20%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}25%{transform:translateY(3.5%);opacity:1;animation-timing-function:cubic-bezier(.23,1,.32,1)}30%{transform:translateY(-2%);opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}40%,70%{transform:none;opacity:1;animation-timing-function:cubic-bezier(.4,0,.2,1)}95%,to{transform:translateY(100%);opacity:0}}@keyframes coin-thumb{0%,20%{transform:none;animation-timing-function:cubic-bezier(.4,0,.2,1)}25%{transform:rotate(6deg);animation-timing-function:cubic-bezier(.23,1,.32,1)}29%,to{transform:rotate(-24deg)}}@keyframes coin-x{0%,25%{transform:translateX(18.75%)}75%,to{transform:none}}@keyframes coin-y{0%{transform:translateY(144.3%) scale(.34);animation-timing-function:cubic-bezier(.23,1,.32,1)}20%{transform:translateY(56.8%) scale(.34);animation-timing-function:cubic-bezier(.4,0,.2,1)}25%{transform:translateY(59.9%) scale(.34);animation-timing-function:cubic-bezier(.5,1,.89,1)}75%,to{transform:none}}@keyframes coin-spin{0%,25%{transform:rotateY(180deg)}75%,to{transform:rotateY(3turn)}}@keyframes coin-spin-eur{0%,26.712%,30.583%,35.318%,41.601%,52.001%{opacity:1}26.722%,30.573%,35.328%,41.591%,52.011%,to{opacity:0}}@keyframes coin-bob{to{transform:translateY(var(--coin-float))}}@keyframes coin-shadow{0%{transform:scaleX(.86);opacity:.7}to{transform:none;opacity:1}}@keyframes coin-in{0%{opacity:0}}.coin[data-variant=loading] .coin-spin{animation:coin-flip var(--coin-loop) var(--coin-e-flip) infinite both}.coin[data-variant=loading] .coin-eur{animation:coin-flip-eur var(--coin-loop) linear infinite both}.coin[data-variant=loading] .coin-shadow svg{animation:coin-flip-shadow var(--coin-loop) var(--coin-e-float) infinite both}@keyframes coin-flip{0%,31.25%{transform:rotateY(0deg)}50%,81.25%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes coin-flip-eur{0%,40.228%,90.238%,to{opacity:0}40.238%,90.228%{opacity:1}}@keyframes coin-flip-shadow{0%,31.25%,50%,81.25%,to{transform:none}40.625%,90.625%{transform:scaleX(.72)}}@media (prefers-reduced-motion:reduce){.coin *{animation:none!important}.coin-hand{display:none}}