#root{max-width:1280px;min-width:100%;min-height:100vh;min-height:100svh;text-align:center;display:grid}input{padding:5px}.container{width:90%;max-width:700px;margin:40px 0 20px}.todos-form button{border:1px solid white;height:52px}.todos-form input:hover{border:1px solid white}.signup-container>div{margin:10px 0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.signup{display:flex;flex-direction:column;gap:30px;padding:30px 40px;box-shadow:0 0 5px 1px #676767;border-radius:10px;width:360px}.signup>label:not(.checkbox-register){display:flex;justify-content:space-between;text-align:left;gap:20px}.passvalidation-register{flex-direction:column;justify-content:center;align-items:baseline}.passvalidation-register>div{display:flex;flex-direction:row;gap:10px;margin-top:10px}.passvalidation-register>div>.icon{width:30px;max-width:13px;text-align:center;margin-top:1px}.checkusername{display:flex;align-items:center;position:relative;gap:10px}.checkusername button{outline:none!important}.signup>label>div>input{width:100%}.signup>label>input,.signup>label>div,.signup>label>div>input{display:flex;max-width:177px;box-sizing:border-box}.signup>label>div>span{position:absolute;right:-30px}.signup>label>div>button{padding:0;outline:0;background-color:transparent;border:0}.signup>label>div>button:focus{padding:0;outline:0;background-color:transparent;border:0;font-weight:700}.checkbox-register{display:grid;grid-template-columns:auto auto;gap:15px}.checkbox-register input{cursor:pointer}.checkbox-register small{text-align:left}@media(max-width:500px){.signup>label{flex-wrap:wrap}.signup{width:auto}.signup>label>input:not(.checkbox-register>input),.signup>label>div:not(.username .passvalidation-register,.checkusername){display:flex;min-width:100%;flex-grow:1;align-items:baseline}.checkusername{display:flex;min-width:100%;flex-grow:1}.signup>label>.checkusername>.username,.passvalidation-register{max-width:none}.first-pass{max-width:none;min-width:100%}.signup>label>div>input:not(.passvalidation-register>input){width:100%}.signup>label>input,.signup>label>div,.signup>label>div>input{max-width:160px}}.signin-container>div{margin:10px 0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.signin{display:flex;flex-direction:column;gap:30px;padding:30px;box-shadow:0 0 5px 1px #676767;border-radius:10px;width:345px}.signin>label{display:flex;justify-content:space-between;text-align:left;gap:20px}@media(max-width:500px){.signin{width:auto}.signin>label{flex-wrap:wrap}.signin>label>input{width:100%}}.settings-container{width:100%;max-width:1024px;display:flex;justify-content:center}.options{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:center;margin:1em 0}.option{max-width:700px;display:flex;flex-direction:column;justify-content:center}.passvalidation{width:min-content;display:flex;flex-direction:column;align-items:baseline}.passvalidation>div{display:flex;flex-direction:row;gap:10px;margin-top:10px}.passvalidation>div>.icon{width:30px;max-width:13px;text-align:center;margin-top:1px}.passvalidation>input{height:24px;box-sizing:border-box}.change-pass,.destroy-user{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:30px;padding:30px;box-shadow:0 0 5px 1px #676767;border-radius:10px;margin:1.5em 1.5em 1.1em;min-width:355px}.change-pass>label,.destroy-user>label:not(.checkboxDelete){display:flex;justify-content:space-between;text-align:left;flex-wrap:wrap;gap:20px}.checkboxDelete{display:grid;grid-template-columns:auto auto;gap:15px;max-width:350px}.checkboxDelete input{cursor:pointer}.checkboxDelete small{text-align:left}@media(max-width:500px){.change-pass,.destroy-user{min-width:0;width:100%;align-self:center;margin:1.5em 0 1.1em}.change-pass label,.destroy-user label{width:100%}.option{width:80%}.change-pass input,.change-pass div,.destroy-user input{min-width:100%;box-sizing:border-box}.checkboxDelete input{min-width:auto}}header{height:100px}header>nav{position:fixed;min-width:-webkit-fill-available;display:block;background-color:#181818;z-index:9;padding:0 40px;height:100px}nav>ul{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:0;height:-webkit-fill-available}.desktop-buttons{display:flex;align-items:center;gap:20px;background-color:transparent}.signup-desktop{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3b3b3b;cursor:pointer;transition:border-color .25s;color:#fff;text-decoration:none}.signin-desktop{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;cursor:pointer;transition:border-color .25s;color:#fff;text-decoration:none}.desktop-logout{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3b3b3b;cursor:pointer;transition:border-color .25s;color:#fff;text-decoration:none}.desktop-logout a{text-decoration:none}.logo a{display:flex}.signin-desktop:hover,.signup-desktop:hover,.desktop-logout:hover{border-color:#fff}.user-menu button,.no-user-menu button{background-color:transparent!important;padding:.6em 1.2em!important;cursor:pointer!important;border:none!important;outline:none!important;border-radius:8px!important;transition:border .25s!important;font-size:medium!important}.user-menu,.no-user-menu,.logo{background-color:transparent}@media(min-width:1024px){.user-menu{margin-right:46.03px}}#aside-left{background-color:#181818;border-top:4px solid white;height:100vmax;min-height:100%;position:fixed;top:100px;z-index:99;justify-self:baseline;width:144px;border-right:1px solid #3b3b3b}#aside-right{background-color:#181818;border-top:4px solid white;height:100vmax;min-height:100%;position:fixed;top:100px;z-index:99;justify-self:end;right:0;width:144px;border-left:1px solid #3b3b3b}.in-animation-left{animation:show-left .3s forwards}.out-animation-left{animation:dissapear-left .3s forwards}.in-animation-right{animation:show-right .3s forwards}.out-animation-right{animation:dissapear-right .3s forwards}#aside-left>a,#aside-right>a{padding:40px 30px;border-bottom:1px solid #242424;display:flex;gap:15px;min-width:max-content;color:#fff;text-decoration:none}#aside-left>a>div,#aside-right>a>div{display:flex;gap:10px}.closed{display:none}.badge{padding:15px;font-weight:700;border-bottom:1px solid #242424}@keyframes show-left{0%{left:-145px}to{left:0}}@keyframes dissapear-left{0%{left:0}to{left:-145px}}@keyframes show-right{0%{right:-145px}to{right:0}}@keyframes dissapear-right{0%{right:0}to{right:-145px}}main{margin:0 20px;min-height:calc(100vh - 171px);min-height:calc(100svh - 171px)}@media(prefers-color-scheme:light){nav>ul>li,nav>ul>div>li{background-color:#f9f9f9}}@media(max-width:1024px){main{min-height:calc(100vh - 201px);min-height:calc(100svh - 201px)}}footer{background-color:#181818;border-top:1px solid #3b3b3b;height:50px;display:flex;align-self:end;align-items:center;justify-content:center;z-index:9;padding:10px}@media(max-width:1024px){footer{padding:25px}}.user-panel{display:flex;justify-content:center}.menu-home{display:grid;grid-template-columns:repeat(2,1fr);max-height:calc(100vh - 171px);max-height:calc(100svh - 171px);margin:0}.left{background-color:#5e1010;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.left>h1{margin:.5em 1.2em}.buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin:1em 0;scale:1.1}.demo{color:#fff}.register{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-weight:500;font-family:inherit;background-color:#181818;cursor:pointer;transition:border-color .25s;color:#fff;text-decoration:none}.register:hover{border-color:#fff}.right{width:100%}.right img{display:flex;position:fixed;width:800px}@media(max-width:1024px){.left{min-height:calc(100vh - 100px);min-height:calc(100svh - 100px);height:max-content;max-height:none}.left>h1,.left>p,.left>div{margin:20px}.buttons{flex-direction:column;gap:10px}.buttons .register{margin-bottom:25px}.menu-home{display:contents;width:100%;overflow:hidden;max-height:none}.right{overflow:hidden}.right img{position:relative;object-fit:cover;max-height:740px;object-position:top;min-width:fit-content}}.logout-main{display:flex;justify-content:center;align-content:center}.error-container{position:static;align-items:center;min-height:100vh;min-height:100svh}@media(max-width:300px){.error-container{width:90%}.error-h1{font-size:1em}}.errorBoundary-container{position:static;align-items:center;min-height:100vh;min-height:100svh}@media(max-width:300px){.errorBoundary-container{width:90%}.errorBoundary-h1{font-size:1em}}.demo-container{width:90%;max-width:700px;margin:0 0 20px}.demo-container>p{margin:30px 0}.results{margin-top:30px}.small{padding:0;background-color:transparent;border:none;cursor:pointer;font-size:1em}.small:hover{scale:1.2;transition:.3s}.todos-form{gap:10px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;width:100%}.todos-form input{height:40px;flex-grow:1;font-size:1em;padding-left:12px;border-radius:10px;transition:border-color .25s;border:1px solid #5a5a5a}.todos-form button,.todos-form input:hover{border:1px solid white}.todos{list-style:none;padding-inline-start:0;gap:20px;display:flex;flex-direction:column}.todo{box-sizing:border-box;border:1px solid white;border-radius:8px;gap:20px;min-width:100%;padding:20px;transition:ease-in-out .3s}.todo li{gap:20px;display:flex;justify-content:space-between;align-items:center}.todo>li>div{display:flex;gap:10px;text-align:left}.edit-form{display:flex;flex-direction:column;margin:20px 0 5px;gap:25px}.edit-form input{height:40px;display:flex;align-items:center;font-size:1em;padding-left:12px;border-radius:10px;transition:border-color .25s;border:1px solid #5a5a5a}.edit-form div{display:flex;gap:20px}.edit-form div>.important-edit-button{border:1px solid white}.edit-form div>button{flex-grow:1}.important{background-color:#181818;border:1px solid rgb(255,0,0)}.demo{justify-content:center;display:flex}@media(max-width:500px){.todos-form button{width:100%;border:0;padding:0}.todos-form input{width:100%}.todos{flex-wrap:wrap}.todo{width:100%}.todo li{flex-wrap:wrap}.todo>li>div{width:100%;display:flex;text-align:center;justify-content:center}.edit-form div{flex-direction:column}}.reset-password-container>div{margin:10px 0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.reset-password{display:flex;flex-direction:column;gap:30px;padding:30px;box-shadow:0 0 5px 1px #676767;border-radius:10px}.reset-password>label{display:flex;justify-content:space-between;text-align:left;gap:20px}@media(max-width:500px){.reset-password>label{flex-wrap:wrap}.reset-password>label>input{width:100%}}.change-pass-access-container>div{margin:10px 0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}.change-pass-access{display:flex;flex-direction:column;gap:30px;padding:30px;box-shadow:0 0 5px 1px #676767;border-radius:10px}.change-pass-access>label{display:flex;justify-content:space-between;text-align:left;gap:20px}.passvalidation-recover-pass{flex-direction:column;justify-content:center;align-items:center}.passvalidation-recover-pass>div{display:flex;flex-direction:row;gap:10px;margin-top:10px}.passvalidation-recover-pass>div>.icon{width:30px;max-width:13px;text-align:center;margin-top:1px}.change-pass-access>label>div>input{width:100%}.change-pass-access>label>input,.change-pass-access>label>div,.change-pass-access>label>div>input{display:flex;max-width:177px;box-sizing:border-box;align-items:baseline}.change-pass-access>label>div>input{height:24px}.change-pass-access>label>div>button{padding:0;outline:0;background-color:transparent;border:0}.change-pass-access>label>div>button:focus{padding:0;outline:0;background-color:transparent;border:0;font-weight:700}@media(max-width:500px){.change-pass-access>label{flex-wrap:wrap}.change-pass-access>label>div{width:100%}.change-pass-access>label>input{width:100%}.change-pass-access>label>input,.change-pass-access>label>div,.change-pass-access>label>div>input{max-width:none}}.privacy,.terms{text-align:left;padding:0 20px 20px;word-break:break-word}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:100%;min-height:100vh;min-height:100svh}a{color:#f0f0f0;font-weight:500}a:hover{color:#fff}input{background-color:#3b3b3b;border-style:ridge;color:#fff}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #3b3b3b inset;-webkit-text-fill-color:white}h1{font-size:3.2em;line-height:1.1}button:not(.small,.user-menu button,.no-user-menu button){border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#181818;cursor:pointer;color:#fff;transition:border-color .25s}button:disabled{color:#858585!important}button:hover:not(.small){border-color:#fff}button:focus:not(.small,.user-menu button,.no-user.menu button),button:focus-visible:not(.small,.user-menu button,.no-user.menu button){outline:4px auto -webkit-focus-ring-color}