#keyboard.svelte-1wryo60{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);grid-template-areas:var(--grid-template-area);gap:var(--keyboard-gap);padding:calc(var(--keyboard-gap) * 2);touch-action:none;box-sizing:border-box;width:100%;max-width:800px}#keyboard.svelte-1wryo60 .symbol:where(.svelte-1wryo60){background-color:#777;padding:2em 0;border:none;border-radius:1svw;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;font-family:inherit;font-weight:700;font-size:2.5svw}@media screen and (min-width: 800px){#keyboard.svelte-1wryo60 .symbol:where(.svelte-1wryo60){font-size:15pt}}#keyboard.svelte-1wryo60 #backspace:where(.svelte-1wryo60){font-family:Material Symbols Outlined;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48}#keyboard.svelte-1wryo60 .gray:where(.svelte-1wryo60){background-color:#1a1a1a80}#keyboard.svelte-1wryo60 .yellow:where(.svelte-1wryo60){background-color:#fff20080}#keyboard.svelte-1wryo60 .green:where(.svelte-1wryo60){background-color:#0f26}#container.svelte-1a7snjn{width:100%;height:100%;container-type:size;display:flex;align-items:center;justify-content:center}#container.svelte-1a7snjn #aspect-ratio:where(.svelte-1a7snjn){width:min(100cqw,calc(100cqh * var(--width) / var(--height)));height:min(100cqh,calc(100cqw * var(--height) / var(--width)));display:flex;align-items:center;justify-content:center;box-sizing:border-box}#grid.svelte-5fajmt{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:1svw;place-items:center;width:100%;height:100%;padding:20px;box-sizing:border-box;-webkit-user-select:none;user-select:none}#grid.svelte-5fajmt .box:where(.svelte-5fajmt){display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1/1;border:.1em solid #444;box-sizing:border-box;color:#fff;font-family:inherit;font-weight:700;font-size:15pt}@media screen and (min-width: 800px){#grid.svelte-5fajmt .box:where(.svelte-5fajmt){font-size:20pt}}@media screen and (max-width: 250px){#grid.svelte-5fajmt .box:where(.svelte-5fajmt){font-size:8pt}}#grid.svelte-5fajmt .gray:where(.svelte-5fajmt){background-color:#1a1a1a80}#grid.svelte-5fajmt .yellow:where(.svelte-5fajmt){background-color:#fff20080}#grid.svelte-5fajmt .green:where(.svelte-5fajmt){background-color:#0f26}div.svelte-dqf5sn{height:100dvh;max-height:100dvh;display:flex;flex-flow:column;align-items:center;justify-content:space-between;background:linear-gradient(123deg,#213d36,#131313 35%,#222d40)}div.svelte-dqf5sn span:where(.svelte-dqf5sn){color:#fff;font-weight:300;-webkit-user-select:none;user-select:none}