@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700&display=swap";*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{display:none}*{padding:0;-ms-overflow-style:none;scrollbar-width:none}*,blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.red{background-color:red}.purple{background-color:#635fc7}.teal{background-color:teal}.blue{background-color:#4169e1}.green{background-color:green}.salmon{background-color:salmon}.container{background-color:#f4f7fd;overflow:auto;position:relative}.boardContainerGrid{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto 1fr;grid-template-areas:"logoArea selectedBoardArea" "boardSelectionArea selectedBoardArea2";grid-column-gap:.3rem;column-gap:.3rem;width:100%}.boardContainerGrid .logoArea{grid-area:logoArea;padding-block:2.75rem;padding-inline:2rem;background-color:#fff;display:flex;align-items:center;box-sizing:border-box}.boardContainerGrid .boardSelectionArea{grid-area:boardSelectionArea;padding-top:2rem;background-color:#fff;transition:.5s;min-width:260px}.boardContainerGrid .hide{transition:.5s;transform:translateX(-200%);position:absolute;margin-inline:auto}.boardContainerGrid .toggle{background-color:#635fc7;transform:translateX(150%);padding-block:2rem;padding-left:2rem;border-radius:0 15rem 15rem 0;transition:.5s;position:relative;max-width:225px;min-width:10px}.boardContainerGrid .toggle button{opacity:0;position:-webkit-sticky;position:sticky;left:50rem;z-index:100}.boardContainerGrid .toggle svg{position:fixed;left:11rem;z-index:10}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper{display:grid}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .allBoardsMdBody{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-size:12px;line-height:15px;letter-spacing:2.4px;color:#828fa3;text-transform:capitalize;margin-bottom:1.25rem;padding-left:2rem}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .boardsWrapper .boards{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-size:15px;line-height:19px;color:#000112;display:flex;flex-direction:column;list-style:none}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .board{display:flex;gap:1.25rem;align-items:center;padding-block:1rem;padding-left:2rem;border-radius:0 15rem 15rem 0}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .board button{color:#828fa3;background-color:transparent;border:none;align-self:center;text-transform:capitalize;cursor:pointer}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .active{background-color:#635fc7;color:#fff}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .active button{color:#fff;background-color:transparent;border:none;align-self:center}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .newBoardButton>button{color:#635fc7}.boardContainerGrid .boardSelectionArea .boardSelectionWrapper .boardPanelOptions{margin-top:2rem;padding-left:2rem;align-self:end;display:flex;flex-direction:column}.boardContainerGrid .menu{position:absolute;display:flex;flex-direction:column;font-size:1.25rem;top:6rem;right:2rem;gap:0;border-radius:1rem}.boardContainerGrid .menu button{border:none;border-radius:1rem 1rem 0 0;padding-inline:2rem;padding-block:.5rem;text-transform:capitalize;font-family:Plus Jakarta Sans;background-color:#fff;color:#828fa3;cursor:pointer}.boardContainerGrid .menu button:hover{background-color:#f4f7fd}.boardContainerGrid .menu button:active{background-color:#fff}.boardContainerGrid .menu button:nth-of-type(2){color:#ea5555;border-radius:0 0 1rem 1rem}.boardContainerGrid .createNewBoardWrapper{text-align:center;text-transform:uppercase;margin-top:1rem;font-family:Plus Jakarta Sans}.boardContainerGrid .selectedBoardOptionsWrapper{grid-area:selectedBoardArea;display:flex;justify-content:space-between;align-items:center;padding-block:2rem;padding-inline:2rem;background-color:#fff}.boardContainerGrid .selectedBoardOptionsWrapper .selectedBoardNameXl{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-size:24px;line-height:30px;color:#000112;text-transform:capitalize}.boardContainerGrid .selectedBoardOptionsWrapper .newTaskWrapper{display:flex;align-items:center;gap:1.25rem}.boardContainerGrid .selectedBoardOptionsWrapper .newTaskWrapper .newTaskBtn{color:#fff;background-color:#635fc7;border:none;border-radius:1.5rem;padding-block:.75rem;padding-inline:1.25rem;cursor:pointer;text-transform:capitalize;font-family:Plus Jakarta Sans;display:flex;gap:1rem}@media screen and (max-width:750px){.boardContainerGrid .selectedBoardOptionsWrapper .newTaskWrapper .newTaskBtn p{display:none}}.boardContainerGrid .selectedBoardOptionsWrapper .newTaskWrapper .newTaskBtn:disabled{background-color:#828fa3!important}.boardContainerGrid .selectedBoardOptionsWrapper .newTaskWrapper .menuBtn{border:none;padding-inline:1rem;background:none;cursor:pointer}.switchWrapper{display:flex;justify-content:center;align-items:center;gap:2rem;background-color:#f4f7fd;width:min(100% - 2rem);padding-block:.75rem;margin-bottom:1.25rem}.switchWrapper .switch{position:relative;display:inline-block;width:60px;height:34px}.switchWrapper .switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#635fc7}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#828fa3}input:focus+.slider{box-shadow:0 0 1px #635fc7}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.hideSideBarWrapper{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.hideSideBarWrapper button{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-size:15px;line-height:19px;color:#000112;color:#828fa3;background-color:transparent;border:none;cursor:pointer;text-transform:capitalize}.downArrow,.mobileLogo{display:none}@media screen and (max-width:750px){.boardContainerGrid{position:relative;grid-template-columns:1fr;grid-template-areas:"selectedBoardArea" "selectedBoardArea2"}.boardContainerGrid .logoArea{display:none}.boardContainerGrid .boardSelectionArea{grid-area:none;display:none;min-width:0;margin-inline:auto}.boardContainerGrid .hide{display:block;position:absolute;grid-area:auto;width:min(390px,100% - 1rem);top:50%;left:50%;transform:translate(-50%,-50%)}.boardContainerGrid .mobileLogoWrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.boardContainerGrid .downArrow,.boardContainerGrid .mobileLogo{display:block}.boardContainerGrid .toggle{display:none;transform:translateX(0)}}.taskRowWrapper{display:flex;flex-direction:column;gap:1rem;cursor:pointer}.task{display:inline-block;padding-block:1.5rem;padding-inline:1rem;border-radius:.5rem;background-color:#fff;margin-bottom:1.25rem;box-sizing:border-box;cursor:pointer}.task .taskTitle{font-size:15px;line-height:19px;color:#000112}.task .subtaskCount,.task .taskTitle{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700}.task .subtaskCount{font-size:12px;line-height:15px;color:#2b2c37;color:#828fa3}.boardColumn{display:flex;gap:1.25rem;padding:1.25rem}.boardColumnsWrapper{grid-area:selectedBoardArea2;transition:.5s;overflow:auto;width:100%;height:100vh}.boardColumnsWrapper.hide2{grid-column:1/span 2;overflow:auto;padding-left:4.9rem;padding-right:1rem}@media screen and (max-width:750px){.boardColumnsWrapper{transition:0}}.newColumnButtonWrapper{display:flex;justify-content:center;padding-block:2rem;background-color:#d5dadd;min-width:18rem}.newColumnButtonWrapper button{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-size:24px;line-height:30px;color:#000112;text-transform:capitalize;color:#828fa3;background-color:transparent;border:none}.columnWrapper{min-width:18rem}.statusWrapper{display:flex;gap:.75rem;margin-bottom:1.25rem;width:-moz-fit-content;width:fit-content}.statusWrapper .statusColor{border-radius:50%;height:1rem;width:1rem}.statusWrapper p{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-size:12px;line-height:15px;letter-spacing:2.4px;color:#828fa3}.cardContainer{position:absolute;width:100vw;height:100vh;margin-inline:auto;background-color:hsla(0,0%,83%,.8);z-index:1;inset:0;cursor:pointer}.menuBtn{border:none;padding-inline:1rem;background:none;cursor:pointer}.confirmationWrapper{display:grid;grid-gap:1rem;gap:1rem}.confirmationTxt h3{color:#ea5555}.confirmationTxt h3,.confirmationTxt p{font-family:Plus Jakarta Sans;margin-bottom:1rem}.confirmationTxt p{color:#828fa3}.confirmationBtn{display:flex;gap:.5rem}.confirmationBtn button{color:#fff;background-color:#635fc7;border:none;border-radius:1.5rem;padding-block:.75rem;padding-inline:1.25rem;cursor:pointer;text-transform:capitalize;font-family:Plus Jakarta Sans;width:100%}.confirmationBtn .deleteBtn{color:#fff;background-color:#ea5555}.confirmationBtn .deleteBtn:hover{background-color:#ff9898}.confirmationBtn .deleteBtn:focus{background-color:#ea5555}.confirmationBtn .cancelBtn{color:#635fc7;background-color:#f4f7fd}.closeBtn{background:none;border:none;font-size:2rem;color:#828fa3}.cardWrapper{position:absolute;margin-inline:auto;margin-block:10rem;left:0;right:0;width:min(720px,100% - 5rem);height:-moz-fit-content;height:fit-content;background-color:#fff;padding:2rem;border-radius:6px}.menuContainer{display:flex;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem}.menuContainer p{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-size:18px;line-height:23px;color:#000112}select{padding-block:.5rem;text-transform:capitalize;border:none;padding-left:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}select,select:active{background-color:#fff}.createForm{display:flex;flex-direction:column;gap:1rem;font-family:Plus Jakarta Sans}.createForm input{width:100%;padding-left:.5rem;background:#fff;border:1px solid rgba(130,143,163,.25);border-radius:4px;padding-block:.5rem}.createForm input:focus{border:1px solid #635fc7;outline:none}.createForm input[type=submit]{border-radius:1rem;border:none;cursor:pointer;background-color:#635fc7;color:#fff;padding-block:.5rem}.createForm input[type=submit]:hover{background-color:#a8a4ff}.createForm input[type=submit]:focus{background-color:#635fc7}.createForm textarea{width:100%;padding-left:.5rem;resize:none;background:#fff;border:1px solid rgba(130,143,163,.25);border-radius:4px;padding-block:.5rem}.createForm textarea:focus{border:1px solid #635fc7;outline:none}.createForm .addBtn{border-radius:1rem;border:none;cursor:pointer;background-color:#f4f7fd;color:#635fc7;padding-block:.5rem;text-transform:capitalize}.createForm .addBtn:hover{background-color:#635fc7;color:#f4f7fd}.createForm .addBtn:focus{background-color:#a8a4ff}.createForm .error{color:#ea5555}.inputContainer{display:flex;align-items:center;gap:1rem}.inputWrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.details{color:#2b2c37;color:#828fa3;margin-bottom:1.25rem}.details,.subtaskContainer{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-size:13px;line-height:23px}.subtaskContainer{color:#2b2c37}.subtaskContainer .taskCount{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-size:13px;line-height:23px;color:#2b2c37;text-transform:capitalize;margin-bottom:3rem}.subtaskWrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.checkboxWrapper{display:flex;gap:1.25rem;background-color:#f4f7fd;padding:.75rem;border-radius:4px}.checkboxWrapper:hover{background-color:#a8a4ff}.checkboxWrapper input[type=checkbox]{accent-color:#635fc7}.checkboxWrapper p{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-size:13px;line-height:23px;color:#2b2c37;color:#000112}.checkboxWrapper .COMPLETE{text-decoration:line-through;color:#828fa3}.statusContainer{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-size:13px;line-height:23px;color:#2b2c37;text-transform:capitalize;display:flex;flex-direction:column;width:100%}.statusContainer ul{display:flex;width:auto;flex-direction:column;list-style:none;overflow:hidden;transition:height 3s;height:2.5rem;border:.5px solid #828fa3;cursor:pointer}.statusContainer ul:hover{border:.5px solid #a8a4ff}.statusContainer .open{height:auto}.authPageContainer{font-family:Plus Jakarta Sans;text-transform:uppercase;height:100vh;overflow:hidden}.authPageContainer p{margin-top:1rem}.authTitleWrapper{padding-top:4rem;padding-left:4rem}.authContainer{display:grid;font-family:Plus Jakarta Sans;overflow:hidden;margin-top:10rem}.authContainer h1{font-weight:500}.authContainer .button{color:#635fc7;text-transform:uppercase;cursor:pointer}.form{display:flex;flex-direction:column;gap:2rem;font-family:Plus Jakarta Sans;padding:2.5rem;background-color:#fff;border-radius:1rem;width:min(1080px,100% - 3rem);max-width:50rem;margin-inline:auto}.form h1{text-align:center}.form input{display:block;border:none;width:100%;max-width:50rem;margin-inline:auto}.form input,.form input:focus{outline:none}.form input[type=submit]{padding-block:.5rem;background-color:#635fc7;color:#fff}.form input[type=submit]:hover{background-color:#a8a4ff}.form input[type=submit]:focus{background-color:#635fc7}.selection{letter-spacing:3px;display:flex;gap:1rem;margin-inline:auto}@media only screen and (max-width:600px){.authTitleWrapper{padding-top:2rem;padding-left:2rem}.authContainer{margin-top:2.5rem}.selection{gap:.1rem;flex-direction:column;text-align:center}.form h1{font-size:1.5rem}}