*{box-sizing:border-box}body{--font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#232323,#2c2c2c);color:#fff;font-family:Roboto Mono,monospace;font-size:18px;height:100%;margin:0;min-height:100vh;padding:0}.container,.footer-container,.header-container{margin:0 auto;max-width:700px;padding:30px}.container{background-color:#333;border-radius:5px}.hidden{display:none}a{color:#fff}header h1{color:#deb751;font-family:Rubik Mono One,monospace;font-size:36px;margin-bottom:0}header p{margin:5px 0 0}.orig-phrase{border-radius:2px;min-height:100px}.orig-phrase,textarea{background-color:#3d3d3d;padding:20px}textarea{border:none;border-radius:2px;box-sizing:border-box;font-size:var(--font-size);margin:20px 0;min-height:140px;outline:none;resize:none;width:100%}button,textarea{color:#fff;font-family:Roboto Mono,monospace}button{background-color:#202020;border:none;border-radius:5px;cursor:pointer;padding:15px 40px;text-transform:uppercase}.button-container{display:inline-block}.button-container .help-text{display:inline-block;font-size:14px;margin-left:20px}.button-container .help-text span{background-color:#3d3d3d;padding:0 10px}.orig-phrase{background-color:#633977}.mistakes ul{list-style-type:square}.mistakes ul li{margin:10px 0}.mistakes span{background-color:#3d3d3d;padding:0 10px}.settings{display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0;row-gap:20px}.settings .parameter{width:48%}.settings .parameter select{width:100%}.settings label{display:block;margin-bottom:10px}.settings select{font-size:var(--font-size);padding:15px}.settings select option{background-color:#fff}.result{margin:20px 0}.result .corrected del{color:#ff26e6}.result .button-container{margin-top:20px}.loader-container{padding:20px 0;text-align:center}.loader{animation:s6 1s linear infinite;border-color:#e4e4ed #0000;border-radius:50%;border-style:solid;border-width:4px;display:grid;height:50px;margin:0 auto;width:50px}.loader:after,.loader:before{border:inherit;border-radius:50%;content:"";grid-area:1/1;margin:2px}.loader:before{animation:inherit;animation-direction:reverse;animation-duration:.5s;border-color:#fff #0000}.loader:after{margin:8px}@keyframes s6{to{transform:rotate(1turn)}}