:root{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--col-1:8.33%;--col-2:16.66%;--col-3:25%;--col-4:33.33%;--col-5:41.66%;--col-6:50%;--col-7:58.33%;--col-8:66.66%;--col-9:75%;--col-10:83.33%;--col-11:91.66%;--col-12:100%;color-scheme:light dark;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-synthesis:none;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}.app{margin:0 auto;max-width:1200px}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}input{background-color:#f5f5f5;border:none;border-bottom:1px solid #c7c7c7;color:#000;font-size:inherit;padding:14px}input[type=checkbox]{cursor:pointer;height:16px;width:16px}.btn-primary{-webkit-appearance:none;background-color:#007fff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:inherit;font-weight:500;outline:none;padding:8px 14px}.btn-primary:disabled{background-color:#0080ff42}h2{margin:16px}span{color:#414141}img{height:auto;max-width:100%}.error{color:red;padding:16px}.errors-list{color:red;padding:16px 8.33%;padding:16px var(--col-1)}.message{color:#0f0;padding:16px}.not-found{display:flex;flex-wrap:wrap;width:100%;width:var(--col-12)}.not-found>:first-child{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.not-found>:first-child,.not-found>:last-child{text-align:center;width:50%;width:var(--col-6)}svg{font-size:20px}nav{align-items:center;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:500;justify-content:space-between;line-height:60px;padding:16px 8.33%;padding:16px var(--col-1);width:100%}nav>div>*{margin-right:1rem}.addToDo,.login,.signup{align-items:center;display:flex;flex-direction:column;width:100%;width:var(--col-12)}.login form,.signup form{max-width:400px;width:83.33%;width:var(--col-10)}.login form>*,.signup form>*{display:block;margin-bottom:10px;width:100%}.todo{border-bottom:1px solid #c7c7c7;flex-wrap:wrap;justify-content:space-between;margin-left:16px;max-width:500px;padding:8px;width:83.33%;width:var(--col-10)}.todo,.todo>div{align-items:center;display:flex}.todo>div{gap:16px}.todo .actions button{background-color:inherit;border:none;color:#007fff;cursor:pointer;outline:none}.todo .actions button:hover{color:#535bf2}.disable{background-color:#c7c7c7}.taps button{-webkit-appearance:none;background-color:inherit;border:1px solid #007fff;border-radius:4px;color:#007fff;cursor:pointer;font-size:inherit;font-weight:500;margin:16px;outline:none;padding:8px 14px;transition:all .2s ease-in-out}.taps button:hover{background-color:#0080ff;color:#fff}.taps .selected{background-color:#007fff;color:#fff}.modal{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.2);display:flex;height:auto;justify-content:center;left:50%;max-width:500px;padding:32px 4.165%;padding:32px calc(var(--col-1)/2);position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:91.66%;width:var(--col-11);z-index:1}.addToDo form{width:100%;width:var(--col-12)}.addToDo form>*{display:block;margin-bottom:10px;width:100%}.modal-backdrop{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.close{background-color:initial;border:none;color:#000;cursor:pointer;font-size:1rem;font-weight:700;outline:none;position:absolute;right:20px;top:20px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.btn-add{bottom:8.33%;bottom:var(--col-1);position:fixed;right:8.33%;right:var(--col-1)}.list{padding-bottom:25%;padding-bottom:var(--col-3)}.home{display:flex;flex-direction:row;flex-wrap:wrap;height:auto;line-height:normal;width:100%;width:var(--col-12)}.home .content{padding:8.33% 4.165%;padding:calc(var(--col-1)) calc(var(--col-1)/2);width:58.33%;width:var(--col-7)}.home .content>*{margin-bottom:32px}.home .image{height:auto;margin:auto;width:33.33%;width:var(--col-4)}.home .content a{-webkit-appearance:none;border:1px solid #007fff;border-radius:4px;cursor:pointer;font-size:inherit;font-weight:500;padding:8px 14px}.form{display:flex;flex-direction:column;gap:16px;height:auto;max-width:600px;padding:16px;width:100%;width:var(--col-12)}@media screen and (max-width:768px){.home .content,.home .image,.not-found>:first-child{width:100%;width:var(--col-12)}.not-found>:first-child{padding:8.33% 0 0;padding:var(--col-1) 0 0 0}.not-found>:last-child{width:100%;width:var(--col-12)}}
/*# sourceMappingURL=main.c8311e19.css.map*/