.key.svelte-1c44x7a.svelte-1c44x7a{position:relative;border:2px solid black;border-radius:.5rem;transition:all .07s ease;display:block;box-sizing:border-box;z-index:2;cursor:pointer;box-shadow:0 0 10px #00000080}.key.svelte-1c44x7a.svelte-1c44x7a:not(.sharp){float:left;width:10%;height:100%;background:#fff}.key.svelte-1c44x7a.svelte-1c44x7a:not(.sharp):hover{background-image:linear-gradient(#fff,#eee)}.key.svelte-1c44x7a.svelte-1c44x7a:not(.sharp).keydown{background-image:linear-gradient(#fff,#ccc)}.key.svelte-1c44x7a.svelte-1c44x7a.sharp{position:absolute;width:6%;height:60%;background:#000;color:#eee;top:0;z-index:3}.key.svelte-1c44x7a.svelte-1c44x7a.sharp:hover{background-image:linear-gradient(#000,#222)}.key.svelte-1c44x7a.svelte-1c44x7a.sharp.keydown{background-image:linear-gradient(#000,#444)}.hint.svelte-1c44x7a.svelte-1c44x7a{width:100%;position:absolute;bottom:7px;transition:opacity .3s ease-out;font-size:20px;text-align:center;-webkit-user-select:none;user-select:none}.hover.svelte-1c44x7a.svelte-1c44x7a{display:none}.key.svelte-1c44x7a:hover .hover.svelte-1c44x7a{display:inline-block}.keys.svelte-s3zkce{width:100%;height:350px;position:relative}.container.svelte-s3zkce{max-width:880px;margin:auto}