.center-center{justify-content:center;align-items:center}.align-center{display:flex;flex-direction:column;align-items:center}.flex{display:flex}.flex-start{justify-content:flex-start}.space-around{justify-content:center}.space-between{justify-content:space-between}.wrap{text-wrap:wrap}.italic{font-style:italic}.bold{font-weight:700}.opacity-50{opacity:.5}.column{flex-direction:column}.gap-10{gap:10px}.top-10{margin-top:10px}.top--10{margin-top:-10px}.tran{transition:all .4s}.grow-1{flex-grow:1}.grow-2{flex-grow:2}.shrink-1{flex-shrink:1}.relative{position:relative}.material-symbols-outlined{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rem-3{font-size:3rem}.width-100{width:100%}*{-webkit-tap-highlight-color:transparent}:root{color-scheme:dark}.settings-menu{padding:10px;color:#749696;height:510px}.setting{display:flex;justify-content:space-between}.setting input{color:#749696;background-color:rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);outline:none;border:none;border-radius:4px;text-align:center;width:50px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.special-characters{display:grid;flex-wrap:wrap;width:100%;grid-template-columns:25% 25% 25% 25%}.character{padding:5px;margin:5px;border-radius:4px;background-color:#00000033;color:#749696;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.character.allowed{background-color:#6ad7d7;color:rgba(0,0,0,.8);box-shadow:0 0 5px #6ad7d741}.these-settings{background-color:#00000033;color:#749696;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:0;outline:1px solid #74969600;box-shadow:0 0 0 0 transparent;padding:0;display:flex;justify-content:flex-start;align-items:center;padding-left:10px;padding-right:10px;transition:max-height .3s ease,margin .1s ease-out,outline .5s ease,padding-top .3s ease,padding-bottom .3s ease,background-color .1s ease}.save.these-settings .left-and-center:before{content:"Save these settings for\00a0"}.left-and-center{margin-left:auto}.these-settings .italic{margin-right:auto}.these-settings.show{max-height:40px;outline:1px solid #74969622;box-shadow:0 3px 6px -3px rgba(0,0,0,.4);padding:10px}.these-settings.show:active{margin-bottom:-2px;margin-top:2px}.save.these-settings:hover{background-color:#6ad7d711;color:#6ad7d7;outline:1px solid #6ad7d755}.delete.these-settings{min-width:24px;outline:1px solid #f4939300;background-color:#ff000011;color:#f49393}.delete.these-settings.show{outline:1px solid #f4939322}.delete.these-settings:hover{outline:1px solid #ff868688;background-color:#ff000033;color:#ff8686}.delete.these-settings:active{background-color:#ff000055}.save.these-settings:active{background-color:#6ad7d722}.button-bar.hide{margin-top:-20px}.button-bar{transition:.3s}@keyframes save-success{0%{outline:1px solid #74969622}60%{outline:1px solid #48bdbd66}to{outline:1px solid #74969622}}.disable-all{grid-column-start:1;grid-column-end:3}.reset-all{grid-column-start:3;grid-column-end:5}@media (max-width:400px){.save.these-settings .left-and-center:before{content:"Save Settings"}.save.these-settings .italic{width:0;overflow:hidden}}#app{font-family:Source Code Pro,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background:#252828;min-height:100vh;height:-moz-fit-content;height:fit-content;width:100%;overflow:hidden;font-size:20px;display:flex;justify-content:center;box-sizing:border-box;padding:0 20px}.page-container{max-width:min(400px,100%)}.show-password{margin-top:0}.show-password h4{margin:0;font-size:15px;font-weight:400;color:#749696}.switch{position:relative;display:inline-block;width:36px;height:18px}.checkbox{opacity:0;height:0;width:0}.checkbox,.slider{position:absolute;cursor:pointer}.slider{top:0;left:0;right:0;bottom:0;background:rgba(27,29,29,.6);transition:.4s;border-radius:9pc}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#749696;transition:.4s;border-radius:50%}.input{font-family:Source Code Pro,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:rgba(27,29,29,.6);box-shadow:inset 0 2px 6px 0 rgba(0,0,0,.1);padding:10px;border:none;outline:none;border-radius:8px;font-size:34px;color:#749696;caret-color:rgba(116,150,150,.5)}.input.inactive{padding-top:0;padding-bottom:0;height:0;transition:height .4s ease,padding .4s ease,margin-bottom .6s ease,margin-top .6s ease}.input.active{height:40px;margin-top:10px;margin-bottom:10px;transition:height .6s ease,padding .6s ease,margin-bottom .6s ease,margin-top .6s ease}::-moz-placeholder{color:rgba(116,150,150,.2);opacity:1}::placeholder{color:rgba(116,150,150,.2);opacity:1}input:checked+.slider:before{background-color:#58f4f4;box-shadow:0 0 3px #45c1c144;transform:translateX(18px)}.text-field{font-family:Trebuchet,sans-serif;border:1px solid #2727271f;box-shadow:1px 1px 5px #27272734;border-radius:0;background-color:#0004;color:#fff;width:400px;max-width:50vw;max-height:30px;padding:20px 50px 20px 50px;font-size:35px;text-align:center;margin:20px 0 20px 0;font-family:Source Code Pro,monospace;outline:none}.password ::-moz-placeholder{color:#aaa}.password ::placeholder{color:#aaa}.err{color:#cf0000}.textField1:enabled{outline:0 solid #2c3e501a}#topbar{height:-moz-fit-content;height:fit-content;min-width:100%;margin-bottom:40px;padding:30px 10px;font-size:30px;color:#001313}.copy-text{background:linear-gradient(90deg,#074040,#074040 25%,#165454 50%,#074040 75%,#074040);background-size:400% 400%;color:#fff;border:0;font-size:20px;font-weight:700;height:50px;width:250px;min-width:-moz-fit-content;min-width:fit-content;border-radius:10px;outline:none;font-family:Source Code Pro,monospace;cursor:pointer;transition:all .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:0;margin-bottom:0;box-shadow:0 4px 8px 2px rgba(10,19,19,.247)}.copy-text.inactive{background:linear-gradient(90deg,rgba(7,64,64,0),rgba(7,64,64,0) 25%,rgba(22,84,84,0) 50%,rgba(7,64,64,0) 75%,rgba(7,64,64,0));box-shadow:0 4px 8px 2px rgba(10,19,19,0);cursor:pointer;color:hsla(0,0%,100%,0);transition:1s;display:none}.copy-text:focus{animation:gradient 1s ease-out,press .5s ease-out}.copy-text.inactive:focus{animation:none}.copy-text:active{animation:none;box-shadow:0 2px 5px 0 rgba(10,19,19,.6);margin-top:3px;margin-bottom:-3px}.bottom{margin-top:30px}.success{margin-bottom:0;animation:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(90deg,rgba(7,64,64,0),rgba(7,64,64,0) 25%,#165454 50%,rgba(7,64,64,0) 75%,rgba(7,64,64,0));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.success.slide-up{animation:slide-up 2s ease-out}@keyframes slide-up{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:100% 50%}to{background-position:0 50%}}#top-logo{height:50px;margin:30px 0}.blue-button{color:#749696;position:absolute}.blue-button-on{color:#58f4f4;text-shadow:0 0 3px #45c1c144}.account-button{left:0}.settings-button{position:absolute;right:0;transition:transform 1s ease,color 1s ease}.settings-button-open{transform:rotate(120deg);transition:transform .5s ease,color .5s ease}.settings{border-radius:10px;padding:0;box-shadow:inset 0 2px 6px 0 transparent;height:0;transition:height .5s ease-in,padding .15s ease-out .5s;max-height:600px;overflow:hidden}.settings,.settings-open{background-color:rgba(27,29,29,.6);opacity:1}.settings-open{padding:10px;transition:height .5s ease;box-shadow:inset 0 2px 6px 0 rgba(0,0,0,.1);display:block;height:530px;margin-bottom:0}.links{color:#749696;position:absolute;bottom:20px;background:#1b1d1d;border-radius:8px 8px 8px 0;left:20px;width:calc(100% - 80px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1rem;padding:20px;gap:10px;max-width:500px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}.links h3{margin:0;font-size:1.5rem}.links p{margin:0;text-align:left}.info{position:absolute;bottom:2px;left:2px;z-index:100}.github{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#252828;border-radius:8px;padding:10px 10px;height:30px;width:-moz-fit-content;width:fit-content;display:flex;justify-content:space-between;align-items:center;color:#749696;font-size:1rem;max-width:400px;gap:20px;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);cursor:pointer}.github img{height:30px;width:30px;-o-object-fit:contain;object-fit:contain}