@font-face{font-family:nunito;src:url(/static/media/Nunito.ba12192be420666fc588.ttf)}@font-face{font-family:pri-font;src:url(/static/media/SegoeUI.45472284dc36b2486ce2.ttf)}@font-face{font-family:pri-font-bold;src:url(/static/media/SegoeUIBold.b00928e669b804136004.ttf)}@font-face{font-family:pri-font-italic;src:url(/static/media/SegoeUIItalic.cba58501ca412000495c.ttf)}@font-face{font-family:pri-font-bold-italic;src:url(/static/media/SegoeUIBoldItalic.1dc286eeecb0da1dd712.ttf)}@font-face{font-family:secular-font;src:url(/static/media/SecularOne-Regular.141c1f3e034514617e8b.ttf)}@font-face{font-family:charlie-text;src:url(/static/media/Charlie-Text-Thin.01d1b7190e08288d77bb.ttf)}body{--clr-header:#026aa7;--clr-dynamic:$white;--clr-dynamic-inner:$white}.flex{display:flex}.flex.col{flex-direction:column}.flex.space-between{justify-content:space-between}.flex.align-center{align-items:center}.flex.justify-center{justify-content:center}.flex.space-evenly{justify-content:space-evenly}.flex.wrap{flex-wrap:wrap}.clean-list{list-style-type:none;margin:0;padding:0}.min-width-input{margin-left:2PX;max-width:80%;min-width:150px}::-webkit-input-placeholder{color:#172b4d}:-ms-input-placeholder{color:#172b4d}::placeholder{color:#172b4d}*{box-sizing:border-box}html{color:#172b4d;font-family:pri-font,sans-serif;font-size:.875rem}body{background-color:#fafbfc;height:100vh;margin:0;overflow-y:hidden}body #root,body #root .app{height:100%}h1,h2,h3,h4,h5,h6{font-weight:500;margin:0}img{object-fit:contain;width:100%}hr{border:none;border-bottom:1px solid rgba(94,108,132,.15);margin:12px 0}p{margin:0}input{-webkit-margin-end:8px;background:transparent;border:none;color:#172b4d;cursor:pointer;font-family:pri-font,sans-serif;margin-inline-end:8px;outline:none}#loader{align-self:center;justify-self:center;-webkit-transform:translateY(100%);transform:translateY(100%)}textarea{background:transparent;border:none;color:#172b4d;cursor:pointer;font-family:pri-font,sans-serif;font-size:1.125rem;font-weight:600;height:28px;line-height:1;outline:none;overflow-wrap:break-word;padding:0 8px;resize:none}textarea:focus{background-color:#fff;border:2px solid #172b4d;border-radius:3px}button{cursor:pointer;padding:0}a{color:#172b4d;text-decoration:none}.main-layout{display:grid;flex-grow:1;grid-template-columns:20px 1fr 20px;grid-template-rows:minmax(52px,auto) 1fr;height:100%;width:100vw}.main-layout>*{grid-column:2}.main-layout>.full{grid-column:1/-1}.home{background:linear-gradient(0deg,#fff,#eae6ff 100%);color:#172b4d;display:flex;flex-direction:column;height:100%;overflow:auto;position:relative}.home>:not(:first-child){padding:0 30px}@media(max-width:400px){.home>:not(:first-child){padding:5px}.home .text-container{width:100%}.home .hero{flex-direction:column-reverse;gap:30px}.home .hero img{height:250px;width:300px}.home .hero .hero-content{text-align:center}.home .home-body h1{margin-bottom:10px}.home .home-body .image-container{height:500px;margin-top:5px;width:100%}}@media(min-width:400px){.home .hero{flex-direction:column-reverse;gap:10px}.home .hero>:not(:first-child){padding:5px}.home .hero img{height:350px;width:400px}.home .home-body h1{margin-bottom:10px}.home .home-body .image-container{height:500px;margin-top:20px;width:90%}}@media(min-width:830px){.home .hero{flex-direction:row;gap:190px}.home .hero img{height:450px;width:350px}.home .hero .hero-content{text-align:start}.home .home-body h1{margin-bottom:20px}.home .home-body .image-container{display:flex;height:777px;margin:60px auto;max-width:1000px}}nav{background-color:#fafbfc;left:0;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .5s;width:100%}nav:hover{box-shadow:0 6px 16px 0 rgba(9,30,66,.106)}nav .auth-links{display:flex;height:60px}nav .auth-links a{border:none;border-radius:3px;font-size:17.5px;height:35px;height:100%;line-height:35px;padding:10px 20px}nav .auth-links .signup-btn{-webkit-padding-end:35px;background-color:#0065ff;border-radius:0;color:#fafbfc;padding-inline:30px;padding-inline-end:35px}nav .logo{align-items:center;display:flex;margin-left:30px;padding:30px 0}nav .logo img{-webkit-margin-end:8px;height:25px;margin-inline-end:8px;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:25px}nav .logo h1{font-family:nunito;font-size:30px;line-height:1;margin:0}.hero{align-items:center;display:flex;flex-direction:row;flex-grow:1;font-family:sans-serif;gap:190px;justify-content:center;margin-bottom:70px;margin-top:120px;width:100%}.hero h1{display:flex;flex-direction:column;font-family:nunito;font-size:44px;font-weight:600}.hero p{font-family:pri-font;font-size:20px;font-size:1.5rem;line-height:1.6}.hero p:nth-of-type(3){margin-bottom:20px}.hero button{background-color:#0065ff;border:none;border-radius:3px;color:#fafbfc;font-size:1.25rem;height:32px;height:auto;line-height:32px;padding:10px 16px}.home-body{text-align:center}.home-body h1{display:flex;flex-direction:column;font-family:charlie-text;font-size:36px;font-weight:700;font-weight:900;line-height:1.2}.home-body p{font-family:pri-font;font-size:20px;font-size:1.5rem;line-height:1.6}.home-body .text-container{margin:auto;width:80%}.home-body .image-container{align-items:flex-start;position:relative}.home-body .image-container img{border-radius:3px;box-shadow:0 3px 27px -6px rgba(0,0,0,.161);position:relative}#root{background-attachment:fixed!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;height:100%}.board{position:relative}.board .board-header{min-height:54px;width:100%}.board .board-header .btn-stared.is-starred svg{fill:#f2d600;stroke:#f2d600}.board .board-header .board-name{-webkit-margin-after:0;-webkit-margin-before:0;line-height:20px;margin-block-end:0;margin-block-start:0}.board .group-container{flex-grow:1;grid-column:1/-1;margin-bottom:5px;margin-top:8px;overflow-x:auto;padding-left:20px}.board .group-container:last-child{-webkit-padding-end:20px;padding-inline-end:20px}.board .group-container::-webkit-scrollbar{border-radius:10px;height:12px}.board .group-container::-webkit-scrollbar-track{background:var(--clr-dynamic-faded);border-radius:10px}.board .group-container::-webkit-scrollbar-thumb{background:var(--clr-dynamic-faded-hover);border-radius:10px}@media(max-width:400px){.board{height:90%;margin-top:50px}}@media(min-width:400px){.board{margin-top:50px}}@media(min-width:745px){.board{margin-top:0}}.side-menu{height:100%;position:absolute;right:0}.side-menu .close-modal-btn-wrapper{height:32px;position:absolute;right:0;width:32px}.side-menu .close-modal-btn-wrapper svg{width:20px}.side-menu .close-modal-btn-wrapper:hover svg{fill:rgba(0,0,0,.161)}.side-menu .menu-content{background-color:#f4f5f7;height:95%;overflow-y:auto;padding:12px;position:fixed;right:0;text-align:center;top:44px;-webkit-transform:translateX(100%);transform:translateX(100%);width:360px;z-index:10}.side-menu .menu-content::-webkit-scrollbar{border-radius:10px;width:12px}.side-menu .menu-content::-webkit-scrollbar-thumb,.side-menu .menu-content::-webkit-scrollbar-track{background:hsla(0,0%,50%,.231);border-radius:10px}.side-menu .menu-content h1{border-bottom:.2px solid rgba(0,0,0,.078);font-size:16px;margin-bottom:20px;padding-bottom:14px}.side-menu .menu-content button:first-of-type(){margin-top:10px}.side-menu .menu-content.open{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:show-side-menu;animation-name:show-side-menu;-webkit-transform:translateX(0);transform:translateX(0)}.side-menu .menu-content .header-features-buttons-wrapper{display:flex;flex-direction:column}.side-menu .menu-content .header-features-buttons-wrapper .background-select-btn{align-items:center;background-color:transparent;background-color:initial;border:none;border-radius:3px;display:flex;height:32px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:32px;margin:5px 0;padding:5px 10px;text-align:start;width:100%}.side-menu .menu-content .header-features-buttons-wrapper .background-select-btn span{-webkit-transform:translateY(1px);transform:translateY(1px)}.side-menu .menu-content .header-features-buttons-wrapper .background-select-btn:hover{background-color:rgba(0,0,0,.078)}.side-menu .menu-content .header-features-buttons-wrapper .background-select-btn img{height:30px;margin-right:10px;object-fit:cover;width:30px}.side-menu .menu-content .activity-header-wrapper{align-items:center;display:flex;height:38px}.side-menu .menu-content .activity-header-wrapper .activity-logo-wrapper{padding-left:11px;padding-top:5px;width:38px}.side-menu .menu-content .activity-header-wrapper .activity-heading{font-family:secular-font;font-size:14px;justify-self:start;padding-left:12px}.side-menu .menu-content .activities-list .activity-wrapper{align-content:center;display:grid;grid-template-columns:50px 1fr;grid-template-rows:1fr 20px;justify-items:start;margin-bottom:10px}.side-menu .menu-content .activities-list .activity-wrapper .guest-icon{align-items:center;color:#fafbfc;display:flex;justify-content:center}.side-menu .menu-content .activities-list .activity-wrapper .guest-icon,.side-menu .menu-content .activities-list .activity-wrapper img{-webkit-margin-start:5px;border-radius:50%;grid-row:1/-1;height:38px;margin-bottom:5px;margin-inline-start:5px;margin-top:5px;width:38px}.side-menu .menu-content .activities-list .activity-wrapper p{font-size:14px;line-height:20px;text-align:start;word-break:break-word}.side-menu .menu-content .activities-list .activity-wrapper p .created-by-name{color:inherit;font-family:pri-font-bold;font-size:14px;font-weight:700}.side-menu .menu-content .activities-list .activity-wrapper span{color:#5e6c84;font-size:12px}.background-modal{background-color:#f4f5f7;display:none;height:100%;padding:12px;position:fixed;right:0;text-align:center;top:0;width:340px;z-index:20}.background-modal.open{display:block}.background-modal .close-modal-btn-wrapper{height:32px;position:absolute;right:0;width:32px}.background-modal .close-modal-btn-wrapper svg{width:20px}.background-modal .close-modal-btn-wrapper:hover svg{fill:rgba(0,0,0,.161)}.background-modal h1{border-bottom:.2px solid rgba(0,0,0,.078);font-size:16px;margin-bottom:20px;padding-bottom:14px}.background-modal input{-webkit-padding-start:4px;border-radius:3px;height:32px;margin-bottom:16px;outline:2px solid #026aa7;padding-inline-start:4px;width:100%}.background-modal .unsplash-imgs-wrapper{-webkit-column-count:2;column-count:2;-webkit-column-gap:20px;column-gap:20px;-webkit-column-gap:10px;column-gap:10px;margin-bottom:20px}.background-modal .unsplash-imgs-small{margin-bottom:10px;width:150px}@-webkit-keyframes show-side-menu{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.show-menu-clear-screen{height:100vh;position:absolute;width:90vw;z-index:5}.clear-screen{background-color:transparent;background-color:initial;height:100vh;inset:0;position:absolute;width:100vw}.workspace-wrapper{background-color:#f4f5f7;font-family:pri-font;font-size:16px;height:100vh;width:100vw}.workspace-wrapper header{background-color:#026aa7}.workspace-wrapper .workspace-container{display:flex;flex-direction:column;height:100%;margin:40px auto;overflow:auto}.workspace-wrapper .workspace-container .board-container{display:flex;flex-direction:column}.workspace-wrapper .workspace-container .board-container:not(:first-child){margin-top:0}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper{-webkit-margin-end:16px;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline-end:16px;position:relative;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper p{align-self:center;background-color:rgba(0,0,0,.078);height:100%;padding:8px;width:100%}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper p:hover{background-color:rgba(0,0,0,.161)}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper h2{align-self:center;border-bottom:1px solid rgba(9,30,66,.13);font-size:14px;height:40px;line-height:40px;width:100%}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .img-container{align-items:center;display:flex;height:128px;justify-content:center;width:280px}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal{align-items:center;background-color:#fafbfc;box-shadow:0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);display:flex;flex-direction:column;height:400px;padding:0 12px 12px;position:absolute;right:0;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);width:280px;z-index:100;z-index:20}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal .img-container{margin-bottom:10px}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal .img-container img{height:100%;object-fit:cover;width:100%}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal .choose-background{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;width:100%}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal .choose-background .img-wrapper img{object-fit:fill;width:75px}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal form{display:flex;flex-direction:column;width:100%}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal form label{align-self:flex-start}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal form input{-webkit-padding-start:4px;border-radius:3px;height:32px;margin-bottom:16px;margin-top:2px;outline:2px solid #026aa7;padding-inline-start:4px;width:100%}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal form button{border:none;border-radius:3px;height:32px;line-height:32px;padding:0 16px;width:100%}.workspace-wrapper .workspace-container .board-container .new-board-btn-wrapper .add-new-board-modal form button:hover{background-color:#026aa7;color:#fafbfc}.workspace-wrapper .workspace-container .board-container .board-preview-header{-webkit-margin-after:11px;-webkit-margin-start:4px;height:24px;margin-block-end:11px;margin-inline-start:4px;position:relative}.workspace-wrapper .workspace-container .board-container .board-preview-header h1{font-size:16px;font-weight:700}.workspace-wrapper .workspace-container .board-container .board-preview-header .icon-wrapper{height:32px;width:32px}.workspace-wrapper .workspace-container .board-container .board-preview-header svg{stroke:#172b4d;stroke-width:2px;fill:none;height:100%}.workspace-wrapper .workspace-container .board-container .board-preview-header>*{margin:10px 10px 10px 0}.workspace-wrapper .workspace-container .board-container .boards-wrapper{display:flex;flex-wrap:wrap;margin-bottom:60px}.workspace-wrapper .workspace-container .board-container .board-preview-body{background-repeat:no-repeat;background-size:cover;border-radius:3px;cursor:pointer;display:flex;flex-direction:column;gap:20px 8px;height:100px;justify-content:space-between;margin:0 2% 2% 0;outline:1px solid hsla(0,0%,68%,.271);overflow:hidden;position:relative;width:200px}.workspace-wrapper .workspace-container .board-container .board-preview-body img{height:100%;object-fit:cover}.workspace-wrapper .workspace-container .board-container .board-preview-body .screen{background-color:rgba(0,0,0,.161);height:100%;padding:8px;position:absolute;top:0;width:100%}.workspace-wrapper .workspace-container .board-container .board-preview-body .screen .star-wrapper{align-self:flex-end;height:14px;position:relative;width:14px}.workspace-wrapper .workspace-container .board-container .board-preview-body.starred .screen .star-wrapper svg{stroke:none;fill:#f2d600}.workspace-wrapper .workspace-container .board-container .board-preview-body.not-starred .screen .star-wrapper svg{stroke:#fafbfc;fill:none;bottom:0;display:none;position:absolute}.workspace-wrapper .workspace-container .board-container .board-preview-body.not-starred:hover .screen .star-wrapper svg{display:block}.workspace-wrapper .workspace-container .board-container .board-preview-body.add-board-btn{margin:0;padding:0}.workspace-wrapper .workspace-container .board-container .board-preview-body.add-board-btn p{align-items:center;display:flex;justify-content:center}.workspace-wrapper .workspace-container .board-container .board-preview-body h1{color:#fafbfc;font-size:16px;font-weight:700;text-overflow:ellipsis;text-shadow:0 1px 3px hsla(0,0%,5%,.5)}@media(max-width:400px){.workspace-wrapper .workspace-container .board-container{align-items:center;margin:45px auto auto}.workspace-wrapper .workspace-container .board-container .boards-wrapper{justify-content:center}.workspace-wrapper .workspace-container .board-container .boards-wrapper>*{margin:5px 0}}@media(min-width:400px){.workspace-wrapper .workspace-container{margin:auto}.workspace-wrapper .workspace-container .board-container{align-items:center;margin-inline:auto;margin-top:80px;max-width:420px}.workspace-wrapper .workspace-container .board-container .boards-wrapper{justify-content:center}.workspace-wrapper .workspace-container .board-container .boards-wrapper>*{margin:5px}}@media(min-width:745px){.workspace-wrapper .workspace-container .board-container{align-items:flex-start;margin-top:50px;max-width:630px}.workspace-wrapper .workspace-container .board-container .boards-wrapper{justify-content:flex-start}}@media(min-width:830px){.workspace-wrapper .workspace-container .board-container{align-items:flex-start;margin-top:50px;width:840px}}.auth-page{align-items:center;background-color:#f4f5f7;display:flex;flex-direction:column;height:100vh}.auth-page .background-container{align-items:flex-end;display:flex;height:100%;justify-content:space-between;left:0;position:fixed;top:0;width:100%}.auth-page .background-container svg{height:390px;width:400px}.auth-page .auth-logo{height:40px;margin:30px 0}.auth-page .auth-logo svg{fill:#026aa7;height:100%}.auth-page .auth-logo h1{font-size:37px;padding:40px 0;-webkit-transform:translateY(-1%);transform:translateY(-1%)}.auth-page .form-wrapper{align-self:center;background-color:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.1);max-width:400px;padding:40px 40px 60px;text-align:center;width:100%;z-index:100}.auth-page .form-wrapper .login-btn{background-color:#5ec14a;color:#fafbfc}.auth-page .form-wrapper h2{margin-bottom:25px}.auth-page .form-wrapper .inputs-wrapper .user-name{flex-wrap:wrap;gap:0 10px}.auth-page .form-wrapper .inputs-wrapper .user-name>*{flex-grow:1;margin-right:0}.auth-page .form-wrapper .long-field{width:100%}.auth-page button{background-color:#e2e4e6;border:none;border-radius:3px;height:32px;line-height:32px;padding:0 16px;width:100%}.auth-page a:not(.reset){box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);display:inline-block;height:32px;line-height:32px;margin-bottom:16px;width:100%}.auth-page input{background-color:#fafbfc;border:2px solid #dfe1e6;border-radius:3px;font-family:pri-font;height:44px;margin-bottom:16px;padding:7px}.auth-page .login-method-separator{margin:16px 0}.auth-page .google-login button{align-items:center;box-shadow:0 0 6px 0 rgba(0,0,0,.165)!important;display:flex;height:50px;justify-content:center}.auth-page .google-login button div{height:45px}.auth-page hr{color:#000;height:2px;margin-top:30px;width:100%}.auth-page a.to-home{text-align:start;text-decoration:underline}.auth-page a.to-login{margin-left:20%;text-decoration:underline}.logo-img{margin-right:10px;width:31px}.task-details-shadow{background-color:rgba(0,0,0,.5);height:100vh;margin-bottom:54px;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:500}.task-details-shadow .task-details-wrapper{background-color:#f4f5f7;margin-bottom:40px;margin-top:54px;min-height:750px;position:relative;right:0;width:768px}.task-details-shadow .task-details-wrapper .task-bgColor-header{background-color:#0079bf;min-height:115px}.task-details-shadow .task-details-wrapper .task-details{background-color:inherit;padding:16px}.task-details-shadow .task-details-wrapper .task-bg-color{left:0;position:absolute}.task-details-shadow .task-details-wrapper .task-header{height:72px;position:relative}.task-details-shadow .task-details-wrapper .task-header .section-icon svg{fill:#42526e;-webkit-transform:translateY(12%);transform:translateY(12%)}.task-details-shadow .task-details-wrapper .task-header h2{color:#172b4d;font-size:20px}.task-details-shadow .task-details-wrapper .task-header p{color:#5e6c84;font-size:14px}.task-details-shadow .task-details-wrapper .task-header .close-modal{border-radius:100px;cursor:pointer;display:fixed;position:absolute;right:0}.task-details-shadow .task-details-wrapper .task-header .close-modal svg{fill:#42526e}.task-details-shadow .task-details-wrapper .task-container{gap:16px}.task-details-shadow .task-details-wrapper .task-container .task-content{flex-grow:1}.task-details-shadow .task-details-wrapper .task-container .task-content>*{margin-bottom:40px}.task-details-shadow .task-details-wrapper .task-container .task-edit h3{font-size:14px;font-weight:600;margin-bottom:8px}.task-details-shadow .task-details-wrapper .task-container .task-edit .btn-edit-task-key{background-color:rgba(0,0,0,.078);background-color:rgba(9,30,66,.039);border:none;border-radius:3px;color:#fafbfc;color:#172b4d;cursor:pointer;height:32px;line-height:32px;margin-bottom:8px;padding:0 0 0 8px;position:rel;width:168px}.task-details-shadow .task-details-wrapper .task-container .task-edit .btn-edit-task-key:hover{background-color:rgba(0,0,0,.161)}.task-details-shadow .task-details-wrapper .task-container .task-edit .btn-edit-task-key svg{-webkit-margin-end:8px;fill:#42526e;height:16px;margin-inline-end:8px;width:16px}.task-details-shadow .modal-btn{position:relative}.task-details-shadow .modal-btn p{flex-grow:1}.task-details-shadow .modal-btn .action-type-modal{left:0;position:absolute}.task-details-shadow .modal-btn .btn-wrapper{width:100%}.task-details-shadow .modal-btn .btn-wrapper svg{fill:#42526e}.task-details-shadow .modal{background-color:#f4f5f7;border-radius:3px;padding:12px;position:absolute;width:300px;z-index:10}.task-details-shadow .modal .members .close-modal{color:#5e6c84;cursor:pointer;float:right}.task-details-shadow .modal .members .close-modal:hover{color:#172b4d}.task-details-shadow .modal .members .close-modal svg{fill:#5e6c84;height:16px;margin:0;width:16px}.task-details-shadow .modal .members .close-modal svg:hover{fill:#172b4d}.task-details-shadow .modal .members h2{font-size:14px;font-weight:400;text-align:center}.task-details-shadow .modal .members input{-webkit-padding-start:4px;border:2px solid rgba(94,108,132,.15);border-radius:3px;cursor:context-menu;height:32px;margin-bottom:20px;padding-inline-start:4px;width:100%}.task-details-shadow .modal .members h3{color:#5e6c84;font-size:12px;font-weight:600;margin-bottom:8px}.task-details-shadow .modal .members .member{border-radius:3px;cursor:pointer;height:40px;margin-bottom:4px}.task-details-shadow .modal .members .member:hover{background-color:rgba(0,0,0,.078)}.task-details-shadow .modal .members .member .img-container{-webkit-margin-start:4px;border-radius:100px;height:32px;margin-inline-start:4px;overflow:hidden;width:32px}.task-details-shadow .modal .members .member .img-container img{height:100%;object-fit:cover;width:100%}.task-details-shadow .modal .members .member p{-webkit-padding-start:8px;flex-grow:1;padding-inline-start:8px}.task-details-shadow .modal .members .member svg{fill:#5e6c84;-webkit-margin-end:4px;height:16px;margin-inline-end:4px;width:16px}.task-details-shadow .modal .cover input{-webkit-padding-start:4px;border-radius:3px;height:32px;margin-bottom:16px;margin-top:10px;outline:2px solid #026aa7;padding-inline-start:4px;width:100%}.task-details-shadow .modal .cover h4{color:#5e6c84;font-family:pri-font-bold;font-size:12px;font-weight:600}.task-details-shadow .modal .cover .photos-from-unsplash{display:flex;flex-wrap:wrap;gap:6px}.task-details-shadow .modal .cover .photos-from-unsplash .img-pick-cover{height:50px}.task-details-shadow .modal .cover .photos-from-unsplash .img-pick-cover img{border-radius:3px;height:50px;object-fit:cover;width:85px}.task-details-shadow .modal .cover .size-selector{display:flex;gap:8px;height:70px;width:300px}.task-details-shadow .modal .cover .size-selector .full-cover,.task-details-shadow .modal .cover .size-selector .partial-cover{border:1px solid rgba(9,30,66,.08);border-radius:3px;height:60px;width:135px}.task-details-shadow .modal .cover .size-selector .card-example-bottom{display:flex;flex-direction:column;padding:6px 4px;width:100%}.task-details-shadow .modal .cover .size-selector .card-example-bottom .line-1,.task-details-shadow .modal .cover .size-selector .card-example-bottom .line-2{border-radius:30px}.task-details-shadow .modal .cover .size-selector .card-example-bottom .line-1{background-color:#db7093;height:4px;width:95%}.task-details-shadow .modal .cover .size-selector .card-example-bottom .line-2{background-color:#db7093;height:4px;margin-top:4px;width:70%}.task-details-shadow .modal .cover .size-selector .partial-cover{display:flex;flex-direction:column;justify-content:space-between}.task-details-shadow .modal .cover .size-selector .partial-cover .card-example-header{height:40%;width:100%}.task-details-shadow .modal .cover .size-selector .partial-cover .card-example-bottom{height:55%}.task-details-shadow .modal .cover .size-selector .full-cover{align-items:flex-end;display:flex}.task-details-shadow .modal .cover button{border:none;border-radius:3px;height:32px;line-height:32px;padding:0 16px;width:100%}.task-details-shadow .modal .cover .colors-wrapper{display:flex;flex-wrap:wrap;gap:6px}.task-details-shadow .modal .cover .colors-wrapper .color{border-radius:3px;height:30px;padding:6px 12px;width:50px}.task-details-shadow .modal .cover .header-wrapper{align-items:center;border-bottom:1px solid rgba(0,0,0,.161);display:flex;justify-content:center;padding-bottom:12px;position:relative;text-align:center}.task-details-shadow .modal .cover .header-wrapper div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.task-details-shadow .modal .labels .close-modal{color:#5e6c84;cursor:pointer;float:right}.task-details-shadow .modal .labels .close-modal:hover{color:#172b4d}.task-details-shadow .modal .labels .close-modal svg{fill:#5e6c84;margin:0}.task-details-shadow .modal .labels .close-modal svg:hover{fill:#172b4d}.task-details-shadow .modal .labels h2{font-size:14px;font-weight:400;text-align:center}.task-details-shadow .modal .labels .label{margin-bottom:8px}.task-details-shadow .modal .labels .label .label-bar{cursor:pointer;display:flex}.task-details-shadow .modal .labels .label .label-bar svg{fill:#fafbfc;align-self:center;height:16px;margin:0 8px 0 auto;width:16px}.task-details-shadow .modal .checklist .close-modal{color:#5e6c84;cursor:pointer;float:right}.task-details-shadow .modal .checklist .close-modal:hover{color:#172b4d}.task-details-shadow .modal .checklist .close-modal svg{fill:#5e6c84;margin:0}.task-details-shadow .modal .checklist .close-modal svg:hover{fill:#172b4d}.task-details-shadow .modal .checklist h2{font-size:14px;font-weight:400;text-align:center}.task-details-shadow .modal .checklist h3{color:#5e6c84;font-size:12px;font-weight:600;margin-bottom:8px}.task-details-shadow .modal .checklist input{-webkit-padding-start:4px;border-radius:3px;height:32px;margin-bottom:16px;outline:2px solid #026aa7;padding-inline-start:4px;width:100%}.task-details-shadow .modal .checklist button{background-color:rgba(0,0,0,.078);background-color:#026aa7;border:none;border-radius:3px;color:#fafbfc;float:left;height:32px;height:100%;line-height:32px;margin:0;padding:0 16px;width:80px}.task-details-shadow .modal .checklist button:hover{background-color:rgba(0,0,0,.161);background-color:#025a8e}.task-details-shadow .modal .attachments .close-modal{color:#5e6c84;cursor:pointer;float:right}.task-details-shadow .modal .attachments .close-modal:hover{color:#172b4d}.task-details-shadow .modal .attachments .close-modal svg{fill:#5e6c84;margin:0}.task-details-shadow .modal .attachments .close-modal svg:hover{fill:#172b4d}.task-details-shadow .modal .attachments h2{font-size:14px;font-weight:400;text-align:center}.task-details-shadow .modal .attachments h3{color:#5e6c84;font-size:12px;font-weight:600;margin-bottom:8px}.task-details-shadow .modal .attachments input{-webkit-padding-start:4px;border-radius:3px;height:32px;margin-bottom:16px;outline:2px solid #026aa7;padding-inline-start:4px;width:100%}.task-details-shadow .modal .attachments button{background-color:rgba(0,0,0,.078);background-color:#026aa7;border:none;border-radius:3px;color:#fafbfc;float:left;height:32px;height:100%;line-height:32px;margin:0;padding:0 16px;width:80px}.task-details-shadow .modal .attachments button:hover{background-color:rgba(0,0,0,.161);background-color:#025a8e}.task-details-shadow .modal .attachments .button-wrapper{align-items:center;display:flex;justify-content:flex-start}.task-details-shadow .modal .attachments .button-wrapper label{-webkit-margin-start:10px;background-color:rgba(9,30,66,.039);border:none;border-radius:3px;cursor:pointer;height:32px;line-height:32px;margin-inline-start:10px;padding:0 16px}.task-details-shadow .modal .attachments .button-wrapper label:hover{background-color:rgba(9,30,66,.078)}.task-details-shadow .modal .attachments .button-wrapper label .input-file{border:none;border-radius:3px;height:32px;line-height:32px;margin:0;outline:none;padding:0 16px}.task-status{height:72px}.task-status .members{-webkit-margin-end:16px;margin-inline-end:16px}.task-status .members h3{font-size:14px;font-weight:600;margin-bottom:8px}.task-status .members .task-members{gap:4px}.task-status .members .task-members>*{border-radius:100px;color:#fafbfc;font-weight:600;height:32px;width:32px}.task-status .members .task-members .member{border-radius:100px;overflow:hidden}.task-status .members .task-members .member .img{object-fit:contain}.task-status .members .task-members .add-member{background-color:rgba(0,0,0,.078);cursor:pointer}.task-status .members .task-members .add-member:hover{background-color:rgba(0,0,0,.161)}.task-status .members .task-members .add-member svg{fill:#5e6c84;height:16px;width:16px}.task-status .members .task-members .member img{object-fit:contain}.task-status .labels h3{font-size:14px;font-weight:600;margin-bottom:8px}.task-status .labels .task-labels{gap:4px}.task-status .labels .task-labels>*{border-radius:3px;height:32px;width:40px}.task-status .labels .task-labels .add-label{background-color:rgba(0,0,0,.078);cursor:pointer}.task-status .labels .task-labels .add-label:hover{background-color:rgba(0,0,0,.161)}.task-status .labels .task-labels .add-label svg{fill:#5e6c84;height:16px;width:16px}.description-data{width:100%}.description-data .util{display:flex;margin-bottom:12px}.description-data .util h2{display:flex;font-size:16px;font-weight:600;margin-right:10px;-webkit-transform:translateY(2px);transform:translateY(2px)}.description-data .util .btn-edit,.description-data .util h2{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.description-data .util .btn-edit{background-color:rgba(0,0,0,.078);border:none;border-radius:3px;color:#fafbfc;color:#172b4d;display:inline;height:32px;height:30px;line-height:32px;padding:0 16px}.description-data .util .btn-edit:hover{background-color:rgba(0,0,0,.161)}.description-data p{background-color:rgba(9,30,66,.039);border-radius:3px;color:#172b4d;display:inline;padding:8px 12px}.description-data .edit-description textarea{background-color:#fff;border:2px solid #026aa7;border-radius:3px;color:#5e6c84;font-size:14px;font-weight:400;height:350px;min-height:40px;padding:8px 12px}.description-data .edit-description .btn-save{background-color:rgba(0,0,0,.078);background-color:#026aa7;border:none;border-radius:3px;color:#fafbfc;display:inline-block;height:32px;line-height:32px;margin:8px 4px 0 0;padding:0 16px;width:80px}.description-data .edit-description .btn-save:hover{background-color:rgba(0,0,0,.161);background-color:#025a8e}.description-data .edit-description .btn-cancel{background-color:hsla(0,0%,100%,.078);border:none;border-radius:3px;color:#172b4d;height:32px;line-height:32px;padding:0 16px}.description-data .edit-description .btn-cancel:hover{background-color:hsla(0,0%,100%,.161);background-color:rgba(0,0,0,.078)}.attachments{width:100%}.attachments h2{font-size:16px;font-weight:600;margin-bottom:12px}.attachments p{color:#172b4d;padding:8px 12px}.attachments .edit-description textarea{background-color:#fff;border:2px solid #026aa7;border-radius:3px;color:#5e6c84;font-size:14px;font-weight:400;height:350px;min-height:40px;padding:8px 12px}.attachments .edit-description .btn-save{background-color:rgba(0,0,0,.078);background-color:#026aa7;border:none;border-radius:3px;color:#fafbfc;display:inline-block;height:32px;line-height:32px;margin:8px 4px 0 0;padding:0 16px;width:80px}.attachments .edit-description .btn-save:hover{background-color:rgba(0,0,0,.161);background-color:#025a8e}.attachments .edit-description .btn-cancel{background-color:hsla(0,0%,100%,.078);border:none;border-radius:3px;color:#172b4d;height:32px;line-height:32px;padding:0 16px}.attachments .edit-description .btn-cancel:hover{background-color:hsla(0,0%,100%,.161);background-color:rgba(0,0,0,.078)}.section-icon{height:32px;width:32px}.section-icon,.section-icon svg{-webkit-margin-end:8px;margin-inline-end:8px}.section-icon svg{fill:#42526e;height:24px;width:24px}.section-data{width:650px}.section-data .task-title{font-size:20px;margin-bottom:2px;padding:4px;width:100%}.section-data .task-title:focus{border:none;box-shadow:inset 0 0 0 2px #0079bf}.section-data input{font-family:inherit;font-size:16px;width:100%}.section-data h2{font-size:20px;font-weight:600;margin-bottom:4px;word-break:break-all}.section-data p a{text-decoration:underline}.section-data textarea{-webkit-transform:translateX(-.5%);transform:translateX(-.5%)}.dashboard-main{background-color:#eceef0;gap:50px;grid-column:1/3;height:calc(100vh - 96px);margin:52px 20px 20px;overflow:hidden;overflow-y:auto;padding:0 50px 75px;position:absolute;top:0;-webkit-transform:translateX(-20px);transform:translateX(-20px);width:100vw}.dashboard-main::-webkit-scrollbar{border-radius:10px;width:20px}.dashboard-main::-webkit-scrollbar-thumb,.dashboard-main::-webkit-scrollbar-track{background:hsla(0,0%,50%,.231);border-radius:10px}.dashboard-main h1{font-size:28px;font-weight:600}.dashboard-main .summary-box{gap:25px}.dashboard-main .summary-box .box{align-items:flex-start;background-color:#fff;border-radius:3px;box-shadow:0 2px 0 rgba(9,30,66,.251);height:175px;padding-top:25px;text-align:center;width:175px}.dashboard-main .summary-box .box:hover{-webkit-transform:scale(105%);transform:scale(105%);transition:.5s,-webkit-transform;transition:transform,.5s;transition:transform,.5s,-webkit-transform}.dashboard-main .summary-box .box svg{fill:#42526e;-webkit-padding-start:25px;height:40px;padding-inline-start:25px}.dashboard-main .summary-box .box h2{background-color:#172b4d;color:#23c552;font-size:40px;font-weight:700;height:70px;line-height:70px;text-align:center;width:100%}.dashboard-main .summary-box .box p{-webkit-padding-start:25px;font-size:16px;font-weight:500;padding-inline-start:25px;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.dashboard-main .activity{gap:25px}.dashboard-main .activity .activity-info{gap:25px;width:287px}.dashboard-main .activity .activity-info .act-box{background-color:#dae9f1;border-radius:3px;box-shadow:0 2px 0 rgba(9,30,66,.251);height:150px;padding:25px;text-align:center}.dashboard-main .activity .activity-info .act-box h3{color:#172b4d;font-size:18px;font-weight:500}.dashboard-main .activity .activity-info .act-box h2{color:#23c552;font-size:40px;font-weight:600}.dashboard-main .activity .activity-data{background-color:#fafbfc;border-radius:3px;box-shadow:0 2px 0 rgba(9,30,66,.251);flex-grow:1;gap:25px;height:100%}.dashboard-main .activity .activity-data h2{color:#026aa7;font-size:20px;font-weight:600;padding:25px 0 0 25px}.dashboard-main .activity .activity-data .activity-chart{height:100%;padding:0 25px 25px}.dashboard-main .members-stat{background-color:rgba(9,30,66,.039);border-radius:3px;gap:25px;padding:25px}.dashboard-main .members-stat h2{color:#026aa7;font-size:20px;font-weight:600}.dashboard-main .members-stat .members-data{gap:50px}.dashboard-main .members-stat .members-data .members-info{background-color:#fafbfc;border-radius:3px;box-shadow:0 2px 0 rgba(9,30,66,.251);padding:25px;width:50%}.dashboard-main .members-stat .members-data .members-info h3{font-weight:500px;margin-bottom:20px;text-align:left;width:100%}.dashboard-main .members-stat .members-data .members-chart{height:250px;width:100%}.dashboard-main .cards-stat{background-color:rgba(9,30,66,.039);border-radius:3px;gap:25px;padding:25px}.dashboard-main .cards-stat h2{color:#026aa7;font-size:20px;font-weight:600}.dashboard-main .cards-stat .cards-data{gap:50px}.dashboard-main .cards-stat .cards-data .cards-info{background-color:#fafbfc;border-radius:3px;box-shadow:0 2px 0 rgba(9,30,66,.251);padding:25px;position:relative;width:50%}.dashboard-main .cards-stat .cards-data .cards-info h5{font-size:18px;font-weight:400}.dashboard-main .cards-stat .cards-data .cards-info h3{margin-bottom:-20px;text-align:left;width:100%}.dashboard-main .cards-stat .cards-data .cards-info h6{color:#172b4d;font-size:24px;font-weight:500;margin-bottom:25px;position:relative;top:48%}.dashboard-main .cards-stat .cards-data .cards-info h6 span{color:#23c552;font-weight:600}.dashboard-main .cards-stat .cards-data .cards-chart{height:250px;-webkit-transform:translateY(-15px);transform:translateY(-15px);width:100%}.close-modal-dash{border-radius:100px;cursor:pointer;position:absolute;right:50px;top:58px;z-index:100}.close-modal-dash svg{fill:#42526e;height:25px;width:25px}.filter-screen{background-color:gold;height:100vh;position:absolute;-webkit-transform:translateX(-8vw);transform:translateX(-8vw);width:100vw;z-index:5}.header-container{position:relative;z-index:500}.main-header{height:44px;padding:0 20px;position:relative;width:100vw}.main-header .more{display:none}.main-header h1{color:#fafbfc}.main-header>*{color:var(--clr-dynamic-inner);opacity:1}.main-header input[type=checkbox]{position:fixed;top:-100000px}.header-backdrop{background-color:var(--clr-header);height:100%;opacity:.5;position:absolute;top:0;width:100%}.logo{-webkit-margin-end:4px;border-radius:3px;cursor:pointer;height:32px;margin-inline-end:4px}.logo .logo-img{width:18px}.logo h1{-webkit-margin-end:4px;font-family:nunito,sans-serif;font-size:1.25rem;font-weight:600;margin-inline-end:4px}.filter{flex-grow:1;position:relative;z-index:10}.filter>*{-webkit-margin-end:4px;background-color:rgba(0,0,0,.078);background:transparent;border:none;border-radius:3px;color:#fafbfc;height:32px;line-height:32px;margin-inline-end:4px;padding:0 16px}.filter>:hover{background-color:rgba(0,0,0,.161)}.filter>* svg{fill:#fafbfc;height:16px;-webkit-transform:translateY(12%);transform:translateY(12%);width:16px}.dynamic-filter{background-color:#fafbfc;bottom:0;box-shadow:0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);color:#172b4d;cursor:auto;display:flex;flex-direction:column;margin:8px 0 0;padding:0 10px 10px;position:absolute;-webkit-transform:translateY(105%);transform:translateY(105%);width:300px;z-index:30}.dynamic-filter h3{border-bottom:1px solid rgba(0,0,0,.078);padding:5px 0}.dynamic-filter li{align-items:center;display:grid;grid-template-columns:45px 1fr 30px;grid-template-rows:40px}.dynamic-filter li:first-of-type{padding-top:10px}.dynamic-filter li img{height:32px;object-fit:cover;width:40px}.dynamic-filter li p{-webkit-column-break-inside:break-word;break-inside:break-word;page-break-inside:break-word;text-align:start}.dynamic-filter li .star-wrapper svg{stroke:#172b4d}.dynamic-filter li .star-wrapper.starred svg{stroke:none;fill:#f2d600}.search{background-color:hsla(0,0%,100%,.078);border:1px solid hsla(0,0%,100%,.161);border-radius:3px;height:32px;width:250px}.search ::-webkit-input-placeholder{color:#fafbfc}.search :-ms-input-placeholder{color:#fafbfc}.search ::placeholder{color:#fafbfc}.search input{color:#fafbfc;width:100%}.search svg{fill:#fafbfc;height:20px;margin:2px 4px 0;width:20px}.btn-notification{-webkit-margin-end:4px;border-radius:3px;cursor:pointer;height:32px;line-height:32px;margin-inline-end:4px;width:32px}.btn-notification:hover{background-color:rgba(0,0,0,.161)}.btn-notification svg{fill:#fafbfc;height:20px;-webkit-transform:translateY(4%);transform:translateY(4%);width:20px}.profile{border-radius:50%;cursor:pointer;height:32px;overflow:hidden;width:32px}.profile h2{color:#fafbfc;font-size:1.28rem;font-weight:500;text-align:center;-webkit-transform:translateY(-4.5%);transform:translateY(-4.5%)}.profile img{height:100%;object-fit:cover}.go-login{background-color:rgba(0,0,0,.078);background-color:green;border:none;border-radius:3px;color:#fafbfc;cursor:pointer;height:32px;line-height:32px;line-height:28px;padding:0 16px}.go-login:hover{background-color:rgba(0,0,0,.161);background-color:#006700}.user-modal{background-color:#fafbfc;border-radius:3px;color:#172b4d;gap:4px;margin:0 auto;padding:12px;position:absolute;right:20px;top:44px;width:300px;z-index:1000}.user-modal .btn-close-modal{cursor:pointer;height:100%;margin:0 0 0 auto;width:16px}.user-modal .btn-close-modal svg{fill:#42526e;padding:2px 0}.user-modal .btn-close-modal:hover svg{fill:#000}.user-modal h2{flex-grow:1;font-size:14px;font-weight:400;margin-bottom:4px;text-align:center}.user-modal .modal-header{margin-left:8px}.user-modal .user-info{margin:12px 0}.user-modal .user-info .img-container{-webkit-margin-end:8px;border-radius:100px;height:40px;margin-inline-end:8px;overflow:hidden;width:40px}.user-modal .user-info .img-container h2{color:#fafbfc;font-size:18px;font-weight:600;margin-bottom:0}.user-modal .user-info .img-container img{height:100%;object-fit:cover}.user-modal .user-info .user-details h3{color:#172b4d}.user-modal .user-info .user-details p{color:#5e6c84;font-size:12px;font-weight:400;margin:0}.user-modal .opt{cursor:pointer;height:32px;line-height:32px}.user-modal .opt:hover{background-color:rgba(0,0,0,.078)}.user-modal hr{margin:4px 0}@media(max-width:400px){.header-backdrop{height:44px}.main-header{position:fixed}.main-header .filter{background-color:#172b4d;bottom:0;display:none;flex-direction:column;left:0;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%)}.main-header .filter>*{width:100vw}.main-header input:checked~.filter{display:flex}.main-header .more{-webkit-margin-start:20px;background-color:rgba(0,0,0,.078);background:transparent;border:none;border-radius:3px;color:#fafbfc;display:inline-block;line-height:32px;margin-inline-start:20px;padding-right:16px;position:relative}.main-header .more svg{fill:#fafbfc;height:16px;position:absolute;right:0;top:0;-webkit-transform:translate(10%,40%);transform:translate(10%,40%);width:16px}.main-header .search{background-color:gray;bottom:0;display:none;left:0;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);width:100%}.main-header .search.search-open{display:flex}.main-header .open-search{-webkit-margin-start:15%;display:inline-block;margin-inline-start:15%;width:20px}.main-header .open-search svg{fill:#fafbfc}.main-header .profile{position:absolute;right:10px}}@media(min-width:400px){.header-backdrop{height:44px}.main-header{position:fixed}.main-header .filter{background-color:#172b4d;bottom:0;display:none;flex-direction:column;left:0;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%)}.main-header .filter>*{width:100vw}.main-header input:checked~.filter{display:flex}.main-header .more{-webkit-margin-start:20px;-webkit-margin-end:40px;background-color:rgba(0,0,0,.078);background:transparent;border:none;border-radius:3px;color:#fafbfc;display:inline-block;line-height:32px;margin-inline-end:40px;margin-inline-start:20px;padding-right:16px;position:relative}.main-header .more svg{fill:#fafbfc;height:16px;position:absolute;right:0;top:0;-webkit-transform:translate(10%,40%);transform:translate(10%,40%);width:16px}.main-header .profile{position:absolute;right:10px}.main-header .search{width:40%}}@media(min-width:745px){.main-header{justify-content:space-between;position:relative}.main-header .filter{background-color:transparent;background-color:initial;display:flex;flex-direction:row;flex-grow:1;position:relative;-webkit-transform:translate(0);transform:translate(0)}.main-header .filter>*{-webkit-margin-end:10px;background-color:rgba(0,0,0,.078);background:transparent;border:none;border-radius:3px;color:#fafbfc;height:32px;line-height:32px;margin-inline-end:10px;padding:0 16px;position:relative;width:auto}.main-header .filter>:hover{background-color:rgba(0,0,0,.161)}.main-header .profile{position:relative;right:-8px}.main-header .search{margin-right:10px;position:relative;width:250px}.main-header .more{-webkit-margin-start:20px;-webkit-margin-end:40px;background-color:rgba(0,0,0,.078);background:transparent;border:none;color:#fafbfc;display:none;margin-inline-end:40px;margin-inline-start:20px}}.board-header{align-items:center;flex-wrap:wrap;gap:10px 0;position:relative}.board-header>*{flex-wrap:nowrap}.board-header .board-data{align-items:center;flex-wrap:wrap;width:auto}.board-header .board-data h2{font-size:18px;font-weight:700}.board-header .board-data .board-name{color:var(--clr-dynamic-inner);flex-grow:1;font-family:pri-font;font-size:1.28em;font-size:1.25rem;font-weight:800;font-weight:700;margin-right:6px;padding:8px}.board-header .board-data .board-name:hover:not(:focus){background-color:var(--clr-dynamic-faded);border-radius:3px}.board-header .board-data .board-name:focus{background-color:#fafbfc;border-radius:1px;box-shadow:0 0 0 2px #0079bf;color:#172b4d;font-size:1.28em;height:32px;margin-bottom:0;margin:0 8px 0 4px;outline:1px solid #172b4d;outline:none;padding:0 4px;padding:0 5px}.board-header .board-data button:not(.reset){background-color:rgba(0,0,0,.078);background-color:var(--clr-dynamic-faded);border:none;border-radius:3px;color:#fafbfc;color:var(--clr-dynamic-inner);height:32px;line-height:32px;padding:0 16px}.board-header .board-data button:not(.reset):hover{background-color:rgba(0,0,0,.161);background-color:var(--clr-dynamic-faded-hover)}.board-header .board-data .btn-stared{-webkit-margin-end:6px;background-color:var(--clr-dynamic-faded);border-radius:3px;cursor:pointer;height:32px;line-height:32px;margin-inline-end:6px;width:32px}.board-header .board-data .btn-stared:hover{background-color:var(--clr-dynamic-faded-hover)}.board-header .board-data .btn-stared svg{fill:var(--clr-dynamic-inner);height:20px;width:20px}.board-header .board-features{flex-wrap:wrap;gap:10px 0}.board-header .board-features>:not(first-child){-webkit-margin-start:4px;margin-inline-start:4px}.board-header .board-features .btn-feature{background-blend-mode:color;background-color:rgba(0,0,0,.078);background-color:var(--clr-dynamic-faded);border:none;border-radius:3px;color:#fafbfc;color:var(--clr-dynamic-inner);cursor:pointer;height:32px;line-height:32px;padding:0 12px}.board-header .board-features .btn-feature:hover{background-color:rgba(0,0,0,.161);background-color:var(--clr-dynamic-faded-hover)}.board-header .board-features .btn-feature svg{-webkit-margin-end:8px;fill:var(--clr-dynamic-inner);margin-inline-end:8px}@keyframes show-side-menu{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.menu-shadow.appear{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:shadow-appearance;animation-name:shadow-appearance;display:block;opacity:1}.group{-webkit-margin-end:8px;align-self:flex-start;background-color:#eceef0;border-radius:3px;margin-inline-end:8px;max-height:calc(100vh - 131px);max-width:270px;min-width:270px;overflow-y:visible;position:relative}.group .group-header{border-radius:3px 3px 0 0;height:40px;padding:8px 8px 0}.group .group-header textarea{-webkit-margin-end:8px;border-radius:1px;flex-grow:1;margin-inline-end:8px;padding:4px 4px 4px 8px}.group .group-header textarea:focus{border:none;outline:2px solid #172b4d}.group .group-header h2{font-size:1.25rem;font-weight:600}.group .group-header .more{border-radius:3px;cursor:pointer;height:28px;width:28px}.group .group-header .more:hover{background-color:rgba(0,0,0,.161)}.group .group-header .more svg{fill:#5e6c84;height:16px;width:16px}.group .list-task{margin:0 4px;overflow:auto;overflow-x:hidden;padding:1px 4px}.group .list-task>:not(last-child){margin-bottom:8px}.group .list-task::-webkit-scrollbar{border-radius:10px;width:8px}.group .list-task::-webkit-scrollbar-thumb,.group .list-task::-webkit-scrollbar-track{background:hsla(0,0%,50%,.231);border-radius:10px}.group .group-footer{border-radius:3px;margin:0 8px 8px}.group .group-footer>*{color:#5e6c84;font-weight:500}.group .group-footer .add-card-open-btn{align-items:center;background-color:inherit;border:none;border-radius:3px;display:flex;font-size:14px;height:32px;height:28px;line-height:32px;padding:0 8px;position:relative;text-align:start;width:100%}.group .group-footer .add-card-open-btn:hover{background-color:rgba(0,0,0,.078)}.group .group-footer .add-card-open-btn svg{fill:#42526e;-webkit-margin-end:6px;height:16px;margin-inline-end:6px;width:16px}.group .group-footer .add-card-btn{-webkit-margin-end:14px;background-color:rgba(0,0,0,.078);background-color:#0079bf;border:none;border-radius:3px;color:#fafbfc;height:32px;line-height:32px;margin-inline-end:14px;padding:0 16px}.group .group-footer .add-card-btn:hover{background-color:rgba(0,0,0,.161);background-color:#006cab}.group .group-footer .add-card-close-btn{align-items:center;background-color:inherit;border:none;border-radius:3px;display:flex;height:32px;line-height:32px;padding:0}.group .group-footer .add-card-close-btn svg{fill:#5e6c84}.group .group-footer .add-card-close-btn svg:hover{fill:#172b4d}.group .group-footer .add-card{height:28px;width:28px}.group .group-footer .add-card svg{fill:#42526e;height:16px;width:16px}.task-preview{background-color:#fff;border-radius:3px;box-shadow:0 1px 0 rgba(9,30,66,.251);position:relative;width:100%}.task-preview .task-color{border-radius:3px 3px 0 0;height:32px;line-height:32px}.task-preview .task-info .img-container{border-radius:3px 3px 0 0;overflow:hidden}.task-preview .task-info .task-label{display:flex;padding:8px 8px 0}.task-preview .task-info .task-label .label{border-radius:3px;display:inline-block;height:8px;margin:0 4px -2px 0;width:40px}.task-preview .task-info .task-label .expanded{border-radius:3px;display:inline-block;height:16px;margin:0 4px 4px 0;max-width:198px}.task-preview .task-info .task-title{line-height:14px;padding:8px 8px 6px;width:100%}.task-preview .task-info .task-status{height:34px;padding:6px 8px}.task-preview .task-info .task-status:nth-child(2){margin:0 auto 0 0}.task-preview .task-info .task-status .members{-webkit-margin-start:8px;gap:4px;height:28px;margin:0 -4px 2px 0;margin-inline-start:8px}.task-preview .task-info .task-status .members .member{border-radius:100px;height:100%;overflow:hidden}.task-preview .task-info .task-status .members .member img{height:100%;object-fit:contain}.task-preview .task-info .task-status .badges{gap:8px}.task-preview .task-info .task-status .badges .badge{height:16px}.task-preview .task-info .task-status .badges .badge svg{fill:#5e6c84;align-self:center;height:16px;width:16px}.task-preview .task-info .task-status .badges .badge p{-webkit-margin-start:2px;font-size:12px;line-height:16px;margin-inline-start:2px}.task-preview.add-task{margin:0 8px 8px;max-width:254px}.task-preview.add-task textarea{color:#172b4d;font-family:pri-font,sans-serif;font-size:1em;font-weight:400;padding-top:8px}.task-preview.add-task textarea:focus-visible{border:none}.group-modal{background-color:#fafbfc;border-radius:3px;box-shadow:0 0 7px -4px #000;cursor:default;font-family:pri-font;font-size:.9em;position:absolute;right:0;top:40px;-webkit-transform:translateX(90%);transform:translateX(90%);width:300px;z-index:100}.group-modal>*{-webkit-margin-after:6px;margin-block-end:6px}.group-modal .screen{height:100vh;left:-100vw;position:fixed;width:100vw}.group-modal .group-modal-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.078);display:flex;margin:10px}.group-modal .group-modal-header h3{color:#5e6c84;display:inline;flex-grow:1;height:-webkit-min-content;height:min-content;padding:10px 0;text-align:center}.group-modal .group-modal-header .close-modal{background-color:transparent;border:none;display:inline-block;height:0;padding:10px 12px 10px 8px;width:0}.group-modal .group-modal-header .close-modal svg{fill:#5e6c84;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.group-modal hr{height:1px;margin:auto;width:calc(100% - 20px)}.group-modal .modal-body{color:#172b4d}.group-modal .modal-body button{background-color:transparent;border:none;border-radius:3px;border-radius:0;height:32px;line-height:32px;padding:0 10px;text-align:start;width:100%}.group-modal .modal-body button:hover{background-color:rgba(0,0,0,.078)}.group-modal .group-colors .close-modal{cursor:pointer}.group-modal .group-colors .color-bar{cursor:pointer;height:30px}.group-modal .group-colors .clear{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;width:100%}.board-members-header{align-items:center;display:flex;margin:0 4px}.board-members-header>*{margin:0 6px}.board-members-header .members-list{align-items:center;display:flex;margin-right:10px;position:relative}.board-members-header .members-list .member{cursor:pointer;height:28px;width:28px}.board-members-header .members-list .member:not(:first-child){margin-left:-6px}.board-members-header .members-list .member img{border-radius:50%}.board-members-header .members-list .member .profile-color{display:inline;height:100%;width:100%}.board-members-header .extra-btn{background-color:#f4f5f7;border:none;border-radius:50%;color:#000;padding:7px}.board-members-header button.share-board{background-color:#026aa7;border:none;border-radius:3px;color:#f4f5f7;height:35px;position:relative}.board-members-header button.share-board svg{left:10px;position:absolute;top:0;-webkit-transform:translateY(60%);transform:translateY(60%)}.board-members-header button.share-board span{margin-left:30px;margin-right:15px}.board-members-header button.share-board:hover{background-color:#027ac0}.board-members-header .modal-header-members{background-color:#f4f5f7;border-radius:3px;padding:12px;position:absolute;width:300px;z-index:10}.board-members-header .modal-header-members .members .close-modal{color:#5e6c84;cursor:pointer;float:right}.board-members-header .modal-header-members .members .close-modal:hover{color:#172b4d}.board-members-header .modal-header-members .members .close-modal svg{fill:#5e6c84;height:16px;margin:0;width:16px}.board-members-header .modal-header-members .members .close-modal svg:hover{fill:#172b4d}.board-members-header .modal-header-members .members h2{font-size:14px;font-weight:400;text-align:center}.board-members-header .modal-header-members .members input{-webkit-padding-start:4px;border:2px solid rgba(94,108,132,.15);border-radius:3px;cursor:context-menu;height:32px;margin-bottom:20px;padding-inline-start:4px;width:100%}.board-members-header .modal-header-members .members h3{color:#5e6c84;font-size:12px;font-weight:600;margin-bottom:8px}.board-members-header .modal-header-members .members .member{border-radius:3px;cursor:pointer;height:40px;margin-bottom:4px}.board-members-header .modal-header-members .members .member:hover{background-color:rgba(0,0,0,.078)}.board-members-header .modal-header-members .members .member .img-container{-webkit-margin-start:4px;border-radius:100px;height:32px;margin-inline-start:4px;overflow:hidden;width:32px}.board-members-header .modal-header-members .members .member .img-container img{height:100%;object-fit:cover;width:100%}.board-members-header .modal-header-members .members .member p{-webkit-padding-start:8px;flex-grow:1;padding-inline-start:8px}.board-members-header .modal-header-members .members .member svg{fill:#5e6c84;-webkit-margin-end:4px;height:16px;margin-inline-end:4px;width:16px}.members-modal{background-color:#fff;border-radius:3px;bottom:0;box-shadow:0 0 16px -2px rgba(0,0,0,.212);font-size:.9rem;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);width:300px;z-index:100}.members-modal .members-modal-header{align-items:center;background-image:linear-gradient(180deg,#0079bf 0,#0079bf);border-radius:3px 3px 0 0;color:#f4f5f7;display:flex;font-family:pri-font-bold,sans-serif;height:80px;margin-bottom:45px;padding:0 12px 0 14px}.members-modal .members-modal-header img{border-radius:50%;outline:2px solid #f4f5f7;-webkit-transform:translate(1px,30%);transform:translate(1px,30%);width:90px}.members-modal .members-modal-header .member-info{margin-left:12px;margin-top:12px}.members-modal .members-modal-header .member-info>*{display:block}.members-modal .members-modal-header .member-name{display:inline;vertical-align:middle}.members-modal .members-modal-header .close-modal{fill:#f4f5f7;background-color:transparent;border:none;padding:6px;position:absolute;right:5px;top:5px}.members-modal .members-modal-body{margin:16px 0}.members-modal .members-modal-body .remove-member{align-items:center;background-color:inherit;border:none;display:flex;height:0;padding:20px 12px;text-align:start;width:100%}.members-modal .members-modal-body .remove-member:hover{background-color:rgba(9,30,66,.078)}.board-social-modal{background-color:#f4f5f7;border-radius:3px;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.board-social-modal .modal-header{display:flex;justify-content:space-between;margin:16;padding:20px}.board-social-modal .modal-header .close-modal{background-color:transparent;border:none;border-radius:3px;height:32px;line-height:32px;padding:0}.board-social-modal .modal-body{display:flex;flex-direction:column}.board-social-modal .modal-body .search-member{background-color:rgba(82,82,82,.02);border:1px solid rgba(31,31,31,.47);border-radius:3px;flex-grow:1;font-size:1rem;margin-bottom:20px;margin-left:20px;margin-right:20px;padding:3px 0}.board-social-modal .modal-body .invite-qr{background-color:#026aa7;color:#fff;cursor:pointer;margin:0 0 15px 20px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.board-social-modal .modal-body .user-list{margin-bottom:20px}.board-social-modal .modal-body .user-list .member{align-items:center;cursor:pointer;display:flex;margin-bottom:10px;padding:0 20px;text-align:start}.board-social-modal .modal-body .user-list .member:hover{background-color:rgba(0,0,0,.161)}.board-social-modal .modal-body .user-list .member img{border-radius:100%;width:32px}.board-social-modal .modal-body .user-list .member .user-info{flex-grow:1;margin-left:10px}.board-social-modal .modal-body .user-list .member .full-name{display:block;font-size:1em;width:100%}.board-social-modal .modal-body .user-list .member .email{display:block;font-size:.857em;width:100%}.board-social-modal .modal-body canvas{-webkit-margin-after:20px;margin:auto;margin-block-end:20px}.members-screen{background-color:rgba(0,0,0,.282);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.more-members-modal{background-color:#fff;bottom:0;box-shadow:0 0 11px rgba(0,0,0,.122);position:absolute;right:0;-webkit-transform:translate(70%,105%);transform:translate(70%,105%);width:300px;z-index:100}.more-members-modal .more-members-header{padding:5px}.more-members-modal .more-members-header h1{font-size:1.3em;text-align:center}.more-members-modal .members-modal-body .member{align-items:center;display:flex;margin:0 0 20px 10px!important;width:100%}.more-members-modal .members-modal-body .member img{margin-right:10px;width:30px}.more-members-modal .members-modal-body .member .member-info{display:flex;flex-direction:column;flex-grow:1}.add-list-container{align-self:flex-start;background-color:transparent;border-radius:3px;display:block;position:relative}.add-list-container .open-edit-btn{align-items:center;background-color:rgba(0,0,0,.078);background-color:var(--clr-dynamic-faded);border:none;border-radius:3px;color:#fafbfc;color:var(--clr-dynamic-inner);cursor:pointer;display:flex;height:40px;line-height:40px;padding:0 16px;transition:background-color,.09zs;width:270px}.add-list-container .open-edit-btn:hover{background-color:rgba(0,0,0,.161);background-color:var(--clr-dynamic-faded-hover)}.add-list-container .open-edit-btn svg{-webkit-margin-end:5px;fill:var(--clr-dynamic-inner);height:16px;margin-inline-end:5px;width:16px}.add-list-container .add-list{background-color:rgba(236,238,240,0);border-radius:3px;display:none;padding:4px;position:absolute;top:0;transition:transparency;width:100%}.add-list-container .add-list input{background-color:#fff;border-radius:3px;box-shadow:inset 0 0 0 2px #0079bf;display:block;margin-bottom:4px;padding:8px 12px;width:100%}.add-list-container .add-list .add-list-btn{background-color:rgba(0,0,0,.078);background-color:#026aa7;border:none;border-radius:3px;color:#fafbfc;display:inline-block;float:left;height:32px;height:100%;line-height:32px;margin:0;padding:0 16px;width:80px}.add-list-container .add-list .add-list-btn:hover{background-color:rgba(0,0,0,.161);background-color:#025a8e}.add-list-container .add-list a{background-color:rgba(0,0,0,.078);background-color:transparent;border:none;border-radius:3px;color:#fafbfc;display:inline-block;height:40px;height:32px;line-height:40px;padding:0 16px;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:32px}.add-list-container .add-list a:hover{background-color:rgba(0,0,0,.161)}.add-list-container .add-list a:before{content:url(/static/media/add.9b575a3c22f8522650a4.svg);height:20px;position:absolute;-webkit-transform:translate(-50%,10%);transform:translate(-50%,10%)}.add-list-container .add-list a:hover{background-color:transparent}.add-list-container.editing .add-list{background-color:#eceef0;display:inline-block}.checklist-item-preview{display:flex}.checklist-item-preview .item-content{flex-direction:column;flex-grow:1}.checklist-item-preview .checklist-item-header{align-items:center;display:flex}.checklist-item-preview .checklist-item-header .icon-wrapper{-webkit-margin-end:8px;fill:#42526e;margin-inline-end:8px;width:32px}.checklist-item-preview .checklist-item-header .icon-wrapper svg{-webkit-margin-end:8px;height:24px;margin-inline-end:8px;-webkit-transform:translateY(12%);transform:translateY(12%);width:24px}.checklist-item-preview .checklist-item-header .header-details-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.checklist-item-preview .checklist-item-header .header-details-wrapper h2{font-family:pri-font;font-size:16px;font-weight:600}.checklist-item-preview .checklist-item-header .header-details-wrapper button{border:none;border-radius:3px;height:32px;line-height:32px;padding:0 16px}.percentage-bar{align-items:center;display:flex}.percentage-bar .percentage-num-wrapper{-webkit-transform:translateX(10%);transform:translateX(10%);width:32px}.percentage-bar .percentage-num-wrapper,.percentage-bar .percentage-num-wrapper .percent-num{-webkit-margin-end:8px;margin-inline-end:8px}.checklist-item-list{position:relative}.checklist-item-list .modal.checklist-members{right:0}.cl-task-wrapper{align-items:center;border-radius:3px;display:flex;height:35px;margin-top:10px;width:100%}.cl-task-wrapper .checkbox-wrapper{-webkit-margin-end:8px;margin-inline-end:8px;width:32px}.cl-task-wrapper .checkbox-wrapper input[type=checkbox]{-webkit-margin-end:8px;display:inline-block;margin:0;margin-inline-end:8px;width:24px}.cl-task-wrapper:last-child{margin-bottom:10px}.cl-task-wrapper .cl-task{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:space-between;width:100%}.cl-task-wrapper .cl-task-buttons{display:none}.cl-task-wrapper .cl-task-buttons .user-btn{border-radius:10px}.cl-task-wrapper .cl-task-buttons a{fill:#42526e;-webkit-margin-end:4px;align-items:center;background-color:rgba(0,0,0,.078);border-radius:50%;display:flex;height:24px;justify-content:center;margin-inline-end:4px;min-width:24px}.cl-task-wrapper .cl-task-buttons a img{border-radius:50%;height:inherit}.cl-task-wrapper .cl-task-buttons .delete-btn{border-radius:3px}.cl-task-wrapper .cl-task-buttons a:hover{background-color:rgba(0,0,0,.161)}.cl-task-wrapper .cl-task-buttons.open{display:flex}.cl-task-wrapper svg{height:16px;width:16px}.cl-task-wrapper:hover{background-color:rgba(9,30,66,.078)}.cl-task-wrapper:hover .cl-task-buttons{display:flex}.cl-task-wrapper .space{align-items:center;display:inline-block;height:30px;justify-content:center;width:30px}.cl-task-wrapper .space2{margin:0 4px}.checklist-item-footer{display:flex;width:100%}.checklist-item-footer button{border:none;border-radius:3px;height:32px;line-height:32px;padding:0 16px}.checklist-item-footer form{width:100%}.checklist-item-footer input{-webkit-padding-start:4px;margin-bottom:16px;outline:2px solid #026aa7;padding-inline-start:4px;width:93%}.checklist-item-footer button:first-child,.checklist-item-footer input{-webkit-margin-start:40px;border-radius:3px;height:32px;margin-inline-start:40px}.checklist-item-footer button:first-child{-webkit-margin-end:5px;background-color:#026aa7;border:none;color:#fafbfc;line-height:32px;margin-inline-end:5px;padding:0 16px}.labels .label .label-bar{border-radius:3px;height:32px;width:auto}.task-content .attachments{width:100%}.task-content .attachments .attachment-list{flex-grow:1}.task-content .modal-type:focus{outline:none}.task-content .attachment-preview{border-radius:3px;height:80px;margin-bottom:16px}.task-content .attachment-preview:hover{background-color:rgba(9,30,66,.039)}.task-content .attachment-preview p{margin:none}.task-content .attachment-preview .img-container{border-radius:3px;cursor:pointer;height:80px;overflow:hidden;width:112px}.task-content .attachment-preview .img-container img{height:100%;object-fit:cover}.task-content .attachment-preview .attachment-data{flex-grow:1;padding:8px 8px 8px 16px;position:relative}.task-content .attachment-preview .attachment-data h3{color:#172b4d;font-size:14px;font-weight:700}.task-content .attachment-preview .attachment-data p{color:#5e6c84;padding:0}.task-content .attachment-preview .attachment-data .modal{left:auto;right:0;-webkit-transform:translate(50%,100%);transform:translate(50%,100%)}.task-content .attachment-preview .attachment-data .attachment-button span{margin:0 8px}.task-content .attachment-preview .attachment-data .attachment-button a{color:#5e6c84;cursor:pointer;text-decoration:underline}.attachment-list{position:relative}.attachment-list .modal{bottom:0;right:0}
/*# sourceMappingURL=main.322b2d7f.css.map*/