key.svelte-1hoq02m{width:40px;height:160px;background:#fff;border:1px solid #ccc;z-index:1;-webkit-user-select:none;user-select:none;color:#888}key.black.svelte-1hoq02m{width:25px;height:100px;background:#000;z-index:2}key.svelte-1hoq02m:hover{cursor:pointer}keyboard.svelte-o7e9cb{display:flex;position:relative;-webkit-user-select:none;user-select:none}:root{--accent-color: CornflowerBlue;--gray: #ccc}.group-container.svelte-1ozg4z4{border-radius:2px;display:flex;flex-direction:row}.legend.svelte-1ozg4z4{font-weight:700}label.svelte-1ozg4z4{-webkit-user-select:none;user-select:none;line-height:1.2em}.sr-only.svelte-1ozg4z4{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}input[type=radio].svelte-1ozg4z4{position:absolute}input[type=radio].svelte-1ozg4z4+label:where(.svelte-1ozg4z4){display:block;position:relative;text-align:left}input[type=radio].svelte-1ozg4z4+label:where(.svelte-1ozg4z4):before{content:"";position:relative;display:inline-block;margin-right:.5em;width:1em;height:1em;background:transparent;border:1px solid var(--gray, #ccc);border-radius:50%;top:.2em}input[type=radio].svelte-1ozg4z4:checked+label:where(.svelte-1ozg4z4):before{border:1px solid var(--gray, #ccc);border-radius:50%}input[type=radio].svelte-1ozg4z4+label:where(.svelte-1ozg4z4):after{content:"";position:absolute;display:inline-block;width:.5em;height:.5em;top:.45em;left:.25em;background:var(--accent-color, #282828);border:1px solid var(--accent-color, #282828);border-radius:50%;transform:scale(0)}input[type=radio].svelte-1ozg4z4:checked+label:where(.svelte-1ozg4z4):after{opacity:1;transform:scale(1)}input[type=radio].svelte-1ozg4z4:focus+label:where(.svelte-1ozg4z4):before{box-shadow:0 0 0 1px var(--accent-color, #282828);border-radius:50%}input[type=radio].svelte-1ozg4z4:disabled+label:where(.svelte-1ozg4z4){color:var(--gray, #ccc)}input[type=radio].svelte-1ozg4z4:disabled+label:where(.svelte-1ozg4z4):before{background:var(--gray, #ccc)}input[type=radio].svelte-1ozg4z4+label:where(.svelte-1ozg4z4):before{transition:background .3s ease-out}input[type=radio].svelte-1ozg4z4:checked+label:where(.svelte-1ozg4z4):before{transition:background .3s ease-in}input[type=radio].svelte-1ozg4z4+label:where(.svelte-1ozg4z4):after{transition:transform .2s ease-out}input[type=radio].svelte-1ozg4z4:checked+label:where(.svelte-1ozg4z4):after{transition:transform .2s ease-in}input[type=radio].svelte-1ozg4z4:focus+label:where(.svelte-1ozg4z4):before{box-shadow:0 0 8px var(--accent-color, #282828);border-radius:50%}html,body{margin:0;padding:0;width:100%;height:100%}main.svelte-lf3f7{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background-color:#f0f0f0}