.add-task-button{background-color:var(--element-color-5);border:none;border-radius:15px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:600;line-height:normal;min-height:45px;padding:5px 0;text-align:center;transition:opacity .2s;width:20%}.add-task-button_disabled{background-color:var(--element-color-4);cursor:default;opacity:.5}.add-task-button:hover{opacity:.8}.add-task-button:focus-visible{opacity:.8}.general-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-page{margin:auto 52px}.dashboard-page__search-add-task{align-items:center;display:flex;margin-top:40px}.footer{display:flex;justify-content:center;margin:auto 52px 44px 48px}.footer__title{font-family:Montserrat;font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-align:center}.header{display:flex;flex-direction:column;margin:41px 52px 0 48px}.header__title{font-size:26px;font-weight:700;line-height:40px}.header__subtitle,.header__title{color:var(--element-color-1);font-family:Montserrat;font-style:normal}.header__subtitle{font-size:14px;font-weight:600;line-height:20px;margin-top:4px}.popup_opened{z-index:20}.nothing-found{align-items:center;display:flex;flex-direction:column;margin-top:149px}.nothing-found__title{color:var(--element-color-1);font-size:18px;font-weight:500;height:70px;margin-bottom:37px;padding:24px 0}.nothing-found__button,.nothing-found__title{font-family:Montserrat;font-style:normal;line-height:normal;text-align:center}.nothing-found__button{background:var(--element-color-5);border:none;border-radius:10px;color:var(--secondary-bg-color);font-size:12px;font-weight:600;height:30px;padding:5px 0;transition:.2s;width:95px}.nothing-found__button:hover{cursor:pointer;opacity:.8}@keyframes preloader-inside-white{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes preloader-inside-colored{0%{transform:scale(0)}30%{transform:scale(0)}to{transform:scale(1)}}.preloader{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:150px;width:100%;z-index:10}.preloader__container{align-self:center;height:100px;margin:auto;position:relative;width:100px}.preloader__round{background:var(--element-color-5)}.preloader__round,.preloader__round:after,.preloader__round:before{border-radius:50px;height:100px;left:0;position:absolute;top:0;width:100px}.preloader__round:after,.preloader__round:before{content:""}.preloader__round:after{animation:preloader-inside-white 1s ease-in-out infinite;background:var(--secondary-bg-color)}.preloader__round:before{animation:preloader-inside-colored 1s ease-in-out infinite;background:var(--element-color-5);z-index:10}.search-form{align-items:center;background-color:var(--secondary-bg-color);border:1px solid var(--element-color-9);border-radius:15px;box-sizing:border-box;display:flex;margin:0 11px 0 0;min-height:45px;width:80%}.search-form__input{border:none;color:var(--element-color-2);font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;outline:none;width:calc(100% - 137px)}.search-form__button{background-color:var(--secondary-bg-color);border:none;border-radius:15px;width:37px}.search-form__button:hover{cursor:pointer}.search-form__counter{color:var(--element-color-10);font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding-right:17px;text-align:right;width:100px}.table{display:flex;flex-direction:column;margin-top:30px}.table__header{display:flex;margin-bottom:10px}.table__header-cell{align-items:center;display:flex}.table__header-cell:first-child{box-sizing:border-box;padding-left:15px;width:50%}.table__header-cell:nth-child(2),.table__header-cell:nth-child(3){width:15%}.table__header-cell:nth-child(4){width:20%}.table__header-button{cursor:pointer}.table__header-button,.table__header-title{background-color:var(--primary-bg-color);border:none;box-sizing:border-box;color:var(--element-color-4);font-family:Roboto;font-size:11px;font-style:normal;font-weight:500;height:15px;line-height:normal;text-align:left;text-transform:uppercase}.table__header-arrow{stroke:var(--element-color-4);stroke-width:.2px;margin-left:8px}.table__header-arrow_reversed{transform:rotate(180deg)}.table__body{display:flex;flex-direction:column}.table__row{align-items:center;background-color:var(--secondary-bg-color);border-radius:3px;box-sizing:border-box;display:flex;flex-direction:row;margin-bottom:5px;min-height:70px;transition:.2s}.table__row_border-color_red{border-left:4px solid var(--table-border-color-1)}.table__row_border-color_purple{border-left:4px solid var(--table-border-color-2)}.table__row_border-color_dark-purple{border-left:4px solid var(--table-border-color-3)}.table__row:hover{box-shadow:0 0 20px 0 #00000026;cursor:pointer;transition:.2s}.table__cell{color:var(--element-color-3);display:flex;flex-direction:row;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:left;word-break:break-word}.table__cell:first-child{box-sizing:border-box;color:var(--element-color-2);font-size:13px;font-weight:500;padding:8px 11px;width:calc(50% - 2px)}.table__cell:nth-child(2){width:15%}.table__cell:nth-child(3){font-weight:500;width:15%}.table__cell:nth-child(4){width:20%}.table__cell_title-color_green{color:var(--element-color-5)}.table__cell_title-color_orange{color:var(--element-color-6)}.table__cell_title-color_grey{color:var(--element-color-3)}.table__cell-button{background-color:var(--element-color-5);border:none;border-radius:10px;box-sizing:border-box;color:#fff;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:600;height:30px;line-height:normal;margin-right:11px;padding:5px 0;text-align:center;transition:.2s;width:100%}.table__cell-button:hover{cursor:pointer;opacity:.8}.table__cell-button_bg-color_grey{background-color:var(--element-color-8)}.popup{align-items:center;background-color:#00000080;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transition:visibility 0s linear .3s,opacity .3s linear;visibility:hidden;width:100%;z-index:20}.popup_opened{opacity:1;transition-delay:0s;visibility:visible}.popup__container{background-color:var(--primary-bg-color);border-radius:15px;box-shadow:0 0 25px #00000026;box-sizing:border-box;display:flex;flex-direction:column;padding:30px 30px 36px;position:relative;width:600px}.popup__close-button{background-color:initial;background-image:url(/todolist/static/media/close-button.b793e07c3f4c19e26c11.svg);background-position:50%;background-repeat:no-repeat;background-size:20px;border:none;box-sizing:border-box;height:20px;padding:0;position:absolute;right:0;top:-36px;transition:.2s;width:20px}.popup__close-button:hover{cursor:pointer;opacity:.6;transition:.2s}.popup__form{display:flex;flex-direction:column;height:100%}.popup__submit-button{background-color:var(--element-color-5);border:none;border-radius:15px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-top:60px;min-height:45px;padding:5px 0;text-align:center;transition:.2s}.popup__submit-button_disabled{cursor:none;opacity:.7;-webkit-user-select:none;user-select:none}.popup__text-area{background-color:var(--secondary-bg-color);border:1px solid var(--element-color-10);border-radius:15px;box-sizing:border-box;color:var(--element-color-2);font-size:18px;font-weight:400;height:150px;padding:10px;resize:none}.popup__label,.popup__text-area{font-family:Roboto;font-style:normal;line-height:normal;text-align:left}.popup__label{color:var(--element-color-4);font-size:12px;font-weight:500;margin:0 0 10px 10px;text-transform:uppercase}.popup__label:nth-of-type(3){margin-top:28px}.popup__error{color:var(--element-color-7);font-family:Roboto;font-size:12px;margin:7px 0 7px 10px;min-height:14px}.popup__error,.popup__input{font-style:normal;font-weight:400;line-height:normal;text-align:left}.popup__input{border:1px solid var(--element-color-10);border-radius:5px;box-sizing:border-box;color:var(--element-color-2);font-size:18px;min-height:30px;padding:4px 0 4px 5px}.popup__input_date{padding:4px 0 4px 8px}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/todolist/static/media/Montserrat-Bold.f0032576ac7462ccbd0c.woff)}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/todolist/static/media/Montserrat-SemiBold.16e8721ef5837bc6375e.woff)}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(/todolist/static/media/Montserrat-Medium.2a3e005f58bfca9c117e.woff)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/todolist/static/media/Roboto-Medium.93070d8c4d6b12e2a430.woff)}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/todolist/static/media/Roboto-Regular.c85b1aece68e093f5e23.woff)}@font-face{font-display:swap;font-family:Nunito;font-style:normal;font-weight:700;src:url(/todolist/static/media/Nunito-Bold.299ecebce7241f8b5953.woff)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-bg-color:#fafafa;--secondary-bg-color:#fff;--element-color-1:#222;--element-color-2:#474747;--element-color-3:#5c5c5c;--element-color-4:#999;--element-color-5:#1bda9d;--element-color-6:#ff8346;--element-color-7:#fe4848;--element-color-8:#7d7d7d;--element-color-9:#ebebeb;--element-color-10:#d1d1d1;--table-border-color-1:#e14165;--table-border-color-2:#c2c2ff;--table-border-color-3:#8686ff;font-size:16px;scroll-behavior:smooth}.page{background:#fafafa;background:var(--primary-bg-color,#fafafa);font-family:Montserrat,Roboto,Nunito,Arial,sans-serif;margin-inline:auto;max-width:1054px;width:100%}.root{display:flex;justify-content:center;min-height:100vh;width:100%}
/*# sourceMappingURL=main.9cc92b08.css.map*/