:root{--shadow-color: 286deg 20% 43%;--shadow-elevation-low: .3px .5px .7px hsl(var(--shadow-color) / .34), .4px .8px 1px -1.2px hsl(var(--shadow-color) / .34), 1px 2px 2.5px -2.5px hsl(var(--shadow-color) / .34);--shadow-elevation-medium: .3px .5px .7px hsl(var(--shadow-color) / .36), .8px 1.6px 2px -.8px hsl(var(--shadow-color) / .36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / .36), 5px 10px 12.6px -2.5px hsl(var(--shadow-color) / .36);--shadow-elevation-high: .3px .5px .7px hsl(var(--shadow-color) / .34), 1.5px 2.9px 3.7px -.4px hsl(var(--shadow-color) / .34), 2.7px 5.4px 6.8px -.7px hsl(var(--shadow-color) / .34), 4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / .34), 7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / .34), 11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / .34), 17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / .34), 25px 50px 62.9px -2.5px hsl(var(--shadow-color) / .34)}body{padding:0}html,body,#app{height:100%}.wrapper{height:100%;display:flex;flex-direction:column}main{flex:1;display:grid;place-content:center}footer{display:flex;justify-content:center;gap:8px;padding:16px;font-size:1.25rem;font-weight:400}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.coin{display:block;background:transparent;border:none;width:200px;cursor:pointer;transition:transform .5s;will-change:transform}.coin:hover{transform:scale(1.05);transition:transform .2s}.coin:active{transform:scale(.95);transition:transform 0ms}.coin-image{display:block;width:100%;-webkit-user-select:none;user-select:none}