*,:after,:before{padding:0;margin:0;box-sizing:border-box;font-size:16px;font-family:"Inter",sans-serif}body{width:100vw;max-width:100vw;min-height:100vh;background:var(--color-bg)}ol,ul{list-style:none}a{text-decoration:none}input{color:var(--body-fonts);padding:8px 16px;background-color:var(--color-bg);outline:none;border-radius:5px;border:1px solid var(--color-borders)}input:focus{border-color:#4d82f3;box-shadow:0 0 10px #7ea5f8}input:invalid{border-color:#fc9595;box-shadow:0 0 10px #fc9595}i{display:flex;align-items:center}label{color:var(--body-fonts)}h1{font:700 42px/58px "Inter",sans-serif;color:var(--dark-fonts);text-align:center}input{font:16px/24px "Inter",sans-serif}input::-webkit-input-placeholder{color:var(--light-fonts)}input:-ms-input-placeholder{color:var(--light-fonts)}input::placeholder{color:var(--light-fonts)}button{font:600 16px/24px "Inter",sans-serif}.taskItem__name{font:16px/24px "Inter",sans-serif}label{font:600 16px/24px "Inter",sans-serif}.addTask__container{background-color:#fff;padding:40px;box-shadow:0 2px 3px rgba(0,0,0,.25);border-radius:5px;margin-bottom:40px}.addTask__container h1{margin-bottom:24px}.addTask__form{width:100%;display:flex;justify-content:center}.addTask__form input{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}.addTask__form button{border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width:576px){.addTask__form{flex-direction:column;grid-gap:8px;gap:8px}.addTask__form button,.addTask__form input{border-radius:5px}}.btn{padding:8px 16px;border-radius:5px;border-width:1px;border-style:solid;cursor:pointer;outline:none}.btn.btn-primary{background-color:var(--purple-button);border-color:var(--purple-button);color:#fff}.btn.btn-cancel{border-color:var(--light-fonts);background:none;color:var(--light-fonts)}.btn.btn-delete{background-color:#d83232;border-color:#d83232;color:#fff}.btn.w-full{width:100%}.btn-primary{display:flex;justify-content:center;align-items:center;background-color:var(--purple-button)}.btn-link,.btn-primary{color:#fff;padding:8px 16px;border-radius:5px;outline:none;cursor:pointer;border:1px solid var(--purple-button)}.btn-link{background-color:#1e2a3b}.btn-google{background:none;color:var(--color-google);padding:8px 16px;border-radius:5px;outline:none;cursor:pointer;border:1px solid var(--color-google);transition:all .3s ease}.btn-google:hover{color:#fff;background-color:var(--color-google)}.btn-facebook{background:none;color:var(--color-facebook);padding:8px 16px;border-radius:5px;outline:none;cursor:pointer;border:1px solid var(--color-facebook);transition:all .3s ease}.btn-facebook:hover{color:#fff;background-color:var(--color-facebook)}.btn__loading{margin:0 auto;width:40px;height:40px}.taskItem__container{display:flex;justify-content:space-between;background-color:#fff;border-radius:5px;box-shadow:0 2px 3px 0 rgba(0,0,0,.25098039215686274);margin-bottom:15px;padding:20px 40px}.taskItem__container:hover{box-shadow:0 4px 5px 0 rgba(0,0,0,.25098039215686274)}.taskItem__wrapper--name{display:flex;align-items:center}.taskItem__name{color:var(--body-fonts);margin-left:10px}.taskItem__name.completed{text-decoration:line-through}.taskItem__wrapper--icons{display:flex}.taskItem__wrapper--icons i{cursor:pointer}.taskItem__wrapper--icons .edit{margin-right:15px;color:var(--color-primary)}.taskItem__wrapper--icons .trash{color:var(--color-danger)}.link__edit{background:none;border:none;align-items:center;display:flex}@media (max-width:576px){.taskItem__container{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}.taskItem__wrapper--icons{align-self:flex-end}}.editTask__container{background-color:#fff;padding:40px;border-radius:5px;box-shadow:0 2px 3px 0 rgba(0,0,0,.25098039215686274);margin-bottom:40px}.editTask__container h1{margin-bottom:24px}.editTask__form{display:flex;flex-direction:column}.editTask__form--control{position:relative;display:flex;margin-bottom:16px}.editTask__form--control input{flex:1 1 auto}.editTask__form--control label{width:110px}.editTask__form--control input[type=checkbox]{opacity:0;z-index:19}.checkbox,.editTask__form--control input[type=checkbox]{position:absolute;top:0;left:110px;width:42px;height:100%;cursor:pointer}.checkbox:before{width:42px;height:24px;background-color:var(--color-primary);border-radius:50px}.checkbox:after,.checkbox:before{transition:all .3s;content:"";position:absolute}.checkbox:after{right:2px;top:2px;width:20px;height:20px;background-color:#fff;border-radius:100%}input[type=checkbox]:not(:checked)~div:after{-webkit-transform:translateX(-18px);transform:translateX(-18px)}input[type=checkbox]:not(:checked)~div:before{background-color:#cbd4e1}.btn-wrapper{display:flex;justify-content:center}@media (max-width:576px){.editTask__form--control{flex-direction:column;grid-gap:8px;gap:8px}}.user__wrapper{padding:8px 16px;border-radius:5px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:16px;box-shadow:0 2px 3px rgba(0,0,0,.25);grid-gap:16px;gap:16px}.user__avatar{width:40px;height:40px;border-radius:50%}.user__name{font:600 16px/24px "Inter",sans-serif}.user__logout{padding:0;border:none;background:none;cursor:pointer}.toast,.user__logout{display:flex;align-items:center;justify-content:center}.toast{flex-direction:column;grid-gap:20px;gap:20px}.toast__buttons{width:100%;display:flex;justify-content:space-between}.toast__question{text-align:center;color:var(--body-fonts)}.toast__icon{background-color:#d83232;border-radius:50%;padding:10px}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#cef}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.input-control{position:relative;display:flex;flex-direction:column;margin-bottom:20px}.input-control label{margin-bottom:8px}.input-control__caption{font:14px/22px "Inter",sans-serif;color:var(--light-fonts);margin-top:8px}.input-control__error{position:absolute;right:0;color:var(--color-danger);font:14px/22px "Inter",sans-serif}.wrapper{background-color:#fff;padding:40px;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,.25)}.container{max-width:790px;width:90%;margin:0 auto;padding-top:50px}.login__wrapper{background-color:#fff;padding:40px;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,.25)}.login__wrapper h1{margin-bottom:20px}.login__wrapper .input-control:nth-last-of-type(2){margin-bottom:8px}.login__options{display:flex;justify-content:space-between;margin-bottom:20px}.login__options a{color:var(--color-primary);text-decoration:underline;font:14px/22px "Inter",sans-serif}.login__options label{font:14px/22px "Inter",sans-sarif;color:var(--body-fonts);text-align:center}.login__options input[type=checkbox]{margin-right:10px}.btn-login{width:100%}.login__social{display:flex;grid-gap:10px;gap:10px}.login__social button{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.login__social button img{margin-right:30px}.login__hr{display:flex;grid-gap:20px;gap:20px;margin:20px 0;align-items:center;justify-content:space-between;color:var(--light-fonts)}.login__hr span{flex:1 1 auto;border-top:1px solid var(--color-borders)}.login__caption{width:100%;display:flex;margin-top:40px;justify-content:center}.login__caption a{color:var(--color-primary);margin:0 auto}@media (max-width:600px){.login__social{flex-direction:column}}@media (max-width:360px){.login__options{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}.login__options a{order:0}.login__options label{order:1}}.loading{width:100%;height:100vh;display:grid;place-content:center}:root{--dark-fonts:#0f1a2a;--body-fonts:#27364b;--light-fonts:#64748b;--purple-button:#8219d5;--color-success:#419e6a;--color-danger:#d83232;--color-primary:#2563eb;--color-google:#ea4335;--color-facebook:#1877f2;--color-bg:#f1f4f9;--color-borders:#cbd4e1}.transition-enter{opacity:.01}.transition-enter.transition-enter-active{opacity:1;transition:all .3s ease-in}.transition-exit{opacity:1}.transition-exit-active{opacity:0;transition:all .3s ease-out}.transition-exit-done{opacity:0}
/*# sourceMappingURL=main.3c1b95d2.chunk.css.map */