#angle,#speed{--button-size:5rem}#speed{height:calc(var(--button-size) * 2 + .5rem);width:calc(var(--button-size) + .5rem)}#angle{height:calc(var(--button-size) + .5rem);width:calc(var(--button-size) * 2 + .5rem)}#angle>button,#speed>button{width:var(--button-size);height:var(--button-size);display:flex;align-items:center;justify-content:center;cursor:pointer}#angle>button.down,#speed>button.down,#a.down,#start.down{background-color:#355d68;color:#ec9a6d}button.down>.arrow{border:solid #ec9a6d}.arrow{border:solid #ffc27a;border-width:0 3px 3px 0;display:inline-block;padding:3px}.arrow.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.arrow.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}#controls.svelte-5kyev4>button.svelte-5kyev4{transition:transform .2s}#controls.svelte-5kyev4>button.svelte-5kyev4:hover{transform:scale(1.1)}.btn.svelte-5kyev4.svelte-5kyev4{margin:.5rem;border-radius:.25rem;background-color:#6aaf9d80;fill:#ffc27abf;padding:.5rem}.btn.svelte-5kyev4.svelte-5kyev4:hover{margin:.5rem;border-radius:.25rem;background-color:#6aaf9d80;fill:#ec9a6dbf;padding:.5rem}