@import"https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@400;600&display=swap";.footer{padding:1rem;font-size:1.2rem;position:fixed;bottom:2rem;right:2rem;z-index:100;margin-top:auto;color:var(--white);text-align:center;background-color:var(--black);border-radius:var(--b-radius)}.footer svg{width:1.6rem}.alert-icon{width:14rem}.page-tasks{position:relative;padding:5rem;gap:2rem}.tasks-header{position:sticky;padding:1rem 0;width:100%;z-index:2;top:0}.tasks-header .tasks-header__content{background-color:var(--gray-100);margin:0 auto;width:50%;gap:1rem;border-radius:var(--b-radius);flex-wrap:wrap}.tasks-header .tasks-header__content .title{color:var(--orange-900)}.form-task,.tasks-list{width:50%}.form-task{border-radius:var(--b-radius);background:var(--white-100)}.tasks-list{border-radius:var(--b-radius);background:var(--white-100);padding:3rem;gap:1rem}.tasks-row{background-color:var(--white);border-radius:var(--b-radius);display:flex;align-items:center;justify-content:space-between;padding:1rem;width:100%;flex-wrap:wrap;gap:1rem}.task-description{text-overflow:ellipsis;overflow:hidden;font-size:1.8rem;font-weight:500;cursor:pointer}.task-actions{display:flex;justify-content:space-between;gap:2rem;margin-left:auto}.without-list{background-color:var(--gray-100);border-radius:var(--b-radius);gap:1rem}.without-list span{font-size:1.8rem;text-align:center}.without-list svg{width:10rem}.tasks-ordering{flex-wrap:wrap}.tasks-ordering .button{padding:.6rem;font-size:1.4rem}.tasks-ordering .button.selected{color:var(--white);background-color:var(--blue-1000)}.tasks-ordering .button.completed{color:var(--white);background-color:var(--green-1000)}.password-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.password-button:hover{transform:scale(1.06);transition:.6s}.update-pass{padding:1rem;border-radius:var(--b-radius);border:1px solid var(--gray-600)}.alert{border-radius:var(--b-radius);padding:1rem 4rem;width:fit-content;position:fixed;top:2rem;right:0;z-index:100}.alert span{font-size:1.8rem;color:var(--white);text-align:center}:root{--black: #000505ff;--white-100: #f7f7f7;--gray-100: #f7f7f7;--gray-200: #c4c4c4;--white: #ffffff;--red-1000: #b91515;--blue-1000: #3448fa;--orange-900: #c98c1a;--green-1000: #0d9e0d;--gray-900: rgb(17, 17, 17);--gray-850: #181818;--gray-800: #1b1b1b;--gray-700: #222222;--gray-600: #3d3d3d;--gray-300: #999999;--b-radius: 1.6rem}.input{all:unset;border-radius:1rem;padding:1.3rem;font-size:1.5rem;background-color:var(--white);width:calc(100% - 2.6rem)}.input-label{display:flex;flex-direction:column;gap:1rem;width:100%}.input-checkbox[type=checkbox]:checked{background-color:var(--green-1000)}.input.error{border:1px solid var(--red-1000)}.input-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:2.2rem;height:2.2rem;background-color:var(--gray-200);border:none;border-radius:var(--b-radius);cursor:pointer;transition:all .2s ease}.button{all:unset;border-radius:1rem;padding:1.3rem;font-size:1.5rem;background-color:var(--white);cursor:pointer;font-weight:600;font-size:1.7rem;letter-spacing:1.2px;text-transform:capitalize;word-break:keep-all;transition:all .5s;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center}.button.send-task{background-color:var(--green-1000)}.button svg,.button img{width:2.2rem;box-sizing:content-box}.button:hover{transform:scale(1.01)}.button:disabled{opacity:.3;cursor:not-allowed}[data-theme=dark] .page,[data-theme=dark] #root{background-color:var(--gray-800)}[data-theme=dark] .tasks-header__content .title{color:var(--orange-900)}[data-theme=dark] .tasks-header__content,[data-theme=dark] .form-task,[data-theme=dark] .tasks-list,[data-theme=dark] .form{background-color:var(--gray-700)}[data-theme=dark] .tasks-row,[data-theme=dark] .without-list{background-color:var(--gray-800)}[data-theme=dark] .title,[data-theme=dark] .subtitle,[data-theme=dark] .task-description,[data-theme=dark] .button,[data-theme=dark] .input,[data-theme=dark] .without-list,[data-theme=dark] .label,[data-theme=dark] .link{color:var(--white)}[data-theme=dark] .button{background-color:var(--gray-700)}[data-theme=dark] .input{background-color:var(--gray-700);border:1px solid var(--gray-600)}[data-theme=dark] .modal-content{background-color:var(--gray-800)}[data-theme=dark] .edit-icon path,[data-theme=dark] .theme-icon path,[data-theme=dark] .close-icon path,[data-theme=dark] .pass-icon path,[data-theme=dark] .logout-icon path{fill:var(--white)}[data-theme=dark] .user-icon path,[data-theme=dark] .delete-icon path{stroke:var(--white)}.center-align,.vertical-align{display:flex;align-items:center}.center-align{justify-content:center;flex-direction:column}.vertical-align{flex-direction:column}.horizontal-align{display:flex}.w100{width:100%}.gap1{gap:1rem}.gap2{gap:2rem}.p2{padding:2rem}.ai-center{align-items:center}.jc-between{justify-content:space-between}.bg-blue-1000{background-color:var(--blue-1000)}.text-color-white{color:var(--white)}.title{font-size:2.8rem;font-weight:600;text-align:center}.subtitle{font-size:2rem;font-weight:100;text-align:center}.form-task .title{color:var(--white-100)}.label{cursor:pointer;font-weight:600;font-size:1.7rem;letter-spacing:1.2px}.task-action:hover,.task-action{transition:.5s}.task-action:hover{transform:scale(1.01)}.link{font-size:1.4rem;color:var(--text-color);text-decoration:none;letter-spacing:-.2px;text-align:center}.form{width:27%;box-shadow:0 7px 15px 3px #0003}.form,.modal-content{padding:3rem;border-radius:15px;background-color:var(--gray-100);gap:2rem}.span-error{color:var(--red-1000);font-size:1.6rem;font-weight:600;text-align:center}.container-status{width:2.2rem;height:2.2rem;min-width:2.2rem;min-height:2.2rem;background-color:var(--gray-200);border:none;border-radius:var(--b-radius);cursor:pointer;transition:all .2s ease}.container-status.completed{background-color:var(--green-1000)}.access-account{padding:2rem;border-radius:var(--b-radius)}.access-account .icon{width:10rem;border-radius:50%;background-color:var(--blue-1000);padding:1.6rem}.modal-bg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0006;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.modal-content{width:72rem;gap:2rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px}body,.page{max-width:100vw;min-height:100vh;background:var(--white);font-family:Chivo Mono,monospace;color:var(--black);gap:1rem}@media (max-width: 850px){.update-pass .horizontal-align{flex-direction:column}.title{font-size:2rem}.label,.button,.input,.subtitle{font-size:1.4rem}.page-tasks,.tasks-header{padding:2rem 1rem}.form-task,.tasks-list,.tasks-header__content{width:100%!important}.button{padding:.8rem}.button svg{width:1.6rem;height:1.6rem}}@media (max-width: 420px){.tasks-header,.footer{position:static}.footer{border-radius:0}.tasks-header__content,.tasks-ordering{justify-content:center}.tasks-header .title{font-size:2rem}.form-task,.tasks-list{width:100%;padding:2rem 1rem}.form-task .input{width:100%}.tasks-list{box-shadow:none}}@media (max-width: 1150px){.form{width:60%}}@media (max-width: 600px){.form{width:87%}}@media (max-width: 360px){.form{width:100%;box-shadow:none;background-color:transparent}.title{font-size:2rem}}@media (max-width: 1000px){.modal-content{width:72%}}@media (max-width: 600px){.modal-content{width:90%}}@media (max-width: 420px){.modal-content{width:96%}.modal-buttons{width:100%}.modal-buttons .button{font-size:1.4rem}}