#app{margin:0 auto;text-align:center;width:100%}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;background-color:#222;background:white;color:#000;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--key-bg: lightblue;--key-bg-hover: rgb(80, 169, 228);--key-active: rgb(76, 130, 167);--f-key-bg: #f0f0f0f0;--f-key-fg: #333;--f-key-bg-hover: rgb(255, 255, 255);--f-key-active: rgb(179, 179, 179);--title-text-hover-color: navy;--print-bg: rgb(136, 202, 136);--print-hover: rgb(173, 231, 173);--print-active: rgb(112, 160, 112);--clear-bg: tomato;--clear-hover: rgb(255, 134, 112);--clear-active: rgb(209, 87, 65);--label-fg: #222;--label-border-color:rgba(0, 0, 0, .1)}html{width:100%}body{width:100%;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: dark){#display[data-v-705a67bf]{box-shadow:0 6px 4px #00000065 inset,0 -6px 20px #ffffff32 inset,0 0 50px #fff}}#pg1[data-v-705a67bf]{width:100%;gap:3rem;display:flex;flex-flow:column nowrap;align-items:center}#wall[data-v-705a67bf]{width:min(100%,1500px);margin:0 auto;display:flex;flex-flow:row wrap;justify-content:center;overflow:hidden;padding-bottom:5rem}#wall .label[data-v-705a67bf]{font-weight:600;padding:.2em 2em;margin:.6em;border:1px solid rgba(0,0,0,.1);width:fit-content;box-shadow:1px 3px 3px #00000019;height:fit-content;white-space:nowrap;background:white;color:#333;background:var(--label-bg);color:var(--label-fg);border-color:var(--label-border-color);transition-duration:.2s}#wall .label text[data-v-705a67bf]{-webkit-filter:grayscale(100%)}@media (max-width:700px){#wall .label[data-v-705a67bf]{font-size:.8rem}}#print[data-v-705a67bf]{margin:auto;transform:translateY(30px);width:fit-content;padding:.3em 1em;border-radius:5px;background:var(--print-bg);box-shadow:inset -2px 1px 3px #ffffff4d,inset 0 -2px 3px #00000073}#print[data-v-705a67bf]:hover{background:var(--print-hover)}#print[data-v-705a67bf]:active{background:var(--print-active)}#clear[data-v-705a67bf]{background:var(--clear-bg)}#clear[data-v-705a67bf]:hover{background:var(--clear-hover)}#clear[data-v-705a67bf]:active{background:var(--clear-active)}#wall .label[data-v-705a67bf]:hover{transform:scale(1.3)}.label_style[data-v-705a67bf]{border-top:1px solid black;border-bottom:1px solid black;border-color:var(--label-fg)}.special[data-v-705a67bf]{--style_char: "\2740" }.label_style[data-v-705a67bf]:after{content:var(--style_char)}.label_style[data-v-705a67bf]:before{content:var(--style_char)}h1[data-v-705a67bf]{font-style:italic}#outer:hover #controls[data-v-705a67bf]{transform:rotateX(20deg);box-shadow:0 30px 10px -5px #00000032}#outer:hover #display[data-v-705a67bf]{transform:rotateX(-30deg);box-shadow:6px 6px 5px #00000065 inset,0 -14px 20px #ffffff4c inset}h1[data-v-705a67bf]{transition-duration:.5s}#outer:hover h1[data-v-705a67bf]{transform:scale(1.2);color:var(--title-text-hover-color)}#outer[data-v-705a67bf]{border-radius:20px;gap:1em;display:flex;flex-flow:column;perspective:1000px;width:100%;max-width:500px}#controls[data-v-705a67bf]{padding:10px 10px 100px;border-radius:10px 10px 100px 100px;transition-duration:.3s;box-shadow:0 0 2px #00000065;background:var(--machine-bg);border:1px solid grey}#display[data-v-705a67bf]{padding:0 1em;background:olive;border-radius:4px;transition-duration:.3s;box-shadow:0 6px 4px #00000065 inset,0 -6px 20px #ffffff32 inset}#text_display[data-v-705a67bf]{padding:2em 0;width:100%;text-align:right;overflow:hidden;height:100%}.text[data-v-705a67bf]{text-align:left;min-width:100%;float:right;background:none;border:none;padding:0;margin:0;font-size:23.815px;color:#313109;font-family:monospace;letter-spacing:2px;text-shadow:1px 4px 2px rgba(0,0,0,.267);white-space:nowrap}.text[data-v-705a67bf]:focus{outline:none}.text[data-v-705a67bf]:after{content:"_";left:0;animation:flash-705a67bf .7s infinite}@keyframes flash-705a67bf{0%{opacity:1}50%{opacity:0}to{opacity:1}}circle[data-v-705a67bf]{fill:#333;stroke:#fff}#keys[data-v-705a67bf]{font-weight:600;padding:.3em;display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(5,1fr);gap:.6em}.keypad_button[data-v-705a67bf]{color:var(--key-fg);background:var(--key-bg);user-select:none;font-family:monospace;width:2ch;padding:.2em 2em;border-radius:5px;white-space:nowrap;box-shadow:inset -2px 1px 3px #ffffff4b,inset 0 -2px 3px #00000072}.keypad_button[data-v-705a67bf]:hover{background:var(--key-bg-hover)}.keypad_button[data-v-705a67bf]:active{background:var(--key-active)}.space_button[data-v-705a67bf]{user-select:none;grid-column:2;grid-column-end:5;border-radius:5px;transform:none!important;width:60%;margin-top:15px}.function_button[data-v-705a67bf]{user-select:none;background:var(--f-key-bg);color:var(--f-key-fg)}.function_button[data-v-705a67bf]:hover{background:var(--f-key-bg-hover)}.function_button[data-v-705a67bf]:active{background:var(--f-key-active)}#keys div[data-v-705a67bf]:nth-child(5n-4){border-radius:5px;transform:skewY(8deg)}#keys div[data-v-705a67bf]:nth-child(5n-3){border-radius:5px;transform:skewY(5deg) translateY(7px)}#keys div[data-v-705a67bf]:nth-child(5n-2){border-radius:5px;transform:skewY(0) translateY(10px)}#keys div[data-v-705a67bf]:nth-child(5n-1){border-radius:5px;transform:skewY(-5deg) translateY(7px)}#keys div[data-v-705a67bf]:nth-child(5n){border-radius:5px;transform:skewY(-5deg) translateY(0)}.logo[data-v-dcc270c0]{height:6em;padding:1.5em;will-change:filter}.logo[data-v-dcc270c0]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-dcc270c0]:hover{filter:drop-shadow(0 0 2em #42b883aa)}