@charset "UTF-8";*{padding:0;margin:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(144,146,152,.3);-webkit-transition:background-color .3s;transition:background-color .3s}::-webkit-scrollbar-thumb:hover{background:#bbb}::-webkit-scrollbar-track{background:#ededed}* a{text-decoration:none;color:#151b26}.App{width:100%;overflow-y:hidden}.App::-webkit-scrollbar{width:8px;height:8px}.App::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(144,146,152,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.App::-webkit-scrollbar-thumb:hover{background:#bbb}.App::-webkit-scrollbar-track{background:#ededed}.Drawer{display:flex;flex-direction:row}.Drawer .SideMenu{width:240px;min-width:240px;background-color:#151b26;height:100vh}.Drawer .SideMenu--close{margin-left:-240px;transition:all .3s ease}.Drawer .SideMenu--open{margin-left:0;transition:all .3s ease}.Drawer .SideMenu--header{color:#fff;height:4.5rem;display:flex;align-items:center;justify-content:space-between;padding:20px;font-size:1.5rem;max-width:240px;flex-shrink:1}.Drawer .SideMenu--header h1{font-family:"Abril Fatface",cursive;font-size:1.5rem;color:#fff;-webkit-user-select:none;user-select:none}.Drawer .SideMenu--header span{cursor:pointer}.Drawer .SideMenu--content .below{overflow:auto;width:100%;font-size:.9rem}.Drawer .SideMenu--content .below::-webkit-scrollbar{width:8px;height:8px}.Drawer .SideMenu--content .below::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(144,146,152,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.Drawer .SideMenu--content .below::-webkit-scrollbar-thumb:hover{background:#bbb}.Drawer .SideMenu--content .below::-webkit-scrollbar-track{background:#ededed}.Drawer .main{background-color:#fff;display:flex;flex-direction:column;z-index:10;width:100%}.Drawer .main--content{flex-shrink:1;height:100vh;overflow-y:hidden}.SideMenuSection{width:240px;background:#151b26;color:#fff;font-family:"Poppins",sans-serif;padding:1rem 0;border-bottom:1px solid rgba(111,119,130,.5);overflow-x:hidden;max-width:240px}.SideMenuSection__content header{padding:.5rem 1.5rem;display:flex;align-items:center;position:relative}.SideMenuSection__content header:hover{cursor:pointer}.SideMenuSection__content header span{position:absolute;right:1.5rem;-webkit-transform:scale(.8);transform:scale(.8)}.SideMenuSection__content .teamHeader{display:flex;justify-content:space-between;align-items:center}.SideMenuSection__content .teamHeader:hover{background:rgba(111,119,130,.5)}.SideMenuSection__content .memberList{display:flex;list-style:none;padding-left:1.5rem;padding-top:1rem}.SideMenuSection__content .memberList .member{margin-right:.25rem}.SideMenuSection__content .projectList{margin-top:1rem;list-style:none;display:none}.SideMenuSection__content .projectList .active{background-color:rgba(111,119,130,.5)}.SideMenuSection__content .projectList--open{display:block}.SideMenuSection__content .projectList .project{display:flex;align-items:center;padding:.3rem 0 .3rem 1.5rem;position:relative;color:#e8ecee}.SideMenuSection__content .projectList .project:hover{background:rgba(111,119,130,.2)}.SideMenuSection__content .projectList .project:hover i{visibility:visible}.SideMenuSection__content .projectList .project__color{height:.5rem;width:.5rem;margin-right:1rem;border-radius:2px}.SideMenuSection__content .projectList .project__name{font-size:.81rem}.SideMenuSection__content .projectList .project i{position:absolute;right:1.5rem;-webkit-transform:scale(.8);transform:scale(.8);visibility:hidden}.SideMenuSection__content .projectList .project i:hover{cursor:pointer}.ColorPicker{display:flex;flex-direction:column;padding:24px;width:240px}.ColorPicker-cellsContainer{display:flex;flex-wrap:wrap;position:relative}.ColorPicker-cellsContainer .material-icons{color:#fff;-webkit-transform:scale(.6);transform:scale(.6)}.ColorPickerCell{height:20px;margin:2px;width:20px;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;box-sizing:border-box;color:#000;fill:currentColor}.ColorPickerCell:after{content:"";color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;font-weight:700;line-height:20px}.ColorPickerCell-radio{display:none}.ColorPickerCell-radio:checked+label:after{content:"√"}.ColorPickerCell--none{border:1px solid #e8ecee;background-color:#cbd4db}.ColorPickerCell--none:after{color:#000}.ColorPickerCell--red{background-color:#e8384f}.ColorPickerCell--orange{background-color:#fd612c}.ColorPickerCell--yellowOrange{background-color:#fd9a00}.ColorPickerCell--yellow{background-color:#eec300}.ColorPickerCell--yellowGreen{background-color:#a4cf30}.ColorPickerCell--green{background-color:#62d26f}.ColorPickerCell--blueGreen{background-color:#37c5ab}.ColorPickerCell--aqua{background-color:#20aaea}.ColorPickerCell--blue{background-color:#4186e0}.ColorPickerCell--indigo{background-color:#7a6ff0}.ColorPickerCell--purple{background-color:#aa62e3}.ColorPickerCell--magenta{background-color:#e362e3}.ColorPickerCell--hotPink{background-color:#ea4e9d}.ColorPickerCell--pink{background-color:#fc91ad}.ColorPickerCell--coolGray{background-color:#8da3a6}.profile{font-family:"Poppins",sans-serif;color:#f6f8f9;font-weight:bolder;font-size:11px;width:24px;height:24px;line-height:24px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;cursor:pointer}.profile img{width:100%;height:100%}.App-Home{display:flex;flex-direction:column;align-items:center;height:90vh;overflow-y:scroll;margin-bottom:4rem}.ProjectCard--holdHover{background-color:#f6f8f9;cursor:pointer;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.ProjectCard--holdHover .card .material-icons{opacity:1;transition:opacity .4s ease}.ProjectCard--holdHover .card .themeIcon{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:all .4s ease}.ProjectCard--holdHover .card .profile-container{opacity:1;transition:all .4s ease;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.ProjectCard{display:flex;flex-direction:column;align-items:center;width:150px;transition:all .4s ease-in-out;padding:1.25rem .4rem 3.75rem;border-radius:1.875rem;-webkit-user-select:none;user-select:none}.ProjectCard:hover{background-color:#f6f8f9;cursor:pointer;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.ProjectCard:hover .card .material-icons{opacity:1;transition:opacity .4s ease}.ProjectCard:hover .card .themeIcon{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:all .4s ease}.ProjectCard:hover .card .profile-container{opacity:1;transition:all .4s ease;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.ProjectCard .card{width:7.5rem;height:7.5rem;border-radius:1.25rem;box-shadow:inset 0 -2px rgba(0,0,0,.05);position:relative;display:flex;justify-content:center;align-items:center}.ProjectCard .card .themeIcon{font-size:3.5rem;-webkit-filter:invert(97%) sepia(1%) saturate(489%) hue-rotate(140deg) brightness(103%) contrast(95%);filter:invert(97%) sepia(1%) saturate(489%) hue-rotate(140deg) brightness(103%) contrast(95%);display:inline-block;opacity:.8;transition:all .4s ease}.ProjectCard .card span:first-of-type{-webkit-transform:scale(.8);transform:scale(.8);left:.5rem}.ProjectCard .card span:first-of-type,.ProjectCard .card span:last-of-type{color:#e8ecee;opacity:0;transition:opacity .4s ease;top:.3rem;position:absolute}.ProjectCard .card span:last-of-type{right:.5rem;-webkit-transform:scale(.9);transform:scale(.9)}.ProjectCard .card span:last-of-type:hover{color:#fff}.ProjectCard .card .profile-container{position:absolute;bottom:.3rem;opacity:0;transition:all .4s ease;display:flex;flex-direction:row-reverse;justify-content:center;list-style:none}.ProjectCard .card .profile-container li{position:relative;margin:0 -.15rem;opacity:.9}.ProjectCard .title{margin-top:.625rem;font-family:"Poppins",sans-serif;font-size:.8rem;font-weight:400;text-align:center;max-height:2rem;width:100%}.ProjectCard .private-project-indicator{display:flex;justify-content:center;align-items:center;font-size:.72rem;font-family:"Poppins",sans-serif;margin-top:.3rem;color:#6f7782}.ProjectCard .private-project-indicator .material-icons{font-size:.8rem}.addProjectCard{display:flex;flex-direction:column;align-items:center;width:150px;transition:all .4s ease-in-out;padding:1.25rem .4rem 3.75rem;border-radius:1.875rem}.addProjectCard:hover{background-color:#f6f8f9;cursor:pointer;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.addProjectCard:hover .addProjectCard__content{border:2px dashed #6f7782}.addProjectCard:hover .addProjectCard__content__icon{color:#6f7782}.addProjectCard__content{width:7.5rem;height:7.5rem;border-radius:1.25rem;background-color:#fff;border:2px dashed #9ca6af;display:flex;justify-content:center;align-items:center}.addProjectCard__content__icon{font-size:2.25rem;color:#9ca6af}.addProjectCard__title{margin-top:.625rem;font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:400;text-align:center;max-height:2rem;width:100%}.App-Team{height:90vh;overflow-y:scroll;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;width:100%;margin-top:0}.panels{display:flex;width:900px}.panel_left{margin-right:0}.projects{display:flex}.project_list{display:flex;width:500px}.panel{width:840px;margin-top:2rem}.panel__top{display:flex;justify-content:flex-start;padding:8px 0}.panel__icon{cursor:pointer;color:#9ca6af}.panel__icon,.panel__name{line-height:20px;-webkit-user-select:none;user-select:none}.panel__name{color:#151b26;font-family:"Poppins",sans-serif;font-weight:500;font-size:1.1rem}.panel__divider{content:"";width:100%;height:.15rem;background:#e8ecee;-webkit-transform:scaleY(1);transform:scaleY(1);margin-bottom:1rem}.panel__bottom{display:grid;grid-template-columns:repeat(auto-fill,150px);justify-content:space-between;overflow:hidden}.panel .collapse{display:none}.panel .expand{display:grid}.members{overflow:hidden;text-overflow:ellipsis;width:300px;white-space:nowrap}h2{color:#151b26;font-weight:400}h2,h3{font-family:"Poppins",sans-serif}h3{font-size:.8rem;color:#3c4043}h4{font-size:.7rem;font-family:"Poppins",sans-serif}.add_icon,h4{color:#9ca6af}.add_icon{font-size:1.5rem;font-weight:200}.add_icon:hover{color:#51575c}.member_list li{padding:.3rem .2rem;justify-content:space-between;align-items:center}.Add_member{display:flex;width:200px;align-items:center}.Add_member:hover{cursor:pointer;color:#51575c}.circle{height:2.2rem;width:2.2rem;display:flex;justify-content:center;align-items:center;border-radius:1.1rem;border:2px dashed #9ca6af;margin:10px 0}.circle:hover{border:2px dashed #51575c}.circle_2{height:2.2rem;width:2.2rem;display:flex;justify-content:center;align-items:center;border-radius:1.1rem;background-color:#8000ff;margin:0 0 10px}.init_2{margin-left:182px;font-family:"Poppins",sans-serif;color:azure;font-weight:400;font-size:.9rem}.info_2{margin-left:25px}.user4{display:flex;width:300px;height:50px}.circle_4{height:2.2rem;width:2.2rem;display:flex;justify-content:center;align-items:center;margin:0 0 10px}.pic_4{width:100%;height:100%;border-radius:1.1rem}.info_4{margin-left:16px}.circle_5{height:2.2rem;width:2.2rem;display:flex;justify-content:center;align-items:center;border-radius:1.1rem;background-color:#ffe100;margin:0 0 10px}.init_5{margin-left:155px;font-family:"Poppins",sans-serif;color:azure;font-weight:400;font-size:.9rem}.info_5{margin-left:30px}.circle_bottom{height:2.2rem;width:2.2rem;display:flex;justify-content:center;align-items:center;border-radius:1.1rem;background-color:#ccd1d7}.more_icon{font-size:1.2rem;color:#585f65}.Add_text{font-size:.85rem;color:#9ca6af;margin-left:15px;font-weight:300}.Add_text:hover{color:#51575c}.InvitePopup{position:absolute;width:200px;height:80px;left:-170px;bottom:-215px;display:flex;flex-direction:column;background:#fff;border:1px solid #e8ecee;border-radius:.3rem;align-items:center;box-shadow:0 0 2px #414040;transition:all .5s ease;padding:0}.InvitePopup:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.invite-top{height:8px;width:100%;background:linear-gradient(90deg,#baffba,#4ce3fe)}.invite-content .invite-close{position:absolute;top:.3rem;right:.7rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.4rem;color:#828485;cursor:pointer}.invite-description{margin-top:.8rem;font-family:"Poppins",sans-serif;font-size:.8rem;font-weight:400;color:#47494a}.invite-content .invite-team{font-family:"Poppins",sans-serif;color:#4ce3fe;font-size:.9rem;font-weight:500}.TeamPopup{position:absolute;top:100px;left:180px;display:flex;z-index:100}.addmember{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;background:#fff;border:1px solid #e8ecee;border-radius:.4rem;position:relative;display:flex;flex-direction:column;align-items:center;height:440px;box-shadow:0 0 5px #414040;transition:all .5s ease}.addmember:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.AddMember{margin:0;padding:0;width:560px;height:420px;border-radius:8px;position:relative}.AddMember .close{position:absolute;top:.3rem;right:.7rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:1.7rem;color:#828485;cursor:pointer}.AddMember .divider{margin-top:8px;width:560px;content:"";height:.1rem;background:#e8ecee}.AddMember h2{font-family:"Poppins",sans-serif;font-size:1.3rem;font-weight:500;margin:.5rem 0 0 2rem}.AddMember .content{margin:1.4rem 2rem}.AddMember .content-title p{display:inline}.content-description{font-family:"Poppins",sans-serif;font-size:.8rem;font-weight:400;color:#47494a;margin-bottom:2.4rem}.content-contact,.content-email{font-family:"Poppins",sans-serif;font-size:.7rem;font-weight:400;color:#6b6f71}.content-contact{display:flex}.text-email{margin-top:.5rem;resize:none;height:110px;width:490px;color:#2d3032;outline:none;padding:.5rem;border-color:#a2aaae;border-radius:4px;font-family:"Poppins",sans-serif;font-size:.7rem;font-weight:400}.text-email:focus{box-shadow:2px 2px -1px grey}.input-field{margin-top:2rem;color:#47494a}.input-field,.inputtext{font-family:"Poppins",sans-serif;font-size:.7rem;font-weight:400}.inputtext{width:490px;padding:.4rem .3rem;border-color:#a2aaae;border-radius:4px;height:32px;resize:none;margin-top:.4rem}.inputtext,.send{outline:none;align-items:center}.send{margin:30px 70px 50px 430px;display:flex;justify-content:flex-end;height:30px;width:60px;padding-right:13px;color:#a2aaae;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.send:hover{background-color:#0ad4e3;color:#fff}.email-icon{margin-right:.3rem;font-size:1rem;color:#f04033;margin-left:18rem;justify-content:center}.TeamFilterbar{display:flex;width:100%;justify-content:flex-start;align-items:center;padding:0 .25rem;border-bottom:1px solid #dcdcdc;box-shadow:1px 1px 1.5px #d5cece;color:#8c8282}.TeamFilterbar button{display:flex;align-items:center;background-color:initial;margin:0 .9rem;box-shadow:none;outline:none;padding:0 .3rem;font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:400;color:grey;border:none;border-bottom:1.5px solid #08def5}.TeamFilterbar button:hover{cursor:pointer}.Navigation{border-bottom:1px solid rgba(111,119,130,.5);min-height:100px}.Navigation ul{list-style:none;display:flex;flex-direction:column;padding-bottom:1.2rem}.Navigation ul .active{background-color:rgba(111,119,130,.5)}.Navigation ul li{display:flex;align-items:center;color:#e8ecee;font-family:"Poppins",sans-serif;font-weight:400;font-size:.9rem;padding:.5rem 1rem;cursor:pointer;position:relative;line-height:1.5}.Navigation ul li:hover{background-color:rgba(111,119,130,.2)}.Navigation ul li .link{display:flex;align-items:center}.Navigation ul li .link .icon{margin-right:.5rem;-webkit-transform:scale(.8);transform:scale(.8);position:relative;top:-1px}.LoginForm{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.LoginForm .app-logo{color:#9ca6af;position:absolute;bottom:3rem}.LoginForm__error{position:absolute;z-index:20;top:1rem;background:#ff4500;color:#fff;padding:0 .5rem;border-radius:1rem;font-size:.9rem}.LoginForm__backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(21,27,38,.8)}.LoginForm__content{font-family:"Poppins",sans-serif;display:flex;align-items:center;flex-direction:column;max-width:50rem;width:90%;padding:3rem 5rem;background-color:#f6f8f9;z-index:10;border-radius:.2rem;position:relative}.LoginForm__content .close{border:none;background:transparent;color:#9ca6af;-webkit-transform:scale(1.4);transform:scale(1.4);position:absolute;right:1.3rem;top:1.3rem;transition:color .2s ease}.LoginForm__content .close:hover{cursor:pointer;color:#6f7782}.LoginForm__content header{font-size:2.25rem;font-weight:300;font-family:"Poppins",sans-serif;margin-bottom:2.5rem}.LoginForm__content .loginAsAGuest,.LoginForm__content .register{width:60%;min-width:18.75rem;padding:0 1.5rem;height:2.3rem;border:none;font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:400;transition:all .25s ease;border-radius:.2rem;box-shadow:0 3px 5px 0 rgba(36,50,66,.2);background-color:#fff;color:#9ca6af}.LoginForm__content .loginAsAGuest:hover,.LoginForm__content .register:hover{cursor:pointer;box-shadow:0 11px 12px 0 rgba(36,50,66,.12);color:#796eff}.LoginForm__content .loginAsAGuest:focus,.LoginForm__content .register:focus{outline:none}.LoginForm__content .register{margin-top:1rem}.LoginForm__content .divider{color:#9ca6af;font-family:"Poppins",sans-serif;font-size:.9rem;margin:1.8rem 0;display:flex;align-items:center}.LoginForm__content .divider:after,.LoginForm__content .divider:before{content:"";width:100px;height:2px;background-color:#e8ecee;margin:0 2rem}.LoginForm__content form{display:flex;flex-direction:column;align-items:center;min-width:18.75rem;width:60%}.LoginForm__content form .LoginForm__content__field{margin-bottom:1.5rem;width:100%}.LoginForm__content form .LoginForm__content__field label{color:#6f7782;display:block;font-size:.81rem;margin-bottom:.5rem}.LoginForm__content form .LoginForm__content__field input{width:100%;height:2.3rem;padding:.5rem;border-radius:.2rem;font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:400;color:#151b26;border:2px solid #e8ecee}.LoginForm__content form .LoginForm__content__field input:focus{border-color:rgba(121,110,255,.8)}.LoginForm__content form .LoginForm__content__field input::-webkit-input-placeholder{color:#9ca6af}.LoginForm__content form .LoginForm__content__field input::placeholder{color:#9ca6af}.LoginForm__content form button[type=submit]{padding:0 1.5rem;height:2.3rem;border:none;font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:400;transition:all .25s ease;border-radius:.2rem;background-color:#796eff;color:#fff;width:100%}.LoginForm__content form button[type=submit]:hover{cursor:pointer;background-color:#635ac7}.LoginForm__content .LoginForm__extra{margin:2.5rem 0;padding-top:1rem;display:flex;flex-direction:column;align-items:center;font-size:.81rem;color:#9ca6af}.LoginForm__content .LoginForm__extra .forgotPassword:hover{text-decoration:underline;cursor:pointer}.LoginForm__content .LoginForm__extra .dontHaveAccount{margin-top:1rem;font-weight:300}.LoginForm__content .LoginForm__extra .dontHaveAccount a{color:#796eff;text-decoration:none;font-weight:400}.LoginForm__content .LoginForm__extra .dontHaveAccount a:hover{text-decoration:underline;cursor:pointer}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#9ca6af;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.App-Project{background-color:#f6f8f9;padding:.5rem .8rem;width:100%;overflow-y:hidden;overflow-x:auto}.kanban{display:flex;width:100vh}.board-column{width:19rem;display:flex;flex-direction:column;align-items:center;min-height:200px;border:1px solid transparent;border-radius:.4rem;transition:border-color .25s ease;background:#f6f8f9;padding:1rem;cursor:pointer}.board-column--hovered{border-color:#e8ecee}.board-column--isDragging{border-color:#e8ecee;background:#e8ecee}.board-column .header{width:17.5rem;display:flex;justify-content:space-between;align-items:center;height:2rem;margin:.25rem 0;cursor:pointer}.board-column .header .title{font-family:"Poppins",sans-serif;font-size:1.1rem;font-weight:500;width:100%}.board-column .header span{display:inline-block;-webkit-user-select:none;user-select:none}.board-column .header .button{cursor:pointer;color:#9ca6af;transition:all .25s ease}.board-column .header .button:hover{color:#151b26}.board-column .header input{font-family:"Poppins",sans-serif;font-size:1.1rem;font-weight:500;padding:.4rem .25rem;border:1px solid #9ca6af;border-radius:.25rem;width:17.5rem;margin-bottom:.25rem}.board-column .header input:focus{outline:none}.addBoardTaskButton{height:2rem;width:17.5rem;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 1px 3px 0 rgba(21,27,38,.15);border-radius:.25rem;margin-bottom:.5rem}.addBoardTaskButton span{color:#6f7782;-webkit-user-select:none;user-select:none}.addBoardTaskButton:hover{cursor:pointer}.addBoardTaskButton:hover span{color:#20aaea}.taskCardList{width:17.5rem;border-radius:.25rem;height:80vh;overflow-y:auto;overflow-x:hidden}.empty{background:linear-gradient(#fff,#f6f8f9)}.taskCard{width:17.5rem;min-height:5.25rem;border:1px solid #e8ecee;background:#fff;border-radius:.3rem;cursor:pointer;box-shadow:0 1px 3px 0 rgba(21,27,38,.15);position:relative;margin-bottom:.5rem;font-family:"Poppins",sans-serif;font-size:.81rem;color:#151b26}.taskCard--highlighted{border:1px solid #20aaea;background:rgba(32,170,234,.1);outline:none}.taskCard--completed{opacity:.5}.taskCard--dropzone{padding:1rem 1rem 0;display:flex;flex-direction:column;align-items:center;outline:none}.taskCard--dropzone .uploadArea{height:0;width:100%;transition:all .3s ease .2s;display:flex;justify-content:center;align-items:center}.taskCard--dropzone .uploadArea span{opacity:0;transition:all .3s ease .2s;font-size:2rem;color:#9ca6af}.taskCard--dropzone .uploadArea--show{height:5rem;background-color:#e8ecee}.taskCard--dropzone .uploadArea--show span{opacity:.5}.taskCard--dropzone .taskCard__top{width:100%;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center}.taskCard--dropzone .taskCard__top input[type=file]{display:none}.taskCard--dropzone .taskCard__top .complete-button{font-size:.63rem}.taskCard--dropzone .taskCard__top .complete-button:focus{outline:none}.taskCard--dropzone .taskCard__top__right{display:flex;align-items:center}.taskCard--dropzone .taskCard__top__right span{color:#9ca6af;font-size:1rem;margin-left:.3rem}.taskCard--dropzone .taskCard__top__right span:hover{color:#6f7782}.taskCard--dropzone .coverImage{margin-bottom:.8rem}.taskCard--dropzone:hover{cursor:pointer}.taskCard--dropzone .content{width:100%;position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.taskCard--dropzone .content .name{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.25rem 0;width:100%;border:none;font-family:"Poppins",sans-serif;font-size:.81rem;font-weight:400;outline:none;resize:none;cursor:pointer;background:transparent;pointer-events:none}.taskCard--dropzone .content .name:focus{color:#000}.taskCard--dropzone .content .new-task-input{border:none;font-family:"Poppins",sans-serif;font-size:.81rem;font-weight:400;height:100%;width:100%;resize:none}.taskCard--dropzone .content .new-task-input:focus{outline:none}.taskCard--dropzone .content button{background:none;border:none;display:inline-block;position:relative;top:-.1rem;-webkit-transform:scale(.8);transform:scale(.8);visibility:hidden;cursor:pointer}.taskCard--dropzone .content button span{color:#9ca6af}.taskCard--dropzone .content button span:hover{color:#6f7782}.taskCard--dropzone .extra{height:2rem;position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;margin-bottom:.5rem}.taskCard--dropzone .extra .actions{display:flex;align-items:center;justify-content:space-between;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.taskCard--dropzone .extra .actions ul{list-style:none;display:flex;align-items:center}.taskCard--dropzone .extra .actions ul .button{margin-right:.5rem;display:flex;justify-content:center;align-items:center}.taskCard--dropzone .extra .actions ul .button .circularButton{width:1.5rem;height:1.5rem}.taskCard--dropzone .extra .actions ul .button .circularButton .material-icons{font-size:1.1rem}.taskCard--dropzone .extra .info{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.taskCard--dropzone .extra .info ul{list-style:none;display:flex;align-items:center}.taskCard--dropzone .extra .info ul li{display:flex;align-items:center;margin-left:.2rem}.taskCard--dropzone .extra .info ul li .numberOfLikes{display:inline-block;color:#9ca6af;line-height:1.5}.taskCard--dropzone .extra .info ul li .material-icons,.taskCard--dropzone .extra .info ul li .material-icons-outlined{font-size:.9rem;margin-left:.25rem;color:#9ca6af}.CoverPhotoBlock{width:250px}.CoverPhotoBlock img{height:100%;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:.25rem}.DisplayPhotoBlock{height:4rem;width:200px;position:relative;border:1px solid #e8ecee;border-radius:.5rem}.DisplayPhotoBlock:hover .DisplayPhotoBlock__overlay{opacity:1}.DisplayPhotoBlock__overlay{border-radius:.5rem;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(21,27,38,.5);opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:flex-end}.DisplayPhotoBlock__overlay span{color:#fff}.DisplayPhotoBlock__overlay span:hover{color:#20aaea}.DisplayPhotoBlock:hover{cursor:pointer}.DisplayPhotoBlock img{border-radius:.5rem;height:100%;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.circularButton{width:32px;height:32px;border-radius:50%;border:1px dashed #9ca6af;display:flex;justify-content:center;align-items:center;color:#9ca6af;overflow:hidden;box-sizing:initial;cursor:pointer}.circularButton .material-icons{color:#9ca6af}.circularButton:hover{border:1px solid #6f7782}.circularButton:hover .material-icons{color:#6f7782}.DateDisplay .isClose{color:#62d26f}.DateDisplay .isLate{color:#e8384f}.DateDisplay span{font-size:.72rem}.complete-button{border:1px solid #6f7782;color:#6f7782;font-family:"Poppins",sans-serif;font-weight:400;font-size:.81rem;padding:.12rem .5rem;text-align:center;border-radius:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:transparent;transition:all .1s ease}.complete-button:hover{border-color:#00bf9c;color:#00bf9c;cursor:pointer;background:rgba(0,191,156,.1)}.complete-button .content{display:flex;align-items:center}.complete-button .content span{font-size:.9rem;position:relative;top:-1px;margin-right:.2rem}.completed{color:#fff;background:#00e8bd;border:none}.completed:hover{color:#fff;background:#00bf9c}.addNewColumn{height:100vh;width:19rem;min-height:200px;padding:1rem;display:flex;flex-direction:column;cursor:pointer}.addNewColumn .header{margin:.1rem 0;-webkit-user-select:none;user-select:none;max-height:45px}.addNewColumn .header h2{font-family:"Poppins",sans-serif;font-size:1.1rem;font-weight:500;color:#9ca6af;margin-top:.5rem}.addNewColumn .header h2 span{color:#9ca6af;font-size:1rem;display:inline-block;margin-right:.2rem;position:relative;top:.1rem}.addNewColumn .header h2:hover{color:#20aaea;cursor:pointer}.addNewColumn .header h2:hover span{color:#20aaea}.addNewColumn .header input{font-family:"Poppins",sans-serif;font-size:1rem;font-weight:400;width:17.5rem;padding:.5rem;outline:none;border-radius:.25rem}.addNewColumn .header input:focus{outline:none;border:1px solid #9ca6af}.addNewColumn .list{width:17.5rem;min-height:80vh;background:linear-gradient(#fff,#f6f8f9);border-radius:.25rem;margin:2.65rem 0 .5rem;visibility:hidden}.addNewColumn .list--show{visibility:visible}.boardPlaceholder{height:100vh;width:100%;background-color:#f6f8f9}.boardPlaceholder__columns{display:flex;list-style:none;margin:2rem 1rem}.boardPlaceholder__columns li{width:280px;margin-right:1rem;position:relative}.boardPlaceholder__columns li .header{height:1.5rem;border-radius:.25rem;background-color:rgba(232,236,238,.8);background:linear-gradient(90deg,rgba(232,236,238,.8) 5%,rgba(232,236,238,.2) 30%,rgba(232,236,238,.8) 55%);-webkit-animation:placeholderShimmer 2.5s linear 0s infinite normal forwards;animation:placeholderShimmer 2.5s linear 0s infinite normal forwards}.boardPlaceholder__columns li .header:after{content:"";position:absolute;right:0;width:50%;background:#f6f8f9;height:1.5rem}.boardPlaceholder__columns li .content{width:280px;height:300px;margin-top:1rem;border-radius:.25rem;background-color:rgba(232,236,238,.8);background:linear-gradient(90deg,rgba(232,236,238,.8) 5%,rgba(232,236,238,.2) 30%,rgba(232,236,238,.8) 55%);-webkit-animation:placeholderShimmer 2.5s linear 0s infinite normal forwards;animation:placeholderShimmer 2.5s linear 0s infinite normal forwards}@-webkit-keyframes placeholderShimmer{0%{background-position:-550 0}to{background-position:550px 0}}@keyframes placeholderShimmer{0%{background-position:-550 0}to{background-position:550px 0}}.projectDetail{display:flex;flex-direction:column;align-items:center}.projectDetail__nav{width:100%;display:flex;justify-content:space-between;padding:0 24px;height:64px;align-items:center;-webkit-user-select:none;user-select:none}.projectDetail__nav .icon{font-size:18px;cursor:pointer}.projectDetail__form{padding:32px 0;display:flex;flex-direction:column;justify-content:space-evenly;min-height:500px;color:#151b26;font-size:small;width:25%;min-width:300px}.projectDetail__description{margin-top:20px;padding:7px;border-radius:3px;resize:none;box-sizing:border-box;font-size:13px;font-weight:400;line-height:20px;border-width:1px;border-style:solid;height:32px;width:100%;height:100px}.projectDetail__label{font-weight:700;font-size:smaller;color:#6f7782}.projectDetail__name-disabled{border-color:#ed4758!important}.projectDetail__name input{border-radius:3px;padding:4px 7px;margin-top:5px;box-sizing:border-box;font-size:13px;font-weight:400;line-height:20px;border-width:1px;border-style:solid;height:32px;width:100%}.projectDetail__name button{border:none;background-color:#fff;color:#14aaf5;margin-top:10px;font-size:small;cursor:pointer}.projectDetail__radios{display:flex;align-items:center;margin:5px 0}.projectDetail__radios .icon{font-size:17px;color:#6f7782;margin:0 6px}.projectDetail__createProject{width:100%;background-color:#f6f8f9;height:32px;line-height:32px;padding:0 15px;box-shadow:none;color:#151b26;fill:#9ca6af;align-items:center;border-radius:4px;border:1px solid #6f7782;cursor:pointer;font-size:smaller;font-weight:700}.projectDetail__createProject-disabled{background:#f6f8f9!important;border:1px solid #f6f8f9!important;color:#9ca6af!important;cursor:default!important;pointer-events:none!important;-webkit-user-select:none;user-select:none}.ContentHeader{height:4.5rem;justify-content:space-between;padding:0 1.5rem;background-color:#fff}.ContentHeader,.ContentHeader .title{display:flex;align-items:center}.ContentHeader .title .icon{display:inline-block;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.5rem;color:#6f7782}.ContentHeader .title h2{font-family:"Poppins",sans-serif;font-size:1.5rem;font-weight:500}.ContentHeader .title .star{display:inline-block;align-self:center;height:25px;line-height:25px;margin-left:15rem;cursor:pointer}.ContentHeader .title .searchContainer{margin-left:1rem;align-self:center;border:1px solid #cbd4db;width:140px;border-radius:16px;color:#151b26;display:flex}.ContentHeader .title .searchContainer>span:first-of-type{align-self:center;margin-left:.2rem}.ContentHeader .title .searchContainer>input{padding:1px 16px 0 0;color:#151b26;transition:all .15s;height:32px;background-color:initial;border:none;outline:none;margin-left:.2rem;overflow:auto}.ContentHeader .title .searchContainer>input:focus{width:500px}.ContentHeader .more-content{display:flex;align-items:center;margin-right:1rem}.ContentHeader .more-content__MultipleUserProfile{margin-right:2rem}.ContentHeader .more-content__userSection{list-style:none;display:flex}.ContentHeader .more-content__userSection li{margin:0 .5rem}.ContentHeader .more-content .help_icon{font-size:1.6rem;font-weight:300}.MenuBar{justify-content:space-between;padding:.5rem 1.5rem;height:4.5rem}.MenuBar,.MenuBar__title{display:flex;align-items:center}.MenuBar__title .icon{margin-right:1rem;cursor:pointer}.MenuBar__title__project-icon{width:3rem;height:3rem;cursor:pointer}.MenuBar__title__project-icon .card{border-radius:.75rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.MenuBar__title__project-icon .card .themeIcon{font-size:1.8rem;-webkit-filter:invert(97%) sepia(1%) saturate(489%) hue-rotate(140deg) brightness(103%) contrast(95%);filter:invert(97%) sepia(1%) saturate(489%) hue-rotate(140deg) brightness(103%) contrast(95%);display:inline-block;opacity:.8;transition:all .4s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.MenuBar__title .title{margin-left:1rem;font-family:"Poppins",sans-serif;font-size:1.1rem;font-weight:500;border:none}.MenuBar__title .title:hover{cursor:pointer}.MenuBar__title .iconGroup{margin-left:.25rem;display:flex}.MenuBar__title .iconGroup span{-webkit-transform:scale(.8);transform:scale(.8);margin:0 .5rem;color:#9ca6af;cursor:pointer}.MenuBar__title .iconGroup span:hover{color:#151b26}.MenuBar__title .iconGroup .star{color:#9ca6af}.MenuBar__more-content{display:flex;align-items:center;margin-right:1rem}.MenuBar__more-content .MultipleUserProfile{margin-right:2rem}.MenuBar__more-content .userSection{list-style:none;display:flex}.MenuBar__more-content .userSection li{margin:0 .5rem}.filterbar{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.25rem 1.5rem;font-family:"Poppins",sans-serif;font-size:.81rem;font-weight:400;border-top:1px solid #e8ecee;box-shadow:0 1px 3px 0 rgba(21,27,38,.15);color:#6f7782}.filterbar .activated{color:rgba(32,170,234,.8);background-color:rgba(32,170,234,.3)}.filterbar .activated:hover{background-color:rgba(32,170,234,.3);color:#20aaea}.filterbar__controls,.filterbar__controls button{display:flex;align-items:center}.filterbar__controls button{justify-content:center;border:none;background:none;color:#6f7782;margin-right:.5rem;padding:0 .6rem 0 .25rem;border-radius:.25rem}.filterbar__controls button:hover{background:#e8ecee;cursor:pointer;color:#151b26}.filterbar__controls button:focus{outline:none}.filterbar__controls button span{-webkit-transform:scale(.6);transform:scale(.6)}.filterbar__controls .divider{height:1rem;width:2px;background:#9ca6af;margin:0 1.75rem 0 1rem;opacity:.6}.filterbar__controls .more{margin-right:1.5rem;cursor:pointer;-webkit-transform:scale(.8);transform:scale(.8)}.PopupMenu{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:100}.PopupMenu .menu{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff;border:1px solid #e8ecee;border-radius:.2rem;position:relative;display:flex;flex-direction:column;align-items:center}.ActionList{margin:.25rem 0}.ActionList ul{list-style:none;color:#151b26;font-family:"Poppins",sans-serif;font-size:.81rem;font-weight:400;width:180px}.ActionList ul li{padding:.5rem;display:flex;align-items:center;justify-content:flex-start;-webkit-user-select:none;user-select:none}.ActionList ul li .material-icons-outlined{font-size:1rem;position:relative;top:-1px;right:-6px}.ActionList ul li:hover{background-color:#e8ecee;cursor:pointer}.ActionList ul .nextLevel{position:absolute;border:1px solid #e8ecee;min-width:150px;border-radius:.2rem;background:#fff;display:flex;flex-direction:column;align-items:center}.ActionList ul .nextLevel:hover{background-color:#fff}.ActionList .FilterFilter{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.ActionList .FilterFilter__title{font-family:"Poppins",sans-serif;font-size:.72rem;font-weight:400;color:#9ca6af;padding:.5rem}.ActionList .FilterFilter .divider,.ActionList .FilterSort .divider,.ActionList .FilterTasks .divider,.ActionList .ProfilePopup .divider{content:"";width:100%;height:1px;background:#e8ecee;-webkit-transform:scaleY(1);transform:scaleY(1)}.ActionList .FilterFilter li,.ActionList .FilterSort li,.ActionList .FilterTasks li,.ActionList .ProfilePopup li{display:flex;justify-content:flex-start;align-items:center;padding-left:2rem;position:relative}.ActionList .FilterFilter li .material-icons,.ActionList .FilterFilter li .material-icons-outlined,.ActionList .FilterSort li .material-icons,.ActionList .FilterSort li .material-icons-outlined,.ActionList .FilterTasks li .material-icons,.ActionList .FilterTasks li .material-icons-outlined,.ActionList .ProfilePopup li .material-icons,.ActionList .ProfilePopup li .material-icons-outlined{font-size:1rem;position:absolute;left:.5rem}.ActionList .FilterFilter li__current,.ActionList .FilterSort li__current,.ActionList .FilterTasks li__current,.ActionList .ProfilePopup li__current{width:1rem;-webkit-transform:scale(.5);transform:scale(.5);position:absolute;left:.5rem}.ActionList .FilterFilter .expandableItem,.ActionList .FilterSort .expandableItem,.ActionList .FilterTasks .expandableItem,.ActionList .ProfilePopup .expandableItem{display:flex;justify-content:space-between;align-items:center;position:relative}.ActionList .FilterFilter .expandableItem .moreActions,.ActionList .FilterSort .expandableItem .moreActions,.ActionList .FilterTasks .expandableItem .moreActions,.ActionList .ProfilePopup .expandableItem .moreActions{left:unset;top:unset;right:.25rem}.ActionList .TaskcardContextPopup ul li{padding-left:.5rem}.ActionList .TaskcardContextPopup ul li .icon{margin-right:.75rem;color:#9ca6af}.ActionList .TaskcardContextPopup ul:nth-of-type(2){border-top:1px solid #e8ecee;border-bottom:1px solid #e8ecee}.ActionList .TaskcardContextPopup ul:nth-of-type(2) li span{margin-left:.25rem}.ActionList .TaskcardContextPopup ul:last-of-type{color:#e8384f}.ActionList .TaskcardContextPopup ul:last-of-type li span{margin-left:.25rem}.ActionList .ColumnPopup li{color:#e8384f}.IconArray{width:250px}.IconArray .content{border-top:2px solid #e8ecee;width:100%;display:flex;flex-wrap:wrap;padding:1rem 1.5rem 0;max-height:210px;overflow-y:scroll;margin-bottom:1rem}.IconArray .content .item{width:25%;margin-bottom:.5rem;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.IconArray .content .item:hover{background-color:#e8ecee;cursor:pointer}.IconArray .content .item:hover span{-webkit-filter:invert(9%) sepia(42%) saturate(445%) hue-rotate(179deg) brightness(95%) contrast(98%);filter:invert(9%) sepia(42%) saturate(445%) hue-rotate(179deg) brightness(95%) contrast(98%)}.IconArray .content .item span{font-size:2rem;-webkit-filter:invert(76%) sepia(22%) saturate(139%) hue-rotate(167deg) brightness(83%) contrast(87%);filter:invert(76%) sepia(22%) saturate(139%) hue-rotate(167deg) brightness(83%) contrast(87%);display:inline-block;text-align:center}.IconArray .content .item--selected{background-color:#dc143c;cursor:pointer}.IconArray .content .item--selected span{-webkit-filter:invert(9%) sepia(42%) saturate(445%) hue-rotate(179deg) brightness(95%) contrast(98%);filter:invert(9%) sepia(42%) saturate(445%) hue-rotate(179deg) brightness(95%) contrast(98%)}.tooltip{width:9.375rem;border-radius:.25rem;box-shadow:0 0 0 1px rgba(111,119,130,.15),0 5px 20px 0 rgba(21,27,38,.08);padding:.25rem 0;flex-direction:column;z-index:20;background-color:#fff}.tooltip:before{border-color:rgba(111,119,130,.3) transparent;border-width:0 10px 10px;z-index:0;left:64px;top:-10px}.tooltip:after,.tooltip:before{content:"";position:absolute;border-style:solid;display:block;width:0}.tooltip:after{border-color:#fff transparent;border-width:0 9px 9px;z-index:100;left:65px;top:-9px}.tooltip__content ul{width:9.375rem}.tooltip__content ul li{cursor:pointer;padding:.5rem 1rem;display:flex;align-items:center;font-family:"Poppins",sans-serif;font-size:.72rem;font-weight:400;color:#151b26}.tooltip__content ul li .material-icons{color:#9ca6af;font-size:1.2rem;position:relative;margin-right:.5rem}.tooltip__content ul li:hover{background:linear-gradient(45deg,#ff5263,#ff7381 60%,#fcbd01 115%)}.tooltip__content ul li:hover span{color:#fff}.AddTaskPopup{min-width:600px;max-height:70vh;right:0;bottom:0;margin:auto;position:absolute;z-index:200;overflow:scroll;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(111,119,130,.15),0 5px 20px 0 rgba(21,27,38,.08);padding:0 2rem;font-size:13px;z-index:20;-webkit-user-select:none;user-select:none}.AddTaskPopup_TopIcon{display:flex;align-items:center;height:56px;padding:0 24px;font-size:13px;justify-content:flex-end}.AddTaskPopup_TopIcon>span:first-of-type,.AddTaskPopup_TopIcon>span:nth-of-type(2){color:#6f7782;cursor:pointer;margin-left:3px;transition:all .2s}.AddTaskPopup_TopIcon>span:first-of-type:hover,.AddTaskPopup_TopIcon>span:nth-of-type(2):hover{color:#000}.AddTaskPopup_TaskName{border:0;outline:none;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;margin-bottom:8px;flex-shrink:0}.AddTaskPopup_TaskName::-webkit-input-placeholder{color:#9da7b0}.AddTaskPopup_TaskName::placeholder{color:#9da7b0}.AddTaskPopup_AssigneeProjectField{display:flex;align-items:center;padding:4px 0;position:relative}.AddTaskPopup_AssigneeProjectField>span:first-of-type,.AddTaskPopup_AssigneeProjectField>span:nth-of-type(3){color:#9ca6af;margin-right:8px}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(3){margin-left:8px}.AddTaskPopup_AssigneeProjectField_remove{position:absolute;font-size:14px;left:85px}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2){cursor:pointer;font-size:13px;height:24px;max-width:180px;transition-duration:.1s;transition-property:background,border,color,fill;display:flex;background-color:#e8ecee;border-radius:12px;position:relative;z-index:0}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2) .username{max-width:180px;overflow:hidden;text-overflow:ellipsis;color:#151b26;font-size:13px;cursor:pointer;height:24px;line-height:24px;padding-left:7px;padding-right:7px}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2) .avatar{position:absolute;z-index:2}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2) .assigneePlaceholder{border:1px dashed #cbd4db;border-radius:12px;color:#6f7782;cursor:pointer;padding:0 24px;height:24px;align-self:center;line-height:24px;transition:box-shadow .2s,color .2s,background .2s,fill .2s,border-color .2s}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2) .assigneePlaceholder:hover{background-color:#f6f8f9;border-color:#6f7782;border-style:solid;color:#273240;fill:#273240;outline:none}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2) .remove{font-size:14px;height:14px;line-height:14px;margin-right:5px;transition:all .1s;align-self:center}.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2) .remove:hover,.AddTaskPopup_AssigneeProjectField>span:nth-of-type(2):hover .AddTaskPopup_AssigneeProjectField>span:nth-of-type(2).remove{background-color:#151b26;height:14px;line-height:14px;color:#e8ecee;border-radius:50%;align-self:center}.AddTaskPopup_AssigneeProjectField .placeholder{border:1px dashed #cbd4db;border-radius:12px;color:#6f7782;cursor:pointer;padding:0 24px;height:24px;align-self:center;line-height:24px;transition:box-shadow .2s,color .2s,background .2s,fill .2s,border-color .2s}.AddTaskPopup_AssigneeProjectField .placeholder:hover{background-color:#f6f8f9;border-color:#6f7782;border-style:solid;color:#273240;fill:#273240;outline:none}.AddTaskPopup_AssigneeProjectField .projectInput{border:0;outline:none;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px}.AddTaskPopup_AssigneeProjectField .projectInput::-webkit-input-placeholder{color:#9da7b0}.AddTaskPopup_AssigneeProjectField .projectInput::placeholder{color:#9da7b0}.AddTaskPopup_description{min-height:100px;height:250px;border:0;outline:none;resize:none;display:block;width:100%!important;padding:8px 0}.AddTaskPopup_description::-webkit-input-placeholder{color:#9da7b0}.AddTaskPopup_description::placeholder{color:#9da7b0}.AddTaskPopup_BottomIcon{display:flex;align-items:center;padding:28px 0}.AddTaskPopup_BottomIcon>span{margin-right:12px;font-size:20px;cursor:pointer;color:#6f7782;transition:box-shadow .2s,color .2s,fill .2s}.AddTaskPopup_BottomIcon>span:hover{color:#273240}.AddTaskPopup_BottomIcon>span:first-of-type{font-size:25px}.AddTaskPopup_BottomIcon>span:nth-of-type(6){margin-left:auto;font-size:25px}.AddTaskPopup_BottomIcon>button{border-radius:4px;font-size:13px;min-width:48px;text-align:center;transition-duration:.2s;transition-property:all;outline:none;padding:0 15px;height:32px;line-height:32px}.AddTaskPopup_BottomIcon_disabled{box-shadow:none;color:#9ca6af;cursor:default;background-color:#f6f8f9;border:1px solid #e8ecee}.AddTaskPopup_BottomIcon_activated{box-shadow:none;color:#fff;background-color:#14aaf5;border:1px solid #14aaf5;cursor:pointer}.AddTaskPopup_BottomIcon_activated:hover{background-color:#008ce3;border-color:#008ce3}.AddTaskPopup_BottomIcon_activated:active{background-color:#006db0;border-color:#006db0;box-shadow:none}.calendarPopup{background-color:#e8ecee;box-shadow:6px 7px 10px -4px #9ca6af;width:264px;height:319px;padding:0 16px 16px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:20px;position:relative}.calendarPopup__title{display:flex;align-items:center;width:100%;color:#6f7782}.calendarPopup__icons{width:50px;cursor:pointer}.calendarPopup__month{flex:auto;text-align:center}.calendarPopup__grid{width:100%;text-align:center}.calendarPopup__grid-header{color:#6f7782}.calendarPopup__cell{padding:5px 0;width:20px;cursor:pointer}.calendarPopup__btn{width:100%;border-radius:5px;background-color:#14aaf5;padding:0 15px;margin:8px 0 0;color:#fff;fill:#fff;height:32px;line-height:32px;border:1px solid #14aaf5;cursor:pointer}.calendarPopup__btn:hover{background-color:#007ab8}.calendarPopup .active{text-decoration:underline;background-color:#14aaf5}.calendarPopup__before{background-color:#e8ecee;box-sizing:border-box;display:block;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:14px;position:absolute;box-shadow:6px 7px 20px -4px #9ca6af;top:-7px;left:10px}.assigneeItem{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding:.5rem;cursor:pointer;overflow:visible}.assigneeItem:hover{background-color:#e8ecee}.assigneeItem>span{margin-left:.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;align-self:center;vertical-align:middle;height:40px;line-height:40px}.assigneeItem>span:first-of-type{vertical-align:middle;height:1rem}.assigneeItem>span:nth-of-type(2){color:#151b26}.assigneeItem>span:nth-of-type(3){color:#6f7782;font-size:.8rem}.assigneeScrollable{max-height:190px;width:500px;list-style:none;border:1px solid #6f7782;border-radius:.2rem;overflow:auto;background-color:#fff}.assigneeScrollable .spinner{position:relative;left:50%;-webkit-transform:translate(-2rem);transform:translate(-2rem)}.PopupCircularButton__container{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:100}.PopupCircularButton__content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:transparent;border:none;border-radius:.2rem;position:relative;display:flex;flex-direction:column;align-items:center}.profileSettings{display:flex;align-items:center;justify-content:center;z-index:30;position:absolute;width:100%;height:100%;background:rgba(21,27,38,.8)}.profileSettings__content{background:#fff;padding:1.2rem 1.5rem;font-family:"Poppins",sans-serif;border-radius:.25rem;width:40%;z-index:40}.profileSettings__content header{font-size:1.1rem;font-weight:500;display:flex;align-items:center;justify-content:space-between}.profileSettings__content header span:nth-of-type(2):hover{cursor:pointer}.profileSettings__content .your_photo{margin-top:2rem;display:flex;align-items:center}.profileSettings__content .your_photo .profile{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:left;transform-origin:left}.profileSettings__content .your_photo .cta{margin-left:2.5rem;display:flex;flex-direction:column}.profileSettings__content .your_photo .cta .fileUpload{display:none}.profileSettings__content .your_photo .cta span:first-of-type{color:#20aaea;font-size:.8rem}.profileSettings__content .your_photo .cta span:first-of-type:hover{cursor:pointer;text-decoration:underline}.profileSettings__content .your_photo .cta span:nth-of-type(2){font-size:.72rem;color:#6f7782}.profileSettings__content .your_info{margin-top:1.5rem}.profileSettings__content .your_info form{display:flex;flex-wrap:wrap;justify-content:flex-end}.profileSettings__content .your_info form .field{width:48%}.profileSettings__content .your_info form .field:first-of-type{margin-right:4%}.profileSettings__content .your_info form .field label{font-size:.72rem;color:#6f7782}.profileSettings__content .your_info form .field input{display:block;padding:.4rem .5rem;border:1px solid #9ca6af;border-radius:.2rem;width:100%}.profileSettings__content .your_info form .field input:focus{outline:none}.profileSettings__content .your_info form button{background:#20aaea;padding:.5rem .8rem;border:none;color:#fff;border-radius:.25rem;margin-top:2rem}.profileSettings__content .your_info form button:hover{cursor:pointer}.App-SignUp{display:flex;justify-content:flex-start;width:100vw;height:100vh;position:absolute;z-index:100;background:#fff}.App-SignUp .content{width:100%;font-family:"Poppins",sans-serif}.App-SignUp .content header{height:80px;width:100%;padding-left:8%;display:flex;align-items:center}.App-SignUp .content header span:hover{cursor:pointer}.App-SignUp .content h1{margin-top:3rem;margin-left:8%;font-size:1.5rem;font-weight:500}.App-SignUp .content form{padding-left:8%;margin-top:2rem}.App-SignUp .content form button{font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:300;border:none;padding:.5rem 1.25rem;border-radius:.25rem;color:#fff;background-color:#7a6ff0;transition:background-color .25s ease}.App-SignUp .content form button:hover{cursor:pointer;background-color:#635ac7}.App-SignUp .color{background:linear-gradient(45deg,#ff5263,#ff7381 60%,#fcbd01 115%);width:20%;max-width:220px;height:100vh}.textField{display:flex;flex-direction:column;font-family:"Poppins",sans-serif;margin-bottom:1rem}.textField label{color:#151b26;padding:.5rem 0;font-size:1.1rem}.textField__content{position:relative;width:20rem}.textField__content__input{padding:.5rem .25rem;border:none;border-bottom:1px solid #6f7782;font-size:1rem;font-weight:400;width:100%}.textField__content__input:focus{background-color:#f6f8f9;caret-color:#6f7782}.textField__content__input--error{border-color:rgba(232,56,79,.8)}.textField__content__input--name{text-transform:capitalize}.textField .visibility-toggle{position:absolute;padding:.2rem .5rem;font-size:1.3rem;right:0;top:.4rem;color:#9ca6af;-webkit-user-select:none;user-select:none}.textField .visibility-toggle:hover{cursor:pointer}.textField__error{color:rgba(232,56,79,.8);margin-top:.5rem;font-size:.81rem;font-weight:400}.createYourWorkspace__container{display:flex;align-items:center;justify-content:center;z-index:30;position:absolute;width:100%;height:100%;background:rgba(21,27,38,.8)}.createYourWorkspace__container .createYourWorkspace{width:40%;z-index:40;background:#fff;font-family:"Poppins",sans-serif;display:flex;flex-direction:column;border-radius:.3rem;min-width:560px;padding:2rem}.createYourWorkspace__container .createYourWorkspace header{font-size:1.5rem;font-weight:500;display:flex;justify-content:space-between;align-items:center}.createYourWorkspace__container .createYourWorkspace header .close{color:#6f7782}.createYourWorkspace__container .createYourWorkspace header .close:hover{cursor:pointer;color:#151b26}.createYourWorkspace__container .createYourWorkspace__content form{margin:1rem 0}.createYourWorkspace__container .createYourWorkspace__content__workspace-name{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.createYourWorkspace__container .createYourWorkspace__content__workspace-name label{display:block;font-size:.9rem;font-weight:400;color:#6f7782;margin-bottom:.25rem;padding-top:.5rem}.createYourWorkspace__container .createYourWorkspace__content__workspace-name input{border-radius:.25rem;width:100%;border:1px solid #9ca6af;padding:.75rem .5rem;flex-grow:1;max-width:25rem}.createYourWorkspace__container .createYourWorkspace__content__members{display:flex;align-items:flex-start;justify-content:space-between}.createYourWorkspace__container .createYourWorkspace__content__members label{display:block;font-size:.9rem;font-weight:400;color:#6f7782;padding-top:.5rem;margin-bottom:.25rem}.createYourWorkspace__container .createYourWorkspace__content__members .members-field{border:1px solid #9ca6af;border-radius:.25rem;flex-grow:1;min-height:5rem;padding:.5rem .25rem;max-width:25rem;display:flex;text-align:center;position:relative}.createYourWorkspace__container .createYourWorkspace__content__members .members-field:hover{cursor:text}.createYourWorkspace__container .createYourWorkspace__content__members .members-field--error{border-color:#ed4758}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .warning{position:absolute;font-family:"Poppins",sans-serif;font-size:.72rem;font-weight:400;color:#ed4758;bottom:-1.5rem}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token{display:flex;align-items:center;padding:0 .5rem 0 .75rem;border-radius:1rem;height:1.5rem;margin-right:.25rem;background:#e8ecee}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token:hover{cursor:pointer}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token span{font-size:.9rem;color:#151b26}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token span:first-of-type{font-family:"Poppins",sans-serif;margin-right:.25rem}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token .material-icons{border-radius:.5rem}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token .material-icons:hover{background:#151b26;color:#fff;transition:all .3s ease}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--selected{background:#32c1ff}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--selected span{color:#fff}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--selected .material-icons:hover{background:#e8ecee}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--invalid{background:transparent;border:1px solid #ed4758}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--invalid span{color:#ed4758}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--invalid .material-icons:hover{background:#ed4758}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--invalid--selected{color:#fff;background:#ed4758}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--invalid--selected span{color:#fff}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .token--invalid--selected .material-icons:hover{background:#e8ecee}.createYourWorkspace__container .createYourWorkspace__content__members .members-field .create-token{border:none;background:transparent;height:1.5rem;padding:.5rem 0;margin-left:.25rem;outline:none}.createYourWorkspace__container .createYourWorkspace__content__buttonRow{display:flex;justify-content:flex-end;margin-top:2.5rem}.createYourWorkspace__container .createYourWorkspace__content__buttonRow .Button{background:#1296d8;font-size:.9rem;padding:.5rem .75rem;border-radius:.25rem;color:#fff}.createYourWorkspace__container .createYourWorkspace__content__buttonRow .Button--disabled{background:#e8ecee}
/*# sourceMappingURL=main.5cf532fc.chunk.css.map */