@charset "UTF-8";@font-face{font-family:Plus-Jakarta-Sans;src:url(/fonts/PlusJakartaSans-variable.woff2);font-style:normal;font-display:swap}:root{--typography-p: Plus-Jakarta-Sans, Verdana;--subtitle-color: hsl(216, 15%, 57%);--btn-prim: hsl(242, 48%, 58%);--btn-prim-h: hsl(243, 100%, 82%);--btn-des: hsl(0, 78%, 63%);--btn-des-h: hsl(0, 100%, 80%);--input-check-h: hsl(242, 48%, 58%);--modal-bg: rgba(0, 0, 0, .55);--txt-color: hsl(0, 0%, 100%);--txt-color-input: hsl(0, 0%, 100%);--primary-color: hsl(235, 12%, 19%);--secundary-color: hsl(235, 16%, 15%);--btn-sec: hsl(0, 0%, 100%);--btn-sec-h: hsl(0, 0%, 100%);--border-color: hsl(236, 11%, 27%);--singleTask-boxShadow: hsla(220, 40%, 35%, .102)}@media (prefers-color-scheme: dark){:root{--txt-color: hsl(0, 0%, 100%);--primary-color: hsl(235, 12%, 19%);--secundary-color: hsl(235, 16%, 15%);--txt-color-input: hsl(0, 0%, 100%);--btn-sec: hsl(0, 0%, 100%);--btn-sec-h: hsl(0, 0%, 100%);--border-color: hsl(236, 11%, 27%);--singleTask-boxShadow: hsla(220, 40%, 35%, .102)}}@media (prefers-color-scheme: light){:root{--txt-color: hsl(237, 100%, 4%);--primary-color: hsl(0, 0%, 100%);--secundary-color: hsl(220, 69%, 97%);--txt-color-input: hsl(216, 15%, 57%);--btn-sec: hsla(242, 48%, 58%, .1);--btn-sec-h: hsla(242, 48%, 58%, .25);--border-color: hsl(221, 69%, 94%);--singleTask-boxShadow: rgba(54, 78, 126, .1)}}@media (prefers-reduced-motion: reduce){*{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}*{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:baseline}img,picture,video,iframe,figure{max-width:100%;width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}a{display:block;text-decoration:none;color:inherit;font-size:inherit}p a{display:inline}li{list-style-type:none}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em{font-size:1em;font-weight:inherit;font-style:inherit;text-decoration:none;color:inherit}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}form,input,textarea,select,button,label{font-family:inherit;font-size:inherit;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;background-color:transparent;color:inherit;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}table,tr,td{border-collapse:collapse;border-spacing:0}svg{width:100%;display:block;fill:currentColor}body{min-height:100vh;font-size:100%;font-family:var(--typography-p)}#dark-theme{--txt-color: hsl(0, 0%, 100%);--primary-color: hsl(235, 12%, 19%);--secundary-color: hsl(235, 16%, 15%);--btn-sec: hsl(0, 0%, 100%);--btn-sec-h: hsl(0, 0%, 100%);--border-color: hsl(236, 11%, 27%);--txt-color-input: hsl(0, 0%, 100%);--singleTask-boxShadow: hsla(220, 40%, 35%, .102)}#ligth-theme{--txt-color: hsl(237, 100%, 4%);--primary-color: hsl(0, 0%, 100%);--secundary-color: hsl(220, 69%, 97%);--txt-color-input: hsl(216, 15%, 57%);--btn-sec: hsla(242, 48%, 58%, .1);--btn-sec-h: hsla(242, 48%, 58%, .25);--border-color: hsl(221, 69%, 94%);--singleTask-boxShadow: rgba(54, 78, 126, .1)}.main--opacity{opacity:.5;background-color:#000}button,a,label{cursor:pointer}input{outline:none}body{max-height:100vh;max-height:100dvh}::-webkit-scrollbar{width:6px;height:5px;background-color:var(--secundary-color)}::-webkit-scrollbar-thumb{background-color:#818ea262;border-radius:10px}@keyframes showModal{0%{opacity:0;scale:.8}to{opacity:1;scale:1}}.kanbanApp{height:100vh;height:100dvh;background-color:var(--secundary-color)}.kanbanApp-main{width:100%;height:100%;overflow:auto}@media screen and (min-width: 768px){.kanbanApp{display:flex}}.iconShowSideBar-svg{width:1rem;height:.6875rem;color:#fff}.kanbanApp-main__btnShowMenu{width:3.125rem;height:3rem;position:absolute;bottom:2.875rem;display:flex;align-items:center;justify-content:center;border-top-right-radius:6.25rem;border-bottom-right-radius:6.25rem;background-color:var(--btn-prim);transition:background-color .2s ease-out}.kanbanApp-main__btnShowMenu:hover{background-color:var(--btn-prim-h)}.addBoardForm__container{width:100%;height:100%;position:absolute;z-index:1200;top:0;background-color:var(--modal-bg);display:flex;justify-content:center;align-items:center}.addBoardForm{width:21.4375rem;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;background-color:var(--primary-color);border-radius:6px;animation:.35s showModal ease-out both}.addBoardForm__title{width:90%;color:var(--txt-color);font-size:1.125rem;font-weight:700;text-align:left;padding-bottom:1.5rem}.addBoardForm__boardform{width:90%;display:flex;flex-direction:column;gap:1.5rem}.boardform-containerName__label{font-size:.75em;font-weight:700;color:var(--txt-color-input);margin-bottom:8px}.boardform-containerName__name{width:100%;font-size:.8125em;font-weight:500;line-height:1.4375rem;color:var(--txt-color);padding:8px 0;padding-left:1rem;border-radius:4px;border:1px solid rgba(130,143,163,.25)}.boardform-containerName__name::placeholder{color:var(--subtitle-color)}.boardform-containerName__name:focus-visible{outline:1px solid var(--input-check-h)}@media screen and (min-width: 768px){.addBoardForm{width:30rem;padding:2rem 0}.addBoardForm__title,.addBoardForm__boardform{width:86%}}@media screen and (min-width: 1200px){.addBoardForm{top:30%}}.boardform-containerColumns__label{font-size:.75em;font-weight:700;color:var(--txt-color-input)}.boardform-containerColumns__containerNameList{max-height:115px;display:flex;flex-direction:column;gap:.75rem;padding-top:8px;padding-bottom:.75rem;padding-left:1px;overflow-y:auto}.boardform-containerColumns__btn{width:100%;color:#fff;background-color:var(--btn-prim);text-align:center;font-size:.8125em;font-weight:700;line-height:1.4375rem;border-radius:1.25rem;padding:8px 0}.boardform-containerColumns__btn-otherColor{background-color:var(--btn-sec);color:var(--btn-prim);margin-bottom:1.5rem}.boardform-containerColumns__btn-otherColor:hover{background-color:var(--btn-sec-h)}.boardform-containerColumns__containerName{display:flex;justify-content:space-between;align-items:center;gap:1rem}.containerColumns__containerName-nameColumn{width:100%;font-size:.8125em;font-weight:500;line-height:1.4375rem;color:var(--txt-color);padding:8px 0;padding-left:1rem;border-radius:4px;border:1px solid rgba(130,143,163,.25)}.containerColumns__containerName-nameColumn::placeholder{color:var(--subtitle-color)}.containerColumns__containerName-nameColumn:focus-visible{border-color:var(--input-check-h)}.boardform-containerName__input--error{border-color:var(--btn-des);outline:none}.boardform-containerName__input--error:focus-visible{outline:1px var(--btn-des-h);border-color:var(--btn-des-h)}.addNewTask-container{width:100%;height:100%;position:absolute;top:0;z-index:1200;background-color:#0000008c;display:flex;justify-content:center;align-items:center}.addNewTask{width:90%;width:343px;height:100%;max-height:500px;overflow:auto;background-color:var(--primary-color);border-radius:6px;padding:24px 0;display:flex;flex-direction:column;gap:24px;animation:.35s showModal ease-out both}.addNewTask__title{width:85%;margin-inline:auto;color:var(--txt-color);font-size:18px;font-weight:700}@media screen and (min-width: 768px){.addNewTask-container{width:100%;height:100%;position:absolute;top:0;z-index:1200;background-color:#0000008c;display:flex;justify-content:center;align-items:center}.addNewTask{width:480px;height:100%;max-height:500px;overflow:auto;background-color:var(--primary-color);border-radius:6px;padding:24px 0;display:flex;flex-direction:column;gap:24px}.addNewTask__title{width:85%;margin-inline:auto;color:var(--txt-color);font-size:18px;font-weight:700}}.addNewTaskForm{width:85%;margin-inline:auto;display:flex;flex-direction:column;gap:24px}.addNewTaskForm__label{color:var(--txt-color-input);font-size:12px;font-weight:700}.addNewTaskForm__input{width:100%;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;line-height:23px;color:var(--txt-color);border:1px solid var(--border-color);outline:none}.addNewTaskForm__input:focus-visible{border-color:var(--input-check-h)}.addNewTaskForm__text-area{width:100%;height:112px;resize:none;overflow:auto}.addNewTaskForm__container{display:flex;flex-direction:column;gap:8px}.container-subtask__subcontainer{display:flex;align-items:center;gap:16px}.addNewTaskForm__container--subtask{max-height:104px;max-height:90px;overflow:auto;display:flex;flex-direction:column;gap:8px}.addNewTaskForm__btn{color:var(--input-check-h);text-align:center;font-size:13px;font-weight:700;line-height:23px;border-radius:20px;padding:8px 0;background-color:var(--btn-sec);transition:background-color .25s ease-out}.addNewTaskForm__btn:hover{background-color:var(--btn-sec-h)}.addNewTaskForm__btn--createTask{background-color:var(--btn-prim);color:#fff}.addNewTaskForm__btn--createTask:hover{background-color:var(--btn-prim-h)}.addNewTaskForm__select-container{position:relative;z-index:30}.addNewTaskForm__select-arrow{width:fit-content;height:fit-content;position:absolute;z-index:-10;top:0;bottom:0;right:1rem;margin:auto}.addNewTaskForm__select{width:100%;color:var(--txt-color);font-size:13px;font-weight:500;line-height:23px;padding:8px 16px;border-radius:4px;border:1px solid var(--border-color);outline:none}.addNewTaskForm__select:focus-visible{border-color:var(--input-check-h)}.addNewTaskForm__select-option{background-color:var(--primary-color);color:var(--subtitle-color)}.addNewTaskForm-input--error{border-color:var(--btn-des)}.addNewTaskForm-input--error:focus-visible{border-color:var(--btn-des-h)}.deleteBoard__boardName{color:var(--btn-des);font-weight:700;padding:0 3px}.deleteElementsBoard__container{width:100%;height:100%;position:fixed;z-index:1000;top:0;background-color:var(--modal-bg);display:flex;justify-content:center;align-items:center}.deleteElementsBoard{width:21.4375rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;border-radius:6px;background-color:var(--primary-color);animation:showModal .35s ease-out both}.deleteElementsBoard>h4{color:var(--btn-des);font-size:1.125em;font-weight:700}.deleteElementsBoard>p{color:var(--subtitle-color);font-size:.8125em;font-weight:500;line-height:1.4375rem}.deleteElementsBoard_btnContainer{display:flex;flex-direction:column;gap:16px}.deleteElementsBoard__btn{width:100%;text-align:center;font-size:.8125em;font-style:normal;font-weight:700;line-height:1.4375rem;border-radius:1.25rem;padding:9px 0}.deleteElementsBoard__btn--delete{background-color:var(--btn-des);color:#fff;transition:background-color .25s ease-out}.deleteElementsBoard__btn--delete:hover{background-color:var(--btn-des-h)}.deleteElementsBoard__btn--cancel{background-color:var(--btn-sec);color:var(--input-check-h);transition:background-color .25s ease-out}.deleteElementsBoard__btn--cancel:hover{background-color:var(--btn-sec-h)}@media screen and (min-width: 768px){.deleteElementsBoard{width:30rem;padding:2rem}.deleteElementsBoard_btnContainer{flex-direction:row}}.deleteTask__taskName{color:var(--btn-des);padding:0 2px}.editBoardModal__container{width:100%;height:100%;position:absolute;z-index:1000;top:0;background-color:var(--modal-bg);display:flex;justify-content:center;align-items:center}.editBoardModal{width:21.4375rem;padding:1.5rem 0;display:flex;flex-direction:column;align-items:center;background-color:var(--primary-color);border-radius:6px;animation:.35s showModal ease-out both}.editBoardModal__title{width:90%;color:var(--txt-color);font-size:1.125rem;font-weight:700;text-align:left;padding-bottom:1.5rem}.editBoardModal__boardform{width:90%;display:flex;flex-direction:column;gap:1.5rem}.editBoardModal-containerName__label{font-size:.75em;font-weight:700;color:var(--txt-color-input);margin-bottom:8px}.editBoardModal-containerName__name{width:100%;font-size:.8125em;font-weight:500;line-height:1.4375rem;color:var(--txt-color);padding:8px 0;padding-left:1rem;border-radius:4px;border:1px solid rgba(130,143,163,.25)}.editBoardModal-containerName__name::placeholder{color:var(--subtitle-color)}.editBoardModal-containerName__name:focus-visible{outline:1px solid var(--input-check-h)}@media screen and (min-width: 768px){.editBoardModal{width:30rem;padding:2rem 0}.editBoardModal__title,.editBoardModal__boardform{width:86%}}@media screen and (min-width: 1200px){.editBoardModal{top:30%}}.editBoard-containerColumns__label{font-size:.75em;font-weight:700;color:var(--txt-color-input)}.editBoard-containerColumns__containerNameList{max-height:115px;display:flex;flex-direction:column;gap:.75rem;padding-top:8px;padding-bottom:.75rem;padding-left:1px;overflow-y:auto}.editBoard-containerColumns__btn{width:100%;color:#fff;background-color:var(--btn-prim);text-align:center;font-size:.8125em;font-weight:700;line-height:1.4375rem;border-radius:1.25rem;padding:8px 0}.editBoard-containerColumns__btn-otherColor{background-color:var(--btn-sec);color:var(--btn-prim);margin-bottom:1.5rem}.editBoard-containerColumns__btn-otherColor:hover{background-color:var(--btn-sec-h)}.iconCross-svg{width:.9375rem;height:.9375rem;color:var(--subtitle-color)}.editBoard-containerColumns__containerName{display:flex;justify-content:space-between;align-items:center;gap:1rem}.editBoard__input-nameColumn{width:100%;font-size:.8125em;font-weight:500;line-height:1.4375rem;color:var(--txt-color);padding:8px 0;padding-left:1rem;border-radius:4px;border:1px solid rgba(130,143,163,.25)}.editBoard__input-nameColumn::placeholder{color:var(--subtitle-color)}.editBoard__input-nameColumn:focus-visible{border-color:var(--input-check-h)}.editBoard-containerName__input--error{border-color:var(--btn-des);outline:none}.editBoard-containerName__input--error:focus-visible{outline:1px var(--btn-des-h);border-color:var(--btn-des-h)}.editTaskModal__container{width:100%;height:100%;position:absolute;z-index:1000;top:0;background-color:var(--modal-bg);display:flex;justify-content:center;align-items:center}.editTaskModal{width:21.4375rem;height:31.25rem;padding:1.5rem;background-color:var(--primary-color);border-radius:6px;overflow-y:auto;animation:.35s showModal ease-out both}.editTaskModal_title{color:var(--txt-color);font-size:1.125em;font-weight:700}@media screen and (min-width: 768px){.editTaskModal{width:30rem;padding:2rem}}.editTaskModal__form{display:flex;flex-direction:column;gap:1.5rem;padding-top:1.5rem}.editTaskModal__form-subContainer{display:flex;flex-direction:column;gap:.5rem}.editTaskModal__labels{color:var(--txt-color-input);font-size:.75em;font-weight:700}.editTaskModal__inputs{width:100%;padding:.5rem 1rem;border-radius:4px;border:1px solid var(--border-color);color:var(--txt-color);font-size:.8125em;font-weight:500;line-height:1.4375rem;outline:none}.editTaskModal__inputs:focus-visible{border-color:var(--btn-prim)}.editTaskModal__title-input--error{border-color:var(--btn-des)}.editTaskModal__title-input--error:focus-visible{border-color:var(--btn-des-h)}.editTaskModal__description{height:7rem;resize:none;outline:none}.editTaskModal__form-generalSubtask{display:flex;flex-direction:column;gap:.75rem}.editTaskModal__form-containerSubtask{max-height:94px;overflow-y:auto;display:flex;align-items:center;gap:1rem}.editTaskModal__inputs--subtaskInput{width:100%}.inputs-subtaskInput--error{border-color:var(--btn-des)}.inputs-subtaskInput--error:focus-visible{border-color:var(--btn-des-h)}.editTaskModal__form-btn-deleteSubtask{min-width:max-content}.iconCross-svg{cursor:pointer;transition:color .25s ease-out}.iconCross-svg:hover{color:var(--btn-des)}.editTaskModal__form-btn{font-size:.8125em;font-weight:700;line-height:1.4375rem;border-radius:1.25rem;padding:8px 0;transition:background-color .25s ease-out}.editTaskModal__form-btn--newSubtask{color:var(--btn-prim);background-color:var(--btn-sec)}.editTaskModal__form-btn--newSubtask:hover{background-color:var(--btn-sec-h)}.editTaskModal__form-btn--createTask{color:#fff;background-color:var(--btn-prim)}.editTaskModal__form-btn--createTask:hover{background-color:var(--btn-prim-h)}.editTaskModal__status-options{background-color:var(--secundary-color)}.infoTaskModal__container{width:100%;height:100%;position:absolute;z-index:1000;top:0;background-color:var(--modal-bg);display:flex;justify-content:center;align-items:center}.infoTaskModal{width:21.4375rem;max-height:31.25rem;padding:1.5rem;border-radius:6px;background-color:var(--primary-color);display:flex;flex-direction:column;gap:1.5rem;animation:.35s showModal ease-out both;overflow-wrap:break-word;position:relative}.infoTaskModal__container-title-btn{width:100%;display:flex;align-items:center;justify-content:space-between}.infoTaskModal__container-title{width:90%;font-size:1.125em;font-weight:700;color:var(--txt-color)}.infoTaskModal__container-btn{width:fit-content}.infoTaskModal__description{color:var(--subtitle-color);font-size:.8125em;font-weight:500;line-height:1.4375rem}@media screen and (min-width: 768px){.infoTaskModal{width:30rem;height:auto;max-height:32.6875rem;padding:2rem}}.infoTaskModalSettings{width:12rem;height:5.875rem;position:absolute;z-index:5000;top:-4.6875rem;right:.9375rem;border-radius:8px;background-color:var(--secundary-color);box-shadow:0 10px 20px 0 var(--singleTask-boxShadow);padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;animation:.35s showModal ease-out both}.infoTaskModalSettings__btn{font-size:.8125em;font-weight:500;line-height:1.4375rem}.infoTaskModalSettings__btn--edit{color:var(--subtitle-color)}.infoTaskModalSettings__btn--delete{color:var(--btn-des);transition:color .25s ease-out}.infoTaskModalSettings__btn--delete:hover{color:var(--btn-des-h)}@media screen and (min-width: 768px){.infoTaskModalSettings{top:4.0625rem;right:-3.75rem}}.iconCheck-icon{width:10px;height:8px;color:#fff}.infoTaskModal__subtasks{display:flex;flex-direction:column;gap:16px}.infoTaskModal__completeNumber{font-size:12px;font-weight:700;color:var(--txt-color)}.infoTaskModal__container-status{width:100%;padding-top:8px;display:flex;flex-direction:column;gap:8px}.infoTaskModal__title-status{color:var(--txt-color);font-size:12px;font-weight:700}.infoTaskModal__select-status{width:100%;border:1px solid var(--border-color);border-radius:4px;outline:none;color:var(--txt-color);padding:8px 8px 8px 16px;font-size:13px;font-weight:500;line-height:23px}.infoTaskModal__select-status:focus-visible{border:1px solid var(--btn-prim)}.infoTaskModal__option-status{background-color:var(--secundary-color)}.infoTaskModal-substasks__complete{display:flex;gap:4px}.infoTaskModal-substasks__complete-btn{width:fit-content;padding:3px 2px;background-color:green;border-radius:50%}.infoTaskModal__subtasksForm{display:flex;flex-direction:column;gap:.5rem}.infoTaskModal__subtasksForm-subtaskCheck{background-color:var(--secundary-color);padding:.875rem .75rem;border-radius:4px;display:flex;align-items:center;gap:1rem}.subtaskCheck__checkBox{height:1rem;min-width:1rem;background-color:#fff;border-radius:2px;transition:background-color .2s ease-out;cursor:pointer}.subtaskCheck__checkBox--complete{background-color:var(--btn-prim);background-image:url(/assets/icon-check-7edee226.svg);background-repeat:no-repeat;background-position:center}.subtaskCheck__subtaskContent{color:var(--txt-color);font-size:.75em;font-weight:700}.subtaskCheck__subtaskContent--complete{color:var(--subtitle-color);text-decoration:line-through}.kanbanBody{width:100%;max-height:calc(100% - 72px)!important;height:100%;overflow:auto;position:relative}@media screen and (min-width: 768px){.kanbanBody{width:100%;max-height:calc(100% - 80px)!important}}@media screen and (min-width: 1200px){.kanbanBody{width:100%;max-height:calc(100% - 96px)!important}}.kanbanBody__emptyBoards{height:45vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.5rem}.kanbanBody__emptyBoards-message{width:21.4375rem;color:var(--subtitle-color);text-align:center;font-size:1.125em;font-weight:700}.kanbanBody__emptyBoards-btnNewBoard{width:fit-content;color:#fff;background-color:var(--btn-prim);border-radius:1.5rem;padding:.625rem 1rem;font-size:.9375em;font-weight:700;transition:background-color .2s ease-out}.kanbanBody__emptyBoards-btnNewBoard:hover{background-color:var(--btn-prim-h)}@media screen and (min-width: 768px){.kanbanBody__emptyBoards-message{width:60%}}.kanbanBody__emptyTask{width:fit-content;height:fit-content;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.5rem;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}.kanbanBody__emptyTask-message{width:21.4375rem;color:var(--subtitle-color);text-align:center;font-size:1.125em;font-weight:700}.kanbanBody__emptyTask-btnContent{width:fit-content;color:#fff;background-color:var(--btn-prim);border-radius:1.5rem;padding:.625rem 1rem;font-size:.9375em;font-weight:700;transition:background-color .2s ease-out}.kanbanBody__emptyTask-btnContent:hover{background-color:var(--btn-prim-h)}@media screen and (min-width: 768px){.kanbanBody__emptyTask-message{width:60%}}.taskListContainer{width:max-content;height:fit-content;padding:1.5rem 1rem;display:flex;gap:1.5rem;height:100%}@media screen and (min-width: 768px){.taskListContainer{padding:1.5rem}}.taskList{width:17.5rem;max-width:17.5rem;height:100%;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;overflow-x:hidden}.taskList__title{display:flex;align-items:center;gap:.75rem}.taskList__title-circle{width:.9375rem;height:.9375rem;border-radius:50%}.taskList__title-name{color:var(--subtitle-color);font-size:.75em;font-weight:700;letter-spacing:2.4px}.taskList__list{display:flex;flex-direction:column;gap:1.25rem;touch-action:pan-y}.singleTask__item-link{width:280px;background-color:var(--primary-color);border-radius:8px;box-shadow:0 4px 6px 0 var(--singleTask-boxShadow);padding:23px 0 23px 16px;display:flex;flex-direction:column;gap:8px}.singleTask__item-title{width:80%;color:var(--txt-color);font-size:15px;font-weight:700}.singleTask__item-substasks{color:var(--subtitle-color);font-size:12px;font-weight:700}.substasks__complete{background-color:green;width:fit-content;padding:2px 1px;border-radius:50%}.iconBoard-svg{width:1rem;height:1rem}.kanbanMenu-perimeter{width:16.5rem;min-width:16.5rem;position:fixed;top:5.5rem;left:0;right:0;margin-inline:auto;z-index:900;border-radius:8px;background:var(--primary-color);box-shadow:0 .625rem 1.25rem #364d7d40;animation:showMenuMobile .3s ease-out both}.kanbanMenu-perimeter--active{display:block}.kanbanMenu{padding:1rem 0}@media screen and (min-width: 768px){.kanbanMenu-perimeter{position:static;border-radius:0;box-shadow:none;height:100%;animation:showMenuDekstop .3s ease-out both}.kanbanMenu{padding:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2.875rem;position:relative}.kanbanMenu:before{content:"";width:1px;height:100%;background-color:var(--border-color);position:absolute;right:0}}@keyframes showMenuMobile{0%{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes showMenuDekstop{0%{transform:translate(-5px);opacity:0}to{transform:translate(0);opacity:1}}.logoDark-svg,.logoLigth-svg{width:9.5625rem;height:1.625rem}.kanbanMenu__boardcontainer{display:flex;flex-direction:column;gap:1.1875rem;padding-bottom:1rem}.kanbanMenu__allboards{color:var(--subtitle-color);font-size:.75em;font-weight:700;letter-spacing:2.4px;padding-left:1.5rem}.kanbanMenu__board-list{height:194px;display:flex;flex-direction:column;overflow-y:auto}.board-list__item-link{width:240px;display:flex;align-items:center;gap:.75rem;padding:.875rem 0 .875rem 1.5rem;border-top-right-radius:1.375rem;border-bottom-right-radius:1.375rem;transition:background-color .2s ease-out;color:var(--subtitle-color)}.board-list__item-link--currentBoard{width:240px;display:flex;align-items:center;gap:.75rem;padding:.875rem 0 .875rem 1.5rem;border-top-right-radius:1.375rem;border-bottom-right-radius:1.375rem;transition:background-color .2s ease-out;background-color:var(--input-check-h);color:#fff}.board-list__item-link:hover{background-color:var(--btn-sec);color:var(--btn-prim)}.board-list__item-name{font-size:.9375em;font-weight:700}@media screen and (min-width: 768px){.kanbanMenu__logoDekstopContainer{height:5rem;display:flex;align-items:center;padding-left:1.5rem}.kanbanMenu__boardcontainer{gap:0;padding-bottom:0}.kanbanMenu__allboards{padding-bottom:1.1875rem}.kanbanMenu__board-list{max-height:100%;overflow-y:hidden}.board-list__item-link,.board-list__item-link--currentBoard{gap:1rem}}@media screen and (min-width: 1200px){.kanbanMenu__logoDekstopContainer{height:6rem;display:flex;align-items:center;padding-left:1.5rem}}.board-list__item-link--add{width:fit-content;display:flex;align-items:center;gap:.75rem;margin:14px 0;margin-left:1.5rem;color:var(--btn-prim)}.iconDarkTheme-svg{width:1rem;height:1rem}.iconLigthTheme-svg{width:1.1875rem;height:1.1875rem}.boardTheme-container{width:14.6875rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-inline:auto;padding:.8rem 0;background-color:var(--secundary-color);border-radius:8px}.BoardTheme_switchBtn{width:2.625rem;height:1.3125rem;display:flex;align-items:center;justify-content:center;padding:0 3px;border-radius:1.25rem;background-color:var(--btn-prim);transition:justify-content 1s ease-in}.BoardTheme_switchBtn-circle{width:.9375rem;aspect-ratio:1/1;display:block;border-radius:50%;background-color:#fff;transition:transform .25s ease-out}.BoardTheme_switchBtn-circle--dark{transform:translate(70%)}.BoardTheme_switchBtn-circle--ligth{transform:translate(-70%)}.iconHideSideBar-svg{width:1.125rem;height:1rem}.kanbanMenu__btnHideMenu{height:48px;width:80%;display:flex;align-items:center;gap:.9375rem;border-top-right-radius:6.25rem;border-bottom-right-radius:6.25rem;margin-top:8px;padding-left:18px;color:var(--subtitle-color);transition:background-color .2s ease-out}.kanbanMenu__btnHideMenu:hover{background-color:var(--btn-sec);color:var(--btn-prim)}.kanbanMenu__btnHideMenu-txt{font-size:.9375em;font-weight:700}.logoMobile-svg{color:var(--btn-prim);width:1.5rem;height:1.5625rem}.iconChevron-svg{color:var(--btn-prim);width:.625rem;height:7px}.IconAddTaskMobile-svg{color:#fff;aspect-ratio:1/1;width:.75rem}.iconVerticalEllipsis-svg{color:var(--subtitle-color)}.navBar{height:4.5rem;display:flex;justify-content:space-between;padding:0 1rem;background-color:var(--primary-color);position:relative;z-index:200}.navBar__boardList-container{display:flex;align-items:center;gap:1rem}.boardList-container__btn{display:flex;align-items:center;gap:8px;cursor:pointer}.boardList-container__txt{color:var(--txt-color);font-size:1.125em;font-weight:700}.navBar__settings-container{display:flex;align-items:center;gap:1rem}.settings-container__add{width:3rem;height:2rem;display:flex;justify-content:center;align-items:center;background-color:var(--btn-prim);border-radius:1.5rem;opacity:.25;pointer-events:none;transition:opacity .2s ease-out,background-color .25s ease-out}.settings-container__add:hover{background-color:var(--btn-prim-h)}.settings-container__add--currentBoard{pointer-events:all;opacity:1}.settings-container__options{pointer-events:none;opacity:.5;transition:opacity .2s ease-out}.settings-container__options--currentBoard{pointer-events:all;opacity:1}.boardList-container__logoDekstop{height:100%;padding-right:1.5rem;display:flex;align-items:center;position:relative;z-index:40}.boardList-container__logoDekstop:before{content:"";width:1px;height:100%;background-color:var(--border-color);position:absolute;right:-1px;z-index:20}@media screen and (min-width: 768px){.navBar{height:5rem;padding:0 1.5rem;border-bottom:1px solid var(--border-color)}.navBar__boardList-container{gap:1.5rem}.boardList-container__txt{font-size:1.25rem}.navBar__settings-container{gap:1.5rem}.settings-container__add{width:fit-content;height:fit-content;padding:.625rem 1rem}.settings-container__add-icon{display:none}.settings-container__add:after{content:"+ Add New Task";color:#fff;font-size:.9375em;font-weight:700}}@media screen and (min-width: 1200px){.navBar{height:6rem}.navBar__boardList-container{gap:2rem}.boardList-container__txt{font-size:1.5rem}.navBar__settings-container{gap:1.5rem}.boardList-container__logoDekstop{padding-right:2rem}}.modalSettings{width:192px;height:94px;border-radius:8px;box-shadow:0 10px 20px 0 var(--singleTask-boxShadow);background-color:var(--secundary-color);position:absolute;right:16px;bottom:-85px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;animation:.25s showModal ease-out both}.modalSettings__btn-edit{color:var(--subtitle-color);font-size:13px;font-weight:500;line-height:23px}.modalSettings__btn-delete{color:var(--btn-des);font-size:13px;font-weight:500;line-height:23px;transition:color .25s ease-out}.modalSettings__btn-delete:hover{color:var(--btn-des-h)}