@font-face{font-family:FiraGO;src:url(/Momentum/assets/fonts/Roman/FiraGO-Regular.woff2) format("woff2"),url(/Momentum/assets/fonts/Roman/FiraGO-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--yellow: #f7bc30;--orange: #fb5607;--red: #ff006e;--blue: #3a86ff;--purple: #8338ec;--pink: #ff66a8;--black: #212529;--gray: #343a40;--lightPurple: #b588f4;--green: #08a508;--redOrange: #fa4d4d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:FiraGO,sans-serif}button{border:none;background-color:transparent;cursor:pointer;font-family:FiraGO,sans-serif}a{text-decoration:none;color:inherit;outline:none}select{background:transparent;outline:none;font-family:FiraGO,sans-serif}ul{list-style-type:none}textarea{outline:none;resize:none;font-family:FiraGO,sans-serif}#root.blur{filter:blur(10px)}header{display:flex;justify-content:space-between;align-items:center;padding:30px 120px}header>div{display:flex;gap:60px}header>div>button{font-size:16px;line-height:100%;border:1px solid var(--purple);border-radius:5px;padding:10px 20px}.btn-create-task{background-color:var(--purple);color:#fff}.btn-create-task{display:flex;align-items:center;justify-content:center}.btn-create-task:hover{background-color:var(--lightPurple)}.modal,.overlay{width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;position:fixed}.modal{top:125px}.overlay{background:#0d0f1026}.modal-content{position:absolute;top:380px;left:50%;transform:translate(-50%,-50%);width:913px;background-color:#fff;border-radius:10px;padding:40px 50px 60px;display:flex;flex-direction:column}.modal-content>h2{text-align:center;margin-top:37px;margin-bottom:45px}.button-group{margin-top:25px}.btn-close,.modal-button-group{align-self:flex-end}.modal-content>div label,.avatar-container>span{font-weight:500;font-size:14px;line-height:100%;color:var(--gray)}.employ-inputs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:45px}.employ-inputs>.select-department{grid-row-start:3}#avatar{opacity:0;position:absolute;width:0;height:0}#avatar-label{cursor:pointer;color:var(--gray);display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.avatar-upload{margin-top:5px}.avatar-container{grid-column:span 2}.avatar-container>div{border:1px dashed #ced4da;width:813px;height:120px;display:flex;align-items:flex-end;justify-content:center}.img-avatar{width:88px;height:88px;border-radius:50%}.avatar-img-container{position:relative}.delete-icon{position:absolute;bottom:3px;right:5px;cursor:pointer}.modal-button-group>button{font-size:16px;line-height:100%;text-align:center;border-radius:5px;padding:10px 20px;border:1px solid var(--purple)}.btn-add{margin-left:22px;background-color:var(--purple);color:#fff}.error-container{margin-top:8px;display:flex;flex-direction:column;gap:4px}.error-container p{font-size:10px;line-height:100%;color:var(--gray)}.error-container>div{display:flex;align-items:center;gap:4px}p.not-validate{color:#fa4d4d}svg.not-validate path{stroke:#fa4d4d}p.validate{color:#08a508}svg.validate path{stroke:#08a508}#name,#surname,#department{width:384px;height:42px;border:1px solid #ced4da;outline:none;font-size:14px;line-height:100%;padding-left:5px;margin-top:5px;border-radius:6px}#department option{font-size:14px;line-height:100%;cursor:pointer}.taskpage-dep #department{width:550px;background-color:#fff}.filter-section{margin-left:120px;margin-top:40px}h1{font-weight:600;font-size:34px;line-height:100%}.filter-options{width:668px;margin-top:52px;display:flex;gap:45px;border:1px solid #dee2e6;border-radius:10px}.filter-options>button{display:flex;align-items:center;gap:13px;font-weight:400;font-size:16px;line-height:100%;padding:12.5px 30px 12.5px 18px}.filter-parameters{display:flex;align-items:center;margin-top:25px;gap:6px}.filterBy-container{width:668px;border:1px solid var(--black);border-radius:10px;margin-top:11px;padding:40px 30px 45px;display:flex;align-items:flex-end;justify-content:space-between;position:absolute;z-index:1;background-color:#fff}.filterBy-container>div label{color:var(--purple)}.filterBy-dep>div label{color:var(--black)}.filterBy-dep>div .checkmark{border:2px solid var(--black)}.btn-choose{background-color:var(--purple);color:#fff;border-radius:20px;font-size:16px;line-height:100%;padding:8px 49.5px;margin-bottom:-25px}.checkbox{display:flex;align-items:center;gap:5px;position:relative;padding-left:29px;margin-bottom:23.5px;cursor:pointer;font-size:16px;line-height:100%;color:var(--black)}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:22px;width:22px;border-radius:5px;border:2px solid var(--purple)}.checkmark:after{content:"";position:absolute;display:none}.checkbox input:checked~.checkmark:after{display:block}.checkbox .checkmark:after{left:6px;top:1px;width:6px;height:10px;border:1px solid var(--purple);border-width:0 3px 3px 0;transform:rotate(45deg)}.checkbox-department .checkmark{border:2px solid var(--black)}.checkbox-department .checkmark:after{left:6px;top:1px;width:6px;height:10px;border:1px solid var(--black);border-width:0 3px 3px 0;transform:rotate(45deg)}.avatar{width:28px;height:28px;border-radius:50%}.chosen-options{display:flex;gap:8px}.chosen-options>div{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #ced4da;border-radius:43px;width:fit-content}.chosen-options>div>button{display:flex;align-items:center}.chosen-options>span{font-size:14px;line-height:100%;letter-spacing:0%;text-align:center;color:var(--gray)}.priority-box{display:flex;align-items:center;gap:5px;padding:4px 6px;border-radius:4px;width:86px}.priority-box>span{font-weight:500;font-size:12px;line-height:150%}.low-priority{border:1px solid var(--green)}.low-priority>span{color:var(--green)}.medium-priority{border:1px solid var(--yellow)}.medium-priority>span{color:var(--yellow)}.high-priority{border:1px solid var(--redOrange)}.high-priority>span{color:var(--redOrange)}.department{font-size:12px;padding:6px;border-radius:15px;color:#fff;width:130px;display:flex;align-items:center;justify-content:center}.department-administration{background-color:var(--pink)}.department-finance{background-color:var(--orange)}.department-tech{background-color:var(--yellow)}.department-hr{background-color:var(--blue)}.department-sale{background-color:var(--lightPurple)}.department-logistic{background-color:var(--green)}.department-media{background-color:var(--gray)}.task-info-container,.tasks-by-level{display:flex;flex-direction:column;gap:30px}.title-box{color:#fff;width:381px;height:54px;border-radius:10px;display:flex;align-items:center;justify-content:center}.task-info-box{width:381px;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:28px}.to-start-container>.title-box{background-color:var(--yellow)}.to-start-container .task-info-box{border:1px solid var(--yellow)}.inProgress-container>.title-box{background-color:var(--orange)}.inProgress-container .task-info-box{border:1px solid var(--orange)}.to-test-container>.title-box{background-color:var(--red)}.to-test-container .task-info-box{border:1px solid var(--red)}.finished-container>.title-box{background-color:var(--blue)}.finished-container .task-info-box{border:1px solid var(--blue)}.date{font-size:12px;line-height:100%;color:var(--black)}.title-description>h3{margin-bottom:12px;font-weight:500;font-size:15px;line-height:100%;color:var(--black)}.title-description>p{font-size:14px;line-height:100%;color:var(--gray)}.avatar-comment{display:flex;align-items:center;justify-content:space-between}.avatar-comment>img{width:31px;height:31px;border-radius:50%}.avatar-comment>div{display:flex;align-items:center;gap:5px}.task-info-box>div:first-child{display:flex;justify-content:space-between;align-items:center}.status-priority{display:flex;align-items:center;gap:10px}.task-columns{margin:24px 120px 152px;display:flex;gap:52px}.task-container{margin:40px 118px 0}.task-container>h2{font-family:FiraGO;font-weight:600;font-size:34px;line-height:100%;color:var(--gray);margin-bottom:25px}.task-inputs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:55px;background-color:#fbf9ffa6;padding:71px 55px;height:804px}#title{width:550px;border-radius:5px;border:1px solid #dee2e6;outline:none;padding:14px;margin-top:5px;background-color:#fff}#description{width:550px;height:133px;padding:14px 14px 35px;border:1px solid #dee2e6;font-size:14px;line-height:150%;color:var(--gray);margin-top:6px;border-radius:5px}label,.priorities-container>span{color:var(--gray);font-weight:400;font-size:16px;line-height:100%}.btn-create-task{color:#fff;padding:10px 20px;background-color:var(--purple);border-radius:5px;grid-column-start:2;justify-self:flex-end}.err-container{display:flex;align-items:flex-start;font-size:10px;line-height:100%;color:#6c757d;margin-top:8px;gap:4px}.err-container.validate-dep>p{color:#08a508}.validate-dep svg path{stroke:#08a508}.desciption-err{flex-direction:column}.workProgress-container{display:flex;gap:32px}.workProgress-container select{border:1px solid #ced4da;padding:14px 18px;width:259px;margin-top:6px;border-radius:5px;background-color:#fff;font-size:14px;line-height:100%}.workProgress-container option{color:var(--gray);font-size:14px;line-height:100%}.priorities-container{display:flex;align-items:center;justify-content:space-between;gap:4px;width:259px;background-color:#fff;padding:14px 18px;border:1px solid #ced4da;border-radius:5px;cursor:pointer;margin-top:6px}.priorities-container>div,.workProgress-container ul li{display:flex;align-items:center;gap:4px}.down-arrow{justify-self:flex-end}.workProgress-container ul{display:flex;flex-direction:column;background-color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;gap:14px;padding:14px 18px;cursor:pointer;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-bottom:1px solid #ced4da;position:absolute;bottom:-53px;width:259px}.priorities-container.open{border-bottom:1px solid white}.workProgress-container>div{position:relative}#date{margin-top:6px;width:318px;border-radius:6px;border:1px solid #dee2e6;padding:12px 14px;outline:none;cursor:pointer}.employ-avatar{width:30px;height:30px;border-radius:50%}.resp-empl-container{border:1px solid #dee2e6;background-color:#fff;border-radius:6px;height:45px;padding:7px 14px;margin-top:6px;cursor:pointer;position:relative;width:550px}.resp-empl-container>div span{font-size:14px;line-height:100%;color:var(--gray)}.empl-list{background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:550px;padding:7px 14px;position:absolute;top:42px;left:0;display:flex;flex-direction:column;gap:5px}.empl-list>div,.empl-list>button,.chosen-empl{display:flex;align-items:center;gap:4px}.empl-list>button{color:var(--purple)}.employ-taskpage{margin:40px 120px;display:flex;justify-content:space-between}.employ-taskpage>.left-container{display:flex;flex-direction:column;gap:63px;width:715px}.task-info>h2{font-weight:600;font-size:34px;line-height:100%;color:var(--gray);margin-top:12px;margin-bottom:36px}.task-info>p{font-size:18px;line-height:150%;letter-spacing:0%}.task-details h3{font-weight:500;font-size:24px;line-height:100%;margin-bottom:28px}.status-box,.user-info,.deadline-box{display:flex;align-items:center;gap:70px}.status-box>div,.user-icon,.deadline-box>div{display:flex;align-items:center;gap:6px;width:164px}.status-box>select{padding:10px 14px;border-radius:5px;font-size:14px;line-height:100%;border:1px solid #ced4da}.avatar-box{display:flex;align-items:center;gap:12px}.avatar-box>img{width:32px;height:32px;border-radius:50%}.user-info{margin:23px 0}.user-departament{font-size:11px;line-height:100%;color:#474747}.user-fullname{font-size:14px;line-height:150%;color:#0d0f10}.comments-list{margin-top:66px}.comments-container{width:741px;padding:0 45px 52px;background-color:#faf7fe;border-radius:10px}.comment-heading{display:flex;gap:7px;align-items:center}.comment-heading>h2{font-weight:500;font-size:20px;line-height:100%}.comment-heading>div{color:#fff;background-color:var(--purple);width:30px;height:22px;border-radius:30px;display:flex;align-items:center;justify-content:center}.comment-textarea{position:relative;margin-top:40px}.comment-textarea>textarea{width:100%;height:135px;border-radius:10px;border:1px solid #adb5bd;padding:15px 20px}.comment-textarea>button{position:absolute;bottom:23px;right:20px;padding:8px 18.5px;background-color:var(--purple);color:#fff;border-radius:20px}.all-comment{display:flex;flex-direction:column;gap:57px;margin-top:40px}.comment{display:flex;gap:12px}.comment>img{width:38px;height:38px;border-radius:50%}.comment-content{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.comment-content>span{font-weight:500;font-size:18px;line-height:100%;color:var(--gray)}.comment-content>p{font-size:16px;line-height:100%}.comment-content>button{color:var(--purple);display:flex;align-items:center;gap:4px}.nested-comment{margin-left:51px}