@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box;font-family:Josefin Sans,sans-serif;transition:all .5s ease}:root{color-scheme:dark light}body{margin:0;padding:0;width:100%;height:100%;font-weight:400}h1,p{margin:0}a{font-weight:500;text-decoration:none;font-weight:700}h1{letter-spacing:.7rem;font-size:2rem;text-transform:uppercase}button{width:150px;max-width:70%;padding-block:.9rem;border-width:1px;border-style:solid;border-radius:.3rem;cursor:pointer;color:inherit}input{outline:none;border:0;font-size:.8rem;width:100%;font-size:.9rem;font-weight:700;background-color:transparent}header{height:45vh;width:100%;margin:0;position:relative;top:-21px;left:0;background-position:center center;background-repeat:no-repeat;background-size:auto}header .header__content{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;row-gap:2.5rem}header .header__content--title{display:flex;align-items:center;justify-content:space-between;width:100%}header .header__content--title h1{margin-right:auto}header .header__content--title span:first-of-type{margin-right:1rem;display:block;max-width:8rem;text-overflow:ellipsis;overflow:hidden;font-weight:400;color:inherit}header .header__content--title span:first-of-type a{color:inherit}header #theme-cog{display:block;width:25px;height:25px;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer}section{margin:0 25rem;max-width:100%}section.authentication{margin:0;position:fixed;top:0;left:0;z-index:5;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:hidden;transition-duration:0s}section.authentication .authentication__content{transform:translateY(-250%);border-radius:.3rem;width:450px;max-width:90%;padding:2rem;position:relative}section.authentication .authentication__content #closeModal{font-size:2.3rem;position:absolute;top:10%;right:10%;transform:rotate(45deg);cursor:pointer;user-select:none}section.authentication .authentication__content button{display:block;margin:0 auto}section.authentication .authentication__content .alternative{font-size:.8rem;display:block;text-align:center;margin-top:.8rem}section.authentication .authentication__content .alternative a{cursor:pointer}section.authentication .authentication__content .alsin{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:15px}section.authentication[data-show=true]{visibility:visible}section.authentication[data-show=true] .authentication__content{transform:translateY(0)}.form_group{margin:15px 0;width:100%;max-width:100%;height:60px;padding:0 .5rem;overflow:hidden;border-radius:.3rem;position:relative;display:flex;justify-content:flex-end;flex-direction:column}.form_group input{padding-top:2rem;width:100%!important;height:100%;z-index:2}.form_group input::placeholder{opacity:0}.form_group label{position:absolute;top:5px;left:10px;transform:translateY(17px);transition:all .5s ease;z-index:1}.form_group:focus-within>label,.form_group input:not(:placeholder-shown)+label{transform:translateY(0);font-size:.8rem}form .err{color:#af2828;font-weight:700}form[data-loading=true] input,form[data-loading=true] button{opacity:.7;cursor:not-allowed}.task{display:flex;align-items:center;width:100%;max-width:100%;padding:1.4rem 1rem;border-radius:.3rem;position:relative}.task[draggable=true]{cursor:move}.task[draggable=true].dragging{opacity:.5}.task .checker{content:"";width:20px;height:20px;margin-right:1.2rem;border-width:1px;border-style:solid;border-radius:50%}.task .platform{font-size:.75rem;position:absolute;right:15px;top:8px}.task-items{position:relative;top:-4rem;border-radius:.3rem;max-width:100%}.task-items .loader{display:block;position:absolute;width:100%;top:-5px;left:0;height:5px;border-radius:.3rem .3rem 0 0;background:linear-gradient(hsla(192,100%,67%,.4),hsla(280,87%,65%,.2));overflow:hidden;visibility:hidden}.task-items .loader:before{position:absolute;content:"";width:100px;height:100%;border-radius:.3rem .3rem 0 0;background:linear-gradient(hsl(192,100%,67%),hsla(280,87%,65%,.349));animation:oscillate 1.8s linear infinite;display:none}.task-items[data-loading=true]{border-top-left-radius:0;border-top-right-radius:0}.task-items[data-loading=true] .loader{visibility:visible}.task-items[data-loading=true] .loader:before{display:block}.task-error{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:30px}.task-error p{color:inherit;font-weight:700}.task__group{max-width:100%}.task__group .task{border-radius:0;border-bottom-width:1px;border-bottom-style:solid;background-color:inherit}.task__group .task.loading p{animation:1.9s tasksShimmer linear infinite;width:80%;max-height:100%;height:15px}.task__group .task:first-of-type{border-radius:.3rem .3rem 0 0}.task__group .task p{margin-right:auto;cursor:pointer;max-width:75%}.task__group .task .checker{cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:50%}.task__group .task .checker img{visibility:hidden}.task__group .task .canceler{content:"";width:18px;height:18px;cursor:pointer;margin-right:.5rem;background-repeat:no-repeat;background-position:center center;background-image:url(/images/icon-cross.svg);background-size:contain;visibility:hidden;z-index:2;position:relative;bottom:-4px}.task__group .task[data-completed=true] p{text-decoration:line-through}.task__group .task[data-completed=true] .checker{display:flex;align-items:center;justify-content:center;background:linear-gradient(hsl(192,100%,67%),hsla(280,87%,65%,.349));border-color:linear-gradient(hsl(192,100%,67%),hsla(280,87%,65%,.349))}.task__group .task[data-completed=true] .checker img{visibility:visible}.task__group .task:hover .checker{border-color:linear-gradient(hsl(192,100%,67%),hsla(280,87%,65%,.349))}.task__group .task:hover .canceler{visibility:visible}.task__actions{margin-top:.7rem;display:flex;align-items:center;justify-content:space-between;padding:1rem;font-size:.8rem;max-width:100%}.task__actions .links{display:flex;width:fit-content}.task__actions .links a{display:block;margin-right:.5rem;margin-left:.5rem}footer{position:relative;top:-2rem}footer section{display:flex;flex-direction:column;align-items:center}footer section span{display:block;font-size:.9rem}footer section .attribution{margin-top:1.5rem;display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;width:100%}footer section .attribution span,footer section .attribution a{font-size:.7rem;font-weight:400;color:inherit}@keyframes oscillate{0%{visibility:visible;left:0%}20%{left:20%;width:60px}40%{left:40%;width:100px}60%{left:60%;width:80px}80%{left:80%;width:60px}to{visibility:hidden;left:100%;width:100px}}@keyframes tasksShimmer{to{background-position:-200%}}@media screen and (max-width: 800px){section{margin:0 2rem}header{height:36vh;background-image:url(/images/bg-mobile-light.jpg)}h1{letter-spacing:.7rem;font-size:1.5rem}.task{padding:.8rem 1rem}.task .checker{margin-right:1rem}.task .platform{font-size:.65rem;right:10px;top:5px}.task__group .task p{margin-right:auto;cursor:pointer;font-size:.85rem}.task__group .task .checker{background-size:55%}.task__group .task .canceler{margin-right:.1rem;width:12px;height:12px;visibility:visible;bottom:-8px}.task__actions{margin-top:.3rem;padding:1rem;position:relative}.task__actions .links{box-shadow:#64646f33 0 7px 29px;border-radius:.3rem;position:absolute;bottom:-4rem;right:0rem;width:100%;padding:.9rem;justify-content:center}footer{position:relative;top:2rem}footer section{display:flex;flex-direction:column;align-items:center}footer section span{display:block;font-size:.9rem}footer section .attribution{margin-top:1.5rem;flex-direction:column;gap:10px}footer section .attribution span{margin-right:0}}body{background-color:#fafafa;color:#9394a5}body a:active,body a.active{color:#3a7bfd!important}body a:not(.active),body a:not(:active){color:#9394a5}body a:not(.active):hover,body a:not(:active):hover{color:#484b6a}body input{color:#484b6a}body header{background-image:url(/images/bg-desktop-light.jpg);color:#fafafa}body header #theme-cog{background-image:url(/images/icon-moon.svg)}body .task{background-color:#fafafa}body .task .checker{border-color:#d2d3db}body .task .platform{color:#9394a5}body .task-items{background-color:#fafafa;box-shadow:#64646f33 0 7px 29px}body .task__group .task{border-color:#e4e5f1}body .task__group .task.loading p{background:hsl(236,33%,92%);background:linear-gradient(110deg,#e0e0e0 8%,hsl(233,11%,84%) 33%);background-size:200% 100%}body .task__group .task p{color:#484b6a}body .task__group .task[data-completed=true] p{color:#d2d3db}body button{border-color:#484b6a;background-color:#1f202e;color:#fafafa}body button:hover{background-color:#484b6a}body section.authentication{background-color:#9394a5b3}body section.authentication .authentication__content{background-color:#fafafa;border-color:#d2d3db;color:#484b6a}body section.authentication .authentication__content #closeModal{color:#9394a5}body .form_group{background-color:#e4e5f1}body[data-theme=dark]{background-color:#161722;color:#cacde8}body[data-theme=dark] a:not(.active),body[data-theme=dark] a:not(:active){color:#777a92}body[data-theme=dark] a:not(.active):hover,body[data-theme=dark] a:not(:active):hover{color:#e4e5f1}body[data-theme=dark] header{background-image:url(/images/bg-desktop-dark.jpg);color:#fafafa}body[data-theme=dark] header #theme-cog{background-image:url(/images/icon-sun.svg)}body[data-theme=dark] button{border-color:#393a4c;background-color:#25273c;color:inherit;transition-duration:.2s}body[data-theme=dark] button:hover{background-color:#383b5c}body[data-theme=dark] .task{background-color:#25273c;border-color:#4d5066;color:inherit}body[data-theme=dark] .task.loading p{background:hsl(235,19%,35%);background:linear-gradient(110deg,#484a60 8%,hsl(233,14%,35%) 33%);background-size:200% 100%}body[data-theme=dark] .task .checker{border-color:#393a4c}body[data-theme=dark] .task p{color:inherit}body[data-theme=dark] .task[data-completed=true] p{color:#777a92}body[data-theme=dark] input{color:inherit}body[data-theme=dark] .task-items{background-color:#25273c}body[data-theme=dark] .task__actions{color:#777a92}body[data-theme=dark] footer{color:#777a92}body[data-theme=dark] section.authentication{background-color:#25273cb3}body[data-theme=dark] section.authentication .authentication__content{background-color:#161722;border-color:#4d5066;color:#cacde8}body[data-theme=dark] section.authentication .authentication__content #closeModal{color:#9394a5}body[data-theme=dark] .form_group{background-color:#25273c}body[data-theme=dark] .form_group:focus-within>label,body[data-theme=dark] .form_group input:not(:placeholder-shown)+label{color:#767aa2}@media (max-width: 800px){body[data-theme=dark] header{background-image:url(/images/bg-mobile-dark.jpg);background-size:auto}body header{background-image:url(/images/bg-mobile-light.jpg);background-size:auto}}