*{box-sizing:border-box;margin:0;padding:0;outline:none;border:none;font-family:Courier New,Courier,monospace;transition:.1s}.light_mode{--primary-text-color: #000;--secondary-text-color: #e8dee8;--primary-outline-color: #000;--wrapper-background-color: #fff;--textarea-background-color: #e7e7e7;--key-background-color: #e4e2e2;--key-background-color-secondary: #527eec;--key-pressed-background-color: #3737d5;--command-button-svg-color: #000;--command-button-svg-color-secondary: #fff;--message-dialog-background-color: #8bebf6;--primary-box-shadow-color: #20202080}.dark_mode{--primary-text-color: #dadada;--secondary-text-color: #000;--primary-outline-color: whitesmoke;--wrapper-background-color: #111111;--textarea-background-color: #1c1c1c;--key-background-color: #201647;--key-background-color-secondary: #527eec;--key-pressed-background-color: #3737d5;--command-button-svg-color: #fff;--command-button-svg-color-secondary: #000;--message-dialog-background-color: #000;--primary-box-shadow-color: #3b404780}.message_dialog{display:flex;justify-content:center;align-items:center;position:absolute;top:47%;left:50%;transform:translate(-50%,-47%);width:420px;height:42px;background-color:var(--message-dialog-background-color);color:var(--primary-text-color);font-size:1.4rem;text-align:center;border-radius:20px;animation-name:message_dialog}@keyframes message_dialog{0%{opacity:1}70%{opacity:.9}85%{opacity:.8}to{opacity:0}}.wrapper{background-color:var(--wrapper-background-color);height:100dvh;width:100dvw}.inner{position:absolute;display:flex;flex-direction:column;justify-content:space-between;top:50%;left:50%;transform:translate(-50%,-50%);width:85dvw;height:80dvh}#input_field_container{display:flex;flex-direction:column;position:relative;width:100%;height:360px;gap:5px}#textarea_hint{color:var(--primary-text-color);font-size:1.1rem;text-shadow:2px 2px 5px rgba(0,0,0,.5)}#input_field{color:var(--primary-text-color);background-color:var(--textarea-background-color);resize:none;width:100%;height:100%;outline:1px black solid;font-size:2.8rem;border-radius:18px;padding:10px 20px;letter-spacing:1px;margin-bottom:5px}#input_field:focus{outline:2px solid var(--primary-outline-color)}.command_button_container{display:flex;flex-direction:row;gap:10px}.command_button{width:60px;height:65px;background-color:var(--key-background-color);color:var(--command-button-svg-color);border:1px solid black;border-radius:20px;transition:.1s;cursor:pointer}.command_button:hover{color:var(--command-button-svg-color-secondary);background-color:var(--key-background-color-secondary)}.command_button>.clipboard_button_img{width:100%}.command_button:focus{outline:2px solid var(--primary-outline-color)}#toggle_theme_button{position:absolute;right:0;padding-top:2px;aspect-ratio:1}#toggle_theme_button>.sun_and_moon{inline-size:50%;block-size:50%;stroke-linecap:round}#toggle_theme_button>.sun_and_moon>.sun_beams{stroke-width:2}.clipboard_button{position:absolute}#keyboard{display:flex;flex-direction:column;gap:10px}#keyboard>.keyboard_row{display:flex;align-items:center;flex-direction:row;text-align:center;gap:14px}.key_row_element{color:var(--primary-text-color);width:6%;max-width:90px;height:60px;font-size:2rem;border:1px solid black;border-radius:11px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:1px 2px 2px var(--primary-box-shadow-color);transition:.1s;background-color:var(--key-background-color)}.key_row_element:hover{background-color:var(--key-background-color-secondary);color:var(--secondary-text-color)}.key_row_element:focus{outline:2px solid var(--primary-outline-color)}.backspace,.del,.enter{flex-grow:1;max-width:none;padding:0 10px;overflow:hidden}.backspace{min-width:190px}.del{min-width:80px}.enter{min-width:120px}.tab{width:12%;max-width:140px;min-width:80px}.caps{width:16%;max-width:210px;min-width:110px}.shift{max-width:none;flex-grow:1;min-width:120px}.language{width:20%;min-width:170px}.space{flex-grow:1}.language,.space{max-width:none}.pressed{background-color:var(--key-pressed-background-color);color:var(--secondary-text-color)}