#root,.app,.board,body,html{min-height:100vh}*,body{font-family:Plus Jakarta Sans,sans-serif;margin:0}*{border:none;box-sizing:border-box;padding:0}button,input,select,textarea{background-color:inherit;color:inherit;cursor:pointer;transition:.3s}input:focus,select:focus,textarea:focus{outline:1px solid #635fc7}input[type=checkbox]{accent-color:#635fc7}.light{color:#000112}.dark{color:#fff}.none{display:none}.dimmed{background-color:rgba(0,0,0,.5)}.scroll-none{overflow:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.heading-XL{font-size:24px;font-weight:700;line-height:30px}.heading-L{font-size:18px;font-weight:700;line-height:23px}.heading-M{font-size:15px;font-weight:700;line-height:19px}.heading-S{font-size:12px;font-weight:700;letter-spacing:2.4px;line-height:15px}.text-L{font-size:13px;font-weight:500;line-height:23px}.text-M{font-size:12px;font-weight:700;line-height:15px}.header-container{left:0;position:fixed;right:0;z-index:1}header{align-items:center;background-color:#fff;display:flex;padding:16px;position:relative}.dark header{background:#2b2c37}header .elipsis-menu{right:2%;top:90%;width:150px}.header-name-container{align-items:center;display:flex;gap:8px;margin-left:16px;margin-right:auto}.header-name-container img{cursor:pointer}.add-task-btn{align-items:center;background:#635fc7;border-radius:24px;color:#fff;display:flex;justify-content:center;margin-right:16px;padding:10px 18px}.add-task-btn:hover{background:#a8a4ff}.btn-off{cursor:auto;opacity:25%}.elipsis{cursor:pointer;height:16px}.dropdown-container{background-color:rgba(0,0,0,.5);bottom:-100vh;left:0;padding:24px 55px;position:absolute;right:0;top:64px}.dropdown-modal{background-color:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(54,78,126,.25);color:#828fa3;padding:16px 0;width:100%}.dark .dropdown-modal{background:#2b2c37}.dropdown-modal h3{font-size:12px;letter-spacing:2.4px;line-height:15px;margin:0 0 24px 19px}.dropdown-board{cursor:pointer;font-size:15px;font-weight:700;margin-right:24px;padding:15px 24px;transition:.3s}.dropdown-board:hover{background:rgba(99,95,199,.1);border-radius:0 100px 100px 0;color:#635fc7}.dark .dropdown-board:hover{background:#fff;color:#635fc7}.board-active{background-color:#635fc7;border-radius:0 100px 100px 0;color:#fff}.dropdown-board img{margin-right:12px}.dropdown-create-board-btn{fill:#635fc7;color:#635fc7}.filter-purple{-webkit-filter:invert(39%) sepia(47%) saturate(748%) hue-rotate(203deg) brightness(94%) contrast(93%);filter:invert(39%) sepia(47%) saturate(748%) hue-rotate(203deg) brightness(94%) contrast(93%)}.filter-white{-webkit-filter:invert(100%) sepia(96%) saturate(16%) hue-rotate(350deg) brightness(104%) contrast(100%);filter:invert(100%) sepia(96%) saturate(16%) hue-rotate(350deg) brightness(104%) contrast(100%)}.theme-toggle{align-items:center;background:#f4f7fd;border-radius:6px;display:flex;gap:24px;justify-content:center;margin:16px 16px 0;padding:14px}.dark .theme-toggle{background:#20212c}.switch{display:inline-block;height:20px;margin:0;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#635fc7;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:hover{background:#a8a4ff}.slider:before{background-color:#fff;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.4s;width:14px}input:focus+.slider{box-shadow:0 0 1px #ccc}input:checked+.slider:before{-webkit-transform:translateX(20px);transform:translateX(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media only screen and (min-width:768px){.logo-container{align-items:center;display:flex;gap:15px;padding-left:10px;width:245px}.logo-text{font-size:32px;font-weight:700}.header-name-container{margin-left:24px}.dropdown-container{background-color:#fff;height:90%;padding:0;position:static}.dark .dropdown-container{background:#2b2c37}.dropdown-modal{border-radius:0;box-shadow:none;height:100%;padding:0;position:relative}.theme-toggle{bottom:0;left:0;margin-bottom:0;position:absolute;right:0}.add-task-btn{height:48px;margin-right:24px;width:164px}.elipsis{height:20px;width:5px}}.modal{background-color:#fff;border-radius:6px;max-height:90%;overflow-y:scroll;padding:24px;width:343px}.modal-container{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.dark .modal{background:#2b2c37}.modal button{align-items:center;display:flex;font-size:13px;height:40px;justify-content:center;width:100%}.btn-light{background:rgba(99,95,199,.1);color:#635fc7}.modal h3{margin-bottom:24px}label{color:#828fa3;display:block;font-size:12px;font-weight:700;line-height:15px;margin-bottom:8px}.dark label{color:#fff}.modal-column{align-items:center;display:flex;gap:16px;margin-bottom:12px}.modal-column img{cursor:pointer}.modal input,textarea{border:1px solid rgba(130,143,163,.25);border-radius:4px;font-size:13px;font-weight:500;height:40px;padding:8px 16px;width:100%}textarea{height:135px;margin-bottom:24px}#board-name-input,#task-name-input{margin-bottom:24px;width:100%}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:.25}input::placeholder,textarea::placeholder{opacity:.25}.dark input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}.dark input::placeholder,textarea::placeholder{color:#fff}.input-container{position:relative;width:100%}.cant-be-empty-span{color:#ea5555;position:absolute;right:16px;top:8px;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.red-border{border-color:#ea5555!important}@media only screen and (min-width:768px){.modal{padding:32px;width:480px}}.board{background-color:#f4f7fd;display:flex;gap:24px;overflow-x:scroll;padding:88px 16px 24px}.dark .board{background:#20212c}.open-sidebar{margin-left:261px}.closed-sidebar{margin-left:56px}.board-empty{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.board-empty-text{color:#828fa3;margin-bottom:25px;text-align:center}.add-column-btn,.create-btn{background-color:#635fc7;border-radius:24px;color:#fff;font-size:15px;font-weight:700;margin-top:24px;padding:15px 18px}.add-column-btn:hover,.create-btn:hover{background-color:#a8a4ff}.add-column-btn{margin:0}.dark .add-column-btn{background-color:#fff;color:#635fc7}@media only screen and (min-width:768px){.board{padding:104px 24px 24px}}.delete-modal,.task-modal{background-color:#fff;border-radius:6px;max-height:90%;padding:24px;width:343px}.dark .task-modal{background:#2b2c37}.delete-modal h3{color:#ea5555}.delete-modal p{color:#828fa3;margin:24px 0}.dark .delete-modal{background:#2b2c37}.btn{border-radius:20px;font-size:13px;font-weight:700;height:40px;line-height:23px;padding:8px;width:100%}.delete-btn{background-color:#ea5555;color:#fff;margin-bottom:16px}.delete-btn:hover{background:#ff9898}.cancel-btn{background-color:rgba(99,95,199,.1);color:#635fc7}.cancel-btn:hover{background:rgba(99,95,199,.25)}.dark .cancel-btn{background-color:#fff}.task-modal-title-container{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;position:relative}.elipsis-menu{background-color:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(54,78,126,.25);color:#828fa3;padding:16px;position:absolute;right:-10%;top:150%;width:40%}.dark .elipsis-menu{background:#20212c}.elipsis-menu p{cursor:pointer}.elipsis-menu-red{color:#ea5555;margin-top:16px}.task-modal-elipsis{cursor:pointer}.task-description{color:#828fa3;margin-bottom:24px}.subtasks-completed{color:#828fa3;margin-bottom:16px}.subtask{align-items:center;background:#f4f7fd;border-radius:4px;display:flex;gap:16px;margin-top:8px;padding:13px 12px}.dark .subtask{background:#20212c}.subtask:hover{background:rgba(99,95,199,.25)}.subtask-checkbox{min-height:16px;min-width:16px}.checked{opacity:.5;text-decoration:line-through}.select-column-container{margin-top:24px}.select-status{-webkit-appearance:none;appearance:none;background-image:url(/static/media/icon-chevron-down.77595c15c9072ba0ef8a.svg);background-position:right 16px top 50%;background-repeat:no-repeat;border:1px solid #828fa340;border-radius:4px;padding:8px 16px;width:100%}.status-options{color:#828fa3}.dark .status-options{background:#20212c}@media only screen and (min-width:768px){.delete-modal,.task-modal{padding:32px;width:480px}.delete-modal-btns{display:flex;gap:16px}}.task{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(54,78,126,.102);margin-bottom:20px;padding:23px 16px;width:280px}.task:hover{color:#635fc7;cursor:pointer}.dark .task{background:#2b2c37}.num-of-subtasks{color:#828fa3;margin-top:8px}.column{min-width:280px}.col-name{color:#828fa3;margin-bottom:24px}.add-column-column{align-items:center;background:linear-gradient(180deg,#e9effa,rgba(233,239,250,.5));border-radius:6px;color:#828fa3;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:39px;min-width:280px}.dark .add-column-column{background:linear-gradient(180deg,rgba(43,44,55,.25),rgba(43,44,55,.125))}.add-column-column:hover{color:#635fc7;transition:.3s}.sidebar{background-color:#fff;bottom:0;left:0;padding-top:38px;position:fixed;top:72px;width:261px}.dark .sidebar{background:#2b2c37}.sidebar-infront{z-index:5}.toggle-sidebar-container{border-radius:0 100px 100px 0;color:#828fa3;cursor:pointer;display:flex;gap:10px;margin:8px 24px 32px 0;padding:15px 30px;transition:.3s}.toggle-sidebar-container:hover{background:rgba(99,95,199,.1);color:#635fc7}.dark .toggle-sidebar-container:hover{background:#fff;color:#635fc7}.sidebar-closed{align-items:center;background:#635fc7;border-radius:0 100px 100px 0;bottom:32px;display:flex;height:48px;justify-content:center;min-width:56px;padding:0;top:auto;transition:.3s;width:56px}.dark .sidebar-closed .toggle-sidebar-container:hover,.sidebar-closed .toggle-sidebar-container{background:transparent}.sidebar-closed:hover{background:#a8a4ff;cursor:pointer}.toggle-closed{margin:0}.auth-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:24px}.auth-form{background-color:#fff;border-radius:8px;box-shadow:0 10px 20px rgba(54,78,126,.25);max-width:480px;padding:32px;width:100%}.dark .auth-form{background-color:#2b2c37}.auth-form h2{color:#000112;font-size:18px;font-weight:700;margin-bottom:24px}.dark .auth-form h2{color:#fff}.auth-form input{border:1px solid rgba(130,143,163,.25);border-radius:4px;color:#000112;font-size:13px;font-weight:500;margin-bottom:24px;margin-top:8px;padding:8px 16px;width:100%}.dark .auth-form input{background-color:initial;color:#fff}.auth-form label{color:#828fa3;font-size:12px;font-weight:700}.auth-form button{background-color:#635fc7;border-radius:20px;color:#fff;font-size:13px;font-weight:700;margin-top:24px;padding:12px;width:100%}.auth-form button:hover{background-color:#a8a4ff}.auth-form p{color:#828fa3;font-size:13px;margin-top:24px;text-align:center}.auth-form a{color:#635fc7;font-weight:700;text-decoration:none}.error-msg{color:#ea5555;font-size:13px;margin-bottom:16px;text-align:center}
/*# sourceMappingURL=main.92a26409.css.map*/