body{margin:0;display:flex;place-items:center;min-height:100vh;max-height:100vh}h1{font-size:3.2rem;line-height:1.1}button{border-radius:.5rem;margin:.5rem;border:.1rem solid transparent;padding:.6em 1.2em;font-size:1.25rem;font-weight:500;font-family:inherit;color:#cdd6f4;background-color:#45475a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#94e2d5}button:focus,button:focus-visible{outline:.25rem auto -webkit-focus-ring-color}.PWABadge-container{padding:0;margin:0;width:0;height:0}.PWABadge-toast{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border-radius:4px;z-index:1;text-align:left;background-color:#585b70}.PWABadge-toast-message{margin-bottom:8px}.PWABadge-toast-button{outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}html,body{margin:0;padding:0;width:100vw;height:100dvh;overflow:hidden;background-color:#1e1e2e;color:#cdd6f4;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;text-align:center;width:100%;height:100%}.container{width:100%;height:100%;padding:1rem;box-sizing:border-box;max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;align-content:center}.parent{width:100%;flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem}.line{width:100%;height:.1rem;min-height:.1rem;background-color:#585b70}.morseContainer{width:100%;flex:1;max-height:45vh;font-size:1.5em;align-content:center;margin:1rem 0;display:flex;flex-direction:column;justify-content:space-evenly;border-radius:1rem;border:.1rem solid #585b70;background-color:#313244;overflow:hidden}.morseCode,.sentence{flex:1;padding:1rem;overflow-y:auto;word-wrap:break-word;word-break:break-all;text-align:left}.controls{display:flex;justify-content:space-between;width:100%;margin-bottom:1rem;gap:.5rem}.controls button{flex:1;margin:0 0 .5rem;height:3.5rem}.parent button{margin:0;height:100%;width:100%}.descriptor{margin-top:auto;padding-bottom:1rem}.modalOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background-color:#1e1e2e;border:.1rem solid #585b70;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;width:80%;max-width:350px;box-shadow:0 10px 25px #00000080;animation:popIn .2s ease-out}.modalContent h3{margin-top:0;margin-bottom:.5rem;color:#cdd6f4;font-size:1.5rem}.modalContent button{height:3.5rem;margin:0;width:100%}.modalContent .cancelButton{margin-top:.5rem;background-color:#313244;color:#cdd6f4}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}