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