@font-face{font-family:Inter;font-style:normal;font-weight:500;src:url(../fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(../fonts/Inter-Bold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;src:url(../fonts/Inter-Black.woff2) format("woff2")}@font-face{font-family:JosefinSans;font-style:normal;font-weight:100;src:url(../fonts/JosefinSans-Thin.woff2) format("woff2")}@font-face{font-family:JosefinSans;font-style:normal;font-weight:300;src:url(../fonts/JosefinSans-Light.woff2) format("woff2")}@font-face{font-family:JosefinSans;font-style:normal;font-weight:400;src:url(../fonts/JosefinSans-Regular.woff2) format("woff2")}@font-face{font-family:JosefinSans;font-style:normal;font-weight:500;src:url(../fonts/JosefinSans-Medium.woff2) format("woff2")}@font-face{font-family:JosefinSans;font-style:normal;font-weight:900;src:url(../fonts/JosefinSans-Bold.woff2) format("woff2")}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}:not(svg *){all:unset;display:revert}li{list-style:none}a{cursor:pointer}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{transition:background-color 5000s}body{background-image:url(../images/438aaa1f05bca48e2c1a.png);background-position:30%;background-repeat:no-repeat;background-size:contain;color:#454545;font-family:JosefinSans,sans-serif;font-size:18px;font-weight:400;height:100vh;line-height:1;margin:0 auto;width:100vw}#root{height:inherit}.container{margin:0 auto;max-width:1580px;padding:0 5px}.grid{display:grid;gap:20px;grid-template-columns:repeat(14,101.25px)}.login-form{align-items:center;display:flex;flex-direction:column;gap:14px;height:100%;justify-content:center;margin:0 auto;max-width:320px;position:relative}.login-form__title{font-size:26px;font-weight:700}.login-form__caption{color:rgba(69,69,69,.5);font-size:14px;margin-bottom:12px}.login-form__btn{background-color:#6a796f;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;height:44px;margin-bottom:13px;text-align:center;width:100%}.login-form__signup{font-size:12px}.login-form__signup-link{font-weight:700;text-decoration:underline}.oauth-wrapper{margin-bottom:14px;width:100%}.oauth-icons-wrapper{text-align:center}.oauth__caption{align-items:center;color:rgba(69,69,69,.5);display:flex;font-size:12px;justify-content:center;margin-bottom:10px;white-space:nowrap}.oauth__caption:after,.oauth__caption:before{border-bottom:1px solid rgba(69,69,69,.5);content:"";width:100%}.oauth__caption:before{margin-right:26px}.oauth__caption:after{margin-left:26px}.oauth__link:first-child{margin-right:12px}.data-field-wrapper{position:relative;width:100%}.data-field__label{align-items:center;background-color:hsla(140,7%,45%,.5);border-radius:4px;box-sizing:border-box;display:flex;height:44px;padding:0 16px;width:100%}.data-field__icon{width:18px}.data-field__input{padding-left:16px;padding-top:4px}.data-field__input::placeholder{color:rgba(69,69,69,.5)}.data-field__input::selection{color:#fff}.errors-container{border-bottom:1px solid hsla(140,7%,45%,.5);bottom:0;color:#454545;font-size:12px;left:334px;padding:4px;position:absolute;top:0;width:320px}.register-form{align-items:center;display:flex;flex-direction:column;gap:14px;height:100%;justify-content:center;margin:0 auto;max-width:320px;position:relative}.register-form__title{font-size:26px;font-weight:700}.register-form__caption{color:rgba(69,69,69,.5);font-size:14px;margin-bottom:12px}.register-form__btn{background-color:#6a796f;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;height:44px;margin-bottom:13px;text-align:center;width:100%}.register-form__signin{font-size:12px}.register-form__signin-link{font-weight:700;text-decoration:underline}.oath-wrapper{width:100%}.oath-icons-wrapper{text-align:center}.oath__caption{align-items:center;color:rgba(69,69,69,.5);display:flex;font-size:12px;justify-content:center;margin-bottom:10px;white-space:nowrap}.oath__caption:after,.oath__caption:before{border-bottom:1px solid rgba(69,69,69,.5);content:"";width:100%}.oath__caption:before{margin-right:26px}.oath__caption:after{margin-left:26px}.oath__link:first-child{margin-right:12px}.page-wrapper{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.insert-task{border-bottom:1px solid hsla(140,7%,45%,.5);grid-column:8/-3;margin-bottom:16px;padding:4px 12px;width:100%}.insert-task__input{width:100%}.insert-task__input::placeholder{color:rgba(69,69,69,.5);padding:4px 8px}.insert-task__input::selection{background-color:#6a796f;color:#fff}.navigation{grid-column:5/span 3;padding-right:70px;text-align:right;user-select:none}.navigation__link{color:hsla(140,7%,45%,.5);display:inline-block;font-size:48px;font-weight:100;line-height:1;text-transform:uppercase}.navigation__link:hover{color:#6a796f}.navigation__link--active{border-bottom:1px solid;color:#6a796f;margin-bottom:50px}.navigation__item:not(:first-child) .navigation__link--active{margin-top:50px}.header{min-height:64px;padding-top:40px}.header-info{align-items:center;display:flex;grid-column:11/-3;justify-content:end;min-height:inherit}.header__username{color:#6a796f;font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:24px;padding-right:16px}.header__logout-icon{display:block}.todo-list{display:flex;flex-direction:column;grid-column:8/-3;height:325px;overflow:auto;scrollbar-width:none}.todo-list::-webkit-scrollbar{display:none}.loading-wrapper{height:60%}.loading,.message-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.message-wrapper{border:1px solid rgba(69,69,69,.5);border-radius:4px;flex-direction:column;padding:20px}.message__title{font-size:27px;font-weight:700;margin-bottom:8px}.todo-item{border-bottom:1px solid hsla(140,7%,45%,.5);cursor:pointer;gap:6px;justify-content:space-between;min-height:64px}.todo-item,.todo-item__card{align-items:center;display:flex}.todo-item__card{word-wrap:break-word;height:64px;width:80%}.todo-item__edit-input{margin-left:34px;margin-top:2px;width:100%}.todo-item__edit-input::selection{background-color:#6a796f;color:#fff}.todo-item__task{display:inline-block;margin-left:8px;padding-top:4px;width:90%}.todo-item__task::selection{background-color:#6a796f;color:#fff}.todo-item__goal-ico{margin-left:16px}.todo-item__delete-ico{margin-right:2px}.todo-item__delete-ico,.todo-item__edit-ico,.todo-item__goal-ico{opacity:0;visibility:hidden}.todo-item__delete-ico:hover,.todo-item__edit-ico:hover,.todo-item__goal-ico:hover{transform:scale(1.15)}.todo-item:hover .todo-item__delete-ico,.todo-item:hover .todo-item__edit-ico,.todo-item:hover .todo-item__goal-ico{opacity:1;transition:all .5s ease-in-out;visibility:visible}input[type=checkbox]{appearance:none;background-image:url(../images/f5523fa3f493cd82c26e.svg);background-repeat:no-repeat;cursor:pointer;height:24px;position:relative;width:26px}input[type=checkbox]:checked{opacity:.5}input[type=checkbox]:checked+.todo-item__task{color:rgba(69,69,69,.5);text-decoration:line-through}input[type=checkbox]:checked:before{background-image:url(../images/06fbc3ad33c43f590d71.svg);background-repeat:no-repeat;content:"";cursor:pointer;height:24px;position:absolute;width:26px}