@import"https://fonts.googleapis.com/css2?family=Overpass:wght@400;600;800&display=swap";*{font-family:Overpass;font-weight:700}body{background-color:#424242;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;font-size:20px}h1{color:#fff}#background{position:absolute;width:100%;height:100%;z-index:-1}.large-input{width:300px!important;height:auto!important}.modal{position:fixed;inset:0;padding:10px;width:0;height:0;z-index:2}.modal>div{border:4px solid white;border-radius:30px;corner-shape:bevel;position:fixed;top:50%;left:50%;transform:translateY(-50%) translate(-50%) scale(1);padding:20px 35px;background-color:#00000080;text-align:center;font-weight:700;color:#fff;opacity:1;transition:transform .2s,opacity .2s;backdrop-filter:blur(20px)}.modal>div *{margin-top:5px;margin-bottom:5px}.modal>div button{padding:7px 18px;font-size:20px;cursor:pointer;border:4px solid white;border-radius:15px;corner-shape:bevel;text-align:center;color:#fff;white-space:nowrap;background-color:#64646480;transition:background-color .2s}.modal>div button:hover{background-color:#8f8f8f80}.modal>div button:disabled{color:gray;cursor:default;pointer-events:none}.modal>div input{font-size:22px;border:4px solid white;border-radius:15px;corner-shape:bevel;background-color:#46464680;color:#fff;padding:10px 15px;outline:none;appearance:none}.modal>div input:disabled{color:gray}.setting-container{display:flex;align-items:center;flex-direction:row;justify-content:center}.setting-text{text-align:center;font-size:20px;padding-right:20px}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.switch-button{position:absolute;cursor:pointer;inset:0;padding:0;display:flex;align-items:center;margin-top:5px!important;margin-bottom:5px!important;background-color:#525252bf;transition:background-color .15s ease-in;border-radius:40px;corner-shape:bevel}.switch-button:before{position:absolute;content:"";height:30px;width:30px;left:0;padding:0;background-color:#fff;transition:transform .15s ease-out;corner-shape:bevel;border-radius:50%}input:checked+.switch-button{background-color:#007bff}input:checked+.switch-button:before{transform:translate(30px)}#login-error{text-align:center;font-size:16px;padding:0;margin:0}@media(max-width:440px){.modal>div{box-sizing:border-box;width:calc(100vw - 20px);padding:20px}.large-input{box-sizing:border-box;width:100%!important}}
