@import url(https://fonts.googleapis.com/css?family=Montserrat);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}li{list-style-type:none}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}:root{--page-background:#e7e5e5;--header-font-color:#bdc1c6;--page-font-color:#343434;--standart-transition:all 0.3s linear;--content-width:90%;--header-height:50px;--task-text-color:#8b8b8b;--task-background:#3c3c3c;--task-main-font-color:#e4e4e4;--link-color:#4685de}.page{background-color:#e7e5e5;background-color:var(--page-background);color:#343434;color:var(--page-font-color);display:flex;font-family:Century Gothic,Montserrat,Arial,Helvetica,Sans-serif;justify-content:center;min-height:100vh}.body_unscrolled{overflow:hidden}.popup{align-items:center;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;display:none;height:100%;justify-content:center;left:0;margin:0;position:fixed;top:0;transition:background-color .3s;width:100%;z-index:1}.popup_active{background-color:rgba(1,1,1,.8);display:flex;overflow:auto}.popup__form{align-content:center;background:#1e1e1ec2;border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:700px;min-height:100%;position:absolute;top:0;visibility:hidden;width:90vw}.popup__form_active{visibility:visible}.popup__btn{background:#c2c2c2;border:none;border-radius:20px;color:var(--task-text-color);font-size:15px;height:30px;transition:var(--standart-transition);width:115px}.popup__btn:first-of-type{color:#000;margin-right:5px}.popup__btn:hover{cursor:pointer;opacity:.7}.popup__input{background-color:#00000000;border:none;border-bottom:1px solid var(--task-background);color:var(--task-main-font-color);font-size:17px;margin-top:7px;outline:none;padding-bottom:5px}.popup__label{color:var(--task-text-color);font-size:16px;min-width:80%;position:relative}.popup__container,.popup__label{display:flex;flex-direction:column}.popup__container{align-items:baseline;margin:35px 0 0 55px}.popup__img{height:16px;left:-25px;position:absolute;top:-1px;width:16px}.popup__img_big{height:20px;top:-5px;width:20px}.popup__textarea{background:var(--task-background);border:none;border-radius:5px;color:var(--task-main-font-color);font-size:15px;min-height:50px;outline:none;padding:4px;resize:none}.popup__label_text{min-width:80%}.popup__info-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.popup__input-upload{display:none}.popup__label-upload{align-self:baseline;background:var(--task-background);border-radius:5px;cursor:pointer;display:flex;font-size:14px;opacity:1;padding:6px;transition:var(--standart-transition)}.popup__file-name{left:145px;position:absolute;top:31px}.popup__label-upload:hover{opacity:.7}.btn-cross{align-items:center;border:none;border-radius:5px;display:flex;margin-left:10px;padding:3px 5px;transition:var(--standart-transition)}.btn-cross,.btn-cross:hover{background:var(--task-background)}.btn-cross:hover{cursor:pointer}.btn-cross svg{display:block;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.btn-cross svg line{stroke:var(--task-text-color);stroke-width:5}.btn-cross span{color:#8b8b8b;font-size:14px;margin-left:5px}.popup__term{background:#c2c2c2;border:none;border-radius:7px;box-sizing:border-box;color:#535252;font-size:13px;outline:none;padding:3px;width:100px}.popup__close-btn,.popup__term{transition:var(--standart-transition)}.popup__close-btn{background:none;border-radius:50%;padding:8px;position:absolute;right:15px;top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.popup__close-btn svg{width:18px}.popup__btn-container{align-items:center;bottom:5px;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:0;max-width:700px;min-height:55px;position:fixed;width:90%}.popup__term:hover{opacity:.8}.popup__status{align-items:center;background:#c2c2c2;border:none;border-radius:7px;box-sizing:border-box;display:flex;font-size:13px;height:23px;justify-content:center;outline:none;padding:3px;transition:var(--standart-transition);width:115px}.popup__status:hover{cursor:pointer;opacity:.8}.popup__status option{background:#fff}.popup__status_pending{background:#e0cf64;color:#665b1a}.popup__status_complete{background:#4ab853;color:#0d3b14}.popup__priority{width:90px}.popup__time{color:var(--task-text-color);font-size:14px}.popup__label-heading{margin-bottom:30px}.popup__element{margin-top:12px}.popup__subtask-btn{margin:0;padding:6px;transition:var(--standart-transition)}.popup__subtask-btn:hover{background:#323232}.popup__subtask-btn svg{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}.popup__subtask-btn span{color:var(--task-text-color);font-size:14px;margin-left:5px}.popup__subtask-btn svg line{stroke-width:11px}.popup__subtask-container{background:var(--task-background);border-radius:5px;box-sizing:border-box;max-height:220px;overflow:auto;padding:10px;transition:var(--standart-transition)}.popup__subtask-container::-webkit-scrollbar{background-color:#c2c2c2;border-radius:5px;width:8px}.popup__subtask-container::-webkit-scrollbar-thumb{background-color:#1e1e1eba;border-radius:5px}@media (max-width:580px){.popup__container{margin:25px 0 0}.popup__close-btn{right:23px;top:17px}.popup__label{min-width:95%}.popup__form_active{border-radius:0;padding:15px;width:100%}.popup__img{display:none}.popup__btn-container{left:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-list{flex-direction:column;justify-content:center;padding-top:50px}.task-list,.task-list__item{align-items:center;display:flex}.task-list__item{justify-content:space-between;max-width:700px;width:97%}.task-list__container{align-items:center;cursor:pointer;display:flex;width:70%;z-index:1}.task-list__title{font-size:15px;font-weight:400}.task-list__title_complete{color:rgba(1,1,1,.5)}.task-list__btn{align-items:center;background:transparent;border:1px solid;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-right:7px;padding:0;width:18px}.task-list__complete-logo{opacity:0;transition:var(--standart-transition);width:70%}.task-list__complete-logo:hover,.task-list__complete-logo_active{opacity:1}.task__term{background:#c2c2c26b;width:auto}.task-list__tools{display:flex;gap:7px}.task-list__tools img{cursor:pointer;opacity:.5;transition:var(--standart-transition);width:22px}.task-list__tools img:hover{opacity:1}.dnd{align-items:baseline;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;display:flex;flex-wrap:wrap;justify-content:center;margin-top:70px}.dnd__container{border-radius:10px;min-height:120px;padding:10px 0;width:280px}.dnd__column,.dnd__container{align-items:center;display:flex;flex-direction:column}.dnd__column{justify-content:center;margin:5px}.dnd__column>h2{font-size:20px;font-weight:400;margin:0 0 10px}.dnd__task{background-color:#ffffff5e;border-radius:7px;box-shadow:0 0 3px 1px #7e7e7e70;color:#242424;display:flex;justify-content:center;margin:0 0 8px;min-height:50px;padding:5px;-webkit-user-select:none;user-select:none;width:85%}.dnd__btn{background:transparent;margin:0 0 10px}.dnd__btn:hover{background-color:initial;opacity:.5}.dnd__btn svg line{stroke-width:10px;stroke:#535252}.dnd__btn span{color:#535252;display:block}@media (max-width:780px){.task-list__title{font-size:14px}}@media (max-width:580px){.popup__status-list,.task-list__tools img{display:none}.task-list__container{margin-right:7px;width:75%}}.table-section{-webkit-animation:fadeIn .3s;animation:fadeIn .3s;margin-top:calc(var(--header-height) + 30px)}.table-section__btn{background:transparent;margin-bottom:25px;transition:var(--standart-transition)}.table-section__btn span{color:var(--page-font-color);font-size:17px}.table-section__btn svg{border:1px solid var(--page-font-color);border-radius:50%;padding:4px;width:10px}.table-section__btn svg line{stroke:var(--page-font-color);stroke-width:10px}.table-section__btn:hover{background:#c2c2c2}.table{border-radius:7px;border-spacing:0;max-width:900px;text-align:center;width:95vw}.table__row td{border-bottom:1px solid var(--header-font-color);height:28px}.table__row td:first-of-type{padding-left:10px;text-align:start;transition:var(--standart-transition);width:35%}.table__row td:first-of-type:hover{cursor:pointer;opacity:.7}.table__head-row>th{border-bottom:1px solid var(--header-font-color);color:#868686;font-weight:400;min-width:130px;padding-bottom:5px;position:relative;transition:var(--standart-transition)}.table__sort-logo{bottom:5px;margin-left:3px;opacity:0;position:absolute;transition:all .3s;width:21px}.table__sort-logo_active{opacity:.6}.table__status{align-items:center;background:#c2c2c2;border:none;border-radius:10px;box-sizing:border-box;display:flex;justify-content:center;margin:auto;outline:none;padding:2px;transition:var(--standart-transition);width:105px}.table__progress{background:#cecece;border-radius:10px;height:21px;margin:auto;position:relative;width:105px}.table__progress_filled{background:#29b824;border-bottom-left-radius:10px;border-top-left-radius:10px;height:100%;width:50%}.table__progress span{font-size:.95em;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.table__link{display:block}@media (max-width:580px){.table{font-size:14px}.table__head-row>th{min-width:85px}.table__head-row>th:last-of-type,.table__row td:last-of-type,.table__sort-logo{display:none}.table__status{width:95px}}.popup__form-project{min-height:60%;position:relative}.popup__btn-container-project{position:static;width:auto}.subtask{align-items:baseline;justify-content:flex-start;margin-bottom:9px}.subtask:last-of-type{margin:0}.subtask__btn{border-color:var(--task-text-color)}.subtask__title{border:none;color:var(--task-main-font-color);cursor:pointer;margin:0;min-width:50%;padding-bottom:0;text-decoration:none;transition:var(--standart-transition)}.subtask__title:hover{opacity:.6}.subtask__checkbox{display:none}.subtask__label{background-size:0;border:1px solid;border-radius:50%;cursor:pointer;display:flex;height:17px;margin-right:5px;padding:0;transition:var(--standart-transition);width:17px}.subtask__checkbox:checked+.subtask__label{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAEIklEQVRoge2YTYhbVRTH/+e+py1JZvxaWKgOU1zpQuqixS/G6kZbqAuF2VgQtTa2A1Le5L4kozKvgjPJuy+iwYqWQbpxMws/qoIwFPwEtSL1Y0DEhRFKq/g1dCYSZm6Omwm8PPMySV5mkkV+y/8959zz517uve8BAwYMGDBgQOdQrxvYCGYmz/PuYebto6OjC+Pj47pRnLHVjbVLIpF4FcArRHRoaWlp18LCwtuN4vp6RZRSBwGc8Ul6ZWXlSsdxqsHYvjWSy+WuMgxjEcBOn3xOSrm3UbzYmrbaxzCMAupNaCKaCIvvSyNKqfsAPO7XiKiQSqXOheX0nRHHcWIATqF+2/8khHCa5fWdkUQikQNwk0+qMvNhy7L+bZZnbm5b7aGUuoOZj/k1Ijoppfx0o9y+WZFisbgNwBzq77aS1vqZVvL7xkilUjkB4BafxMx8JJ1OX24lvy/uEdd1dxPRVwCuqGnMPGfb9pOt1uj5ijiOYxLRG/CZAHBRa223U6fnRhKJxBSA2/waER3LZrN/t1Onp1srn8/fLIT4BsD2msbMb9q2fajdWj1bEcdxhBBiDj4TAP4gIquTej0zEovFLAB3BuQJKeXvndTrydZSSu0C8D2AuE9+T0r5YKc1t3xFHMcRAE6j3sSSYRhHo9QNfaJ4njfGzM8B+EtrLTOZzK9RJqoRi8WSAMb8GjMftyzrQpS6DbdWsVjcVqlULgK4Zl26VK1WD6bT6a+jTJbL5UYMw/gBwJBP/lBKuT9KXSBkay0vLycAXO2TdgghPioUCh3vYQAwDON11Ju4rLVORqlZo6GRqampPwG8FpDj1Wr1LaXU051M5HneowAe8GvMnO7Wlg09tdZ/w0wDmG4wdqpcLk84jrPWyiSu6+4gokUA1/rkj1Op1L1ExG133YDQU4uIWErpMPNjAFYDY0fi8fj7+Xx+KCQ9WOsk6k2UDcM43C0TQAvHr23bp4UQ+wH8Exi6XwjxWT6fv6FZvlJqHMBDfo2InrUs6+e2u21CS/fI5OTkWa313QBKgaFbhRBfuK67u1HezMzMdcxcDMhfjoyMBLXItHwhZjKZRWa+HUDwCN5JRJ+4rnsgmGOa5stEdL1Pqmitnwj77RmFtm5227YvAdjHzGcCQ0NE9K7neU/VBNd1DxDRI/4gZn4+k8ksdt5uOB29tebn541SqfQigEZHcdE0zem1tbXvANzo078dHh7ek0wmVxvkRCbSo1EpdRxAAf9f2Quo/0u4ysx7bds+H2W+ZkR6NEopXyKihwGUA0N+E2Dm/GaaALrw+k2lUu8Q0T5m/i0k5MdyufxC1Hk2omvfI7Ozs6OmaX6A+l86VWYes237827NE0bXvkey2ewvpmnexcxnaxoRndgKE5vC+httzPO8Pb3uZcCAAQP6l/8AgqpW3oiPDrQAAAAASUVORK5CYII=);background-position:50%;background-repeat:no-repeat;background-size:68%}.subtask__title_complete{color:var(--task-text-color);text-decoration:line-through}.subtask__btn{background:none;border-color:#888;height:19px;width:19px}.subtask__img{cursor:pointer;opacity:0;transition:var(--standart-transition);width:75%}.subtask__img:hover,.subtask__img_active{opacity:1}.subtask__title_inactive{display:none}.subtask-form{-webkit-animation:fadeIn .3s;animation:fadeIn .3s;display:none;opacity:0}.subtask-form_active{display:block;opacity:1}.subtask-input{background:#c2c2c2;border:none;border-radius:5px;margin:5px 0 8px;min-height:25px;min-width:240px}.subtask-btn{background:#4a4a4a;font-size:13px;height:25px;width:91px}.subtask-btn:first-of-type{color:#dadada}.header{color:var(--header-font-color)}.header__container{align-items:center;background:#232323;display:flex;justify-content:center;left:0;min-height:var(--header-height);position:fixed;top:0;width:100%;z-index:1}.header__title{font-weight:400;margin:0}.header__btn svg{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.header__btn span{color:#8b8b8b;font-size:14px;margin-left:5px}.header__btn:hover{opacity:.6}@media (max-width:580px){.header__btn{padding:7px}.header__btn span{display:none}.header__btn svg{width:10px}.header__title{font-size:26px}}.comment{color:var(--task-main-font-color);margin-bottom:20px}.comment:last-of-type{margin-bottom:0}.comment__data{align-items:center;display:flex}.comment__data-container{margin-left:7px}.comment__user-name{margin:0 0 3px}.comment__date{margin:0}.comment__avatar{align-items:center;background:#c2c2c2;border-radius:50%;color:#000;display:flex;height:30px;justify-content:center;width:30px}.comment__btn{background:none;border:none;color:inherit;cursor:pointer;padding:0;transition:var(--standart-transition)}.comment__secondary-data{color:var(--task-text-color);font-size:13px}.comment__btn:hover{opacity:.7}.comment__btn-view{color:var(--link-color);display:none;margin-left:15px}.comment__btn-view_active{display:inline;display:initial}.comment__text{font-size:15px;margin:10px 0}.comment-list{margin-bottom:60px;margin-top:25px}.reply-list{display:none;margin:20px 0 0 25px}.reply-list_active{display:block;margin:20px 0 0 25px}.comment-form{display:flex;flex-direction:column}.comment-form__text{min-height:40px}.comment-form__btn-container{display:flex}.comment-form__btn{background-color:#3c3c3c;border:none;border-radius:20px;color:var(--task-text-color);font-size:15px;height:25px;margin-top:5px;transition:var(--standart-transition);width:105px}.comment-form__btn_active{color:var(--task-main-font-color);cursor:pointer}.comment-form__btn_active:hover{opacity:.7}.comment-form__btn-cancel{background:none;display:none;margin-left:5px;transition:var(--standart-transition);width:90px}.comment-form__btn-cancel:hover{opacity:.7}.comment-form__btn-cancel_active{cursor:pointer;display:block}
/*# sourceMappingURL=main.3d8c60a6.css.map*/