body{background-color:#f3f3f3;margin:0;height:100vh;width:100vw;font-family:OldschoolGrotesk,sans-serif;overflow:hidden}@font-face{font-family:OldschoolGrotesk;src:url(/fonts/WOFF2/OldschoolGroteskCompressed_W-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:OldschoolGrotesk;src:url(/fonts/WOFF2/OldschoolGrotesk_W-Medium.woff2) format("woff2");font-style:normal}@font-face{font-family:OldschoolGrotesk;src:url(/fonts/WOFF2/OldschoolGrotesk_W-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:OldschoolGrotesk;src:url(/fonts/WOFF2/OldschoolGrotesk_W-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:OldschoolGrotesk;src:url(/fonts/WOFF2/OldschoolGrotesk_W-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal}.keyboard-container{display:flex;justify-content:center}.keyboard-wrapper{grid-template-rows:repeat(4,minmax(0,1fr))}.grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.375rem}.numpad-grid{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));grid-template-rows:repeat(4,1fr);gap:2px}.keyboard{display:grid;gap:3px;margin:0 auto;max-width:688px}.row{display:grid;place-self:center;gap:1.5px}#root{height:100%;margin:0;padding:0;display:flex;justify-content:center}.loader{width:50px;aspect-ratio:1;display:grid;border-radius:50%;background:linear-gradient(0deg,#0000007f 30%,#0000 0 70%,#e3e2e2 0) 50%/8% 100%,linear-gradient(90deg,#8a898940 30%,#0000 0 70%,#000000bf 0) 50%/100% 8%;background-repeat:no-repeat;animation:l23 1s infinite steps(12)}.loader:before,.loader:after{content:"";grid-area:1/1;border-radius:50%;background:inherit;opacity:.915;transform:rotate(30deg)}.loader:after{opacity:.83;transform:rotate(60deg)}@keyframes l23{to{transform:rotate(1turn)}}