body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent;margin:0;padding:0}.container{margin:0 auto;padding:0 16px}.max-width{max-width:900px}textarea{background-color:#fff;border:none;border-radius:8px;box-shadow:4px 4px 10px rgba(0,0,0,.1);font-size:16px;height:50px;margin:0!important;padding:8px;resize:none;transition-duration:.3s;width:-webkit-fill-available}textarea:focus{outline:none}.key-code{background-color:#fff;border-radius:8px;box-shadow:2px 2px 4px rgba(0,0,0,.3);cursor:pointer;display:block;flex-grow:1;font-size:16px;font-weight:600;min-width:20px;overflow:hidden;padding:12px;text-align:center;text-transform:capitalize;transition-duration:.3s;-webkit-user-select:none;user-select:none;white-space:nowrap}.key-code:hover{box-shadow:2px 2px 6px rgba(0,0,0,.4);-webkit-filter:brightness(.95);filter:brightness(.95)}.key-code.key-active,.key-code:active{box-shadow:0 0 0 transparent;-webkit-filter:brightness(.9);filter:brightness(.9)}.key-code.key-set-1{background-color:#ff7474;width:50px}.key-code.key-set-2{background-color:#bfc;text-overflow:ellipsis;width:60px}.key-code.key-set-3{background-color:#9debff;text-overflow:ellipsis;width:80px}.key-code.key-set-4{background-color:#f8ff9a;width:100px}.key-code.key-set-5{background-color:#bc74ff;width:60px}.key-code.key-set-6{width:100%}@media (max-width:836px){.key-code{border-radius:6px;font-size:12px;min-width:15px;padding:6px}.key-code.key-set-1{width:40px}.key-code.key-set-2{width:50px}.key-code.key-set-3{width:60px}.key-code.key-set-4{width:80px}}@media (max-width:576px){.key-code{border-radius:4px;font-size:8px;min-width:auto;padding:6px}.key-code.key-set-1{width:30px}.key-code.key-set-2{width:35px}.key-code.key-set-3{width:40px}.key-code.key-set-4{width:50px}.key-code.key-set-5{min-width:15px}}.keyboard-wrapper{height:100vh;width:-webkit-fill-available}.keyboard,.keyboard-wrapper{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.keyboard{background-color:#fff;border-radius:8px;box-shadow:4px 4px 10px rgba(0,0,0,.1);padding:8px;width:100%}.keyboard-row{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center;width:inherit}@media (max-width:836px){.keyboard{gap:10px}.keyboard-row{gap:8px}}@media (max-width:576px){.keyboard,.keyboard-row{gap:6px}}
/*# sourceMappingURL=main.f5adfb99.css.map*/