@import url(https://fonts.googleapis.com/css2?family=Jua&family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{scroll-behavior:smooth}#app,#root,body,html{position:relative;padding:0;margin:0;font-family:Raleway,sans-serif;background-color:var(--pimary-bg);color:#fff;min-height:100vh;min-height:calc(var(--vh)*100);font-size:20px}@media (max-width:1200px){#app,#root,body,html{font-size:18px}}@media (max-width:600px){#app,#root,body,html{font-size:16px}}#app{display:flex;flex-direction:column}.page{flex-grow:1}main{padding:2em;max-width:1200px;margin:auto}@media (max-width:600px){main{padding:1em .5em}}h1{font-size:2em;padding:0 .3em}h2{font-size:1.5em}h2 .subh,h2 subh{font-size:.6em;color:var(--accent)}h3{font-size:1.3em}h4{font-size:1.2em}h4,h5{font-weight:600;margin:0 0 .5em}h5{font-size:1.1em}h6{font-size:.7em;margin:0 0 .3em;font-weight:700;text-transform:uppercase}h1,h2,h3,h4,h5{color:var(--accent);font-family:"Jua";font-weight:800;position:relative;margin:0 0 .5em}h1.underline:before,h2.underline:before,h3.underline:before,h4.underline:before,h5.underline:before{height:.06em;border-radius:3px;width:1.8em;position:absolute;bottom:-.15em;background-color:var(--accent);content:" "}h1.center,h2.center,h3.center,h4.center,h5.center{text-align:center}h1.center:before,h2.center:before,h3.center:before,h4.center:before,h5.center:before{left:50%;transform:translateX(-50%)}h1.center+p,h2.center+p,h3.center+p{text-align:center;margin-bottom:2em;font-weight:500}.comp-btn{font-size:1em;min-width:6em;padding:.5em 1em;border:2px solid var(--accent);color:inherit;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;position:relative;-ms-user-select:none;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;overflow:hidden}.comp-btn:hover{background-color:hsla(0,0%,100%,.13333333333333333)}.comp-btn.full{background-color:var(--accent);font-weight:700;color:var(--accent-tx);padding:calc(.5em + 2px) calc(1em + 2px);border:none}.comp-btn.full:before{background-color:rgba(0,0,0,.2)}.comp-btn.danger{background-color:var(--danger);color:#fff}.comp-btn:before{position:absolute;background-color:hsla(0,0%,100%,.13333333333333333);content:"";border-radius:1em}.comp-btn.animate:before{animation:riple .4s ease-out infinite}@keyframes riple{0%{top:0;left:50%;width:0;height:100%}to{height:100%;left:-50%;top:0;width:200%}}.comp-fab{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;bottom:2em;right:2em;width:3.5em;height:3.5em;background-color:var(--accent);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.comp-fab svg{font-size:2em}.inputWrapper{width:100%;position:relative}.inputWrapper input{box-sizing:border-box;width:calc(100% - .6em);margin:0;font-family:inherit;color:var(--primary-tx);padding:1.6em .3em .5em;display:block;font-size:1em;border:none;background-color:var(--widget-bg);border-bottom:1px solid var(--neutral);outline:none;width:100%}.inputWrapper input.nolabel{padding:.5em}.inputWrapper input::-webkit-input-placeholder{color:transparent}.inputWrapper input:-ms-input-placeholder{color:transparent}.inputWrapper input::-ms-input-placeholder{color:transparent}.inputWrapper input::placeholder{color:transparent}.inputWrapper input.nolabel::-webkit-input-placeholder,.inputWrapper input:focus::-webkit-input-placeholder{color:#777}.inputWrapper input.nolabel:-ms-input-placeholder,.inputWrapper input:focus:-ms-input-placeholder{color:#777}.inputWrapper input.nolabel::-ms-input-placeholder,.inputWrapper input:focus::-ms-input-placeholder{color:#777}.inputWrapper input.nolabel::placeholder,.inputWrapper input:focus::placeholder{color:#777}.inputWrapper.invalid input{border-color:var(--danger)}.inputWrapper:focus-within input{border-color:var(--accent)}.inputWrapper .label{position:absolute;top:1.1em;left:.3em;pointer-events:none;transition:all .2s ease}.inputWrapper input:required~.label:after{content:" *";font-size:smaller}.inputWrapper input:not(:-ms-input-placeholder)~.label{top:.6em;left:.3em;font-size:.7em;font-weight:600}.inputWrapper input:focus~.label,.inputWrapper input:not(:placeholder-shown)~.label{top:.6em;left:.3em;font-size:.7em;font-weight:600}.validate .inputWrapper input:invalid{border-color:var(--danger)}.comp-modal{position:fixed;padding:1em;background-color:var(--secondary-bg);box-shadow:0 0 8px 4px rgba(0,0,0,.0627451);bottom:0;left:0;width:calc(100% - 2em);transform:translateY(100%);transition:.5s}.comp-modal .top{display:flex;justify-content:space-between;margin-bottom:1em;font-size:1.2em}.comp-modal .top .close{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.comp-modal .top .close svg{font-size:1.2em}.comp-modal.open{transform:unset}.dark-theme{--accent:#61dafb;--pimary-bg:#282c34;--primary-tx:#fff;--secondary-bg:#303641;--secondary-tx:#fff;--widget-bg:#1b1e23;--danger:red;--neutral:#454545;--accent-tx:#fff}.light-theme{--accent:#0094bd;--pimary-bg:#fff;--primary-tx:#000}#tasks-page .button{margin-top:2em;display:flex;text-align:right}#tasks-page .button .comp-btn{padding:1em}#tasks-page .button .comp-btn.full{flex-grow:1;margin-left:1em}#tasks-page .button .comp-btn:not(.full){min-width:3em}#tasks-page .tasks .all-done{text-align:center;color:var(--accent)}#tasks-page .tasks .completed,#tasks-page .tasks .not-completed{display:grid;grid-gap:5px}#tasks-page .tasks .completed-toggle{margin:1.5em 0 1em;padding:.5em 1em;display:flex;align-items:center;font-size:.85em}#tasks-page .tasks .completed-toggle.rotate svg{transform:rotate(90deg)}#tasks-page .tasks .completed-toggle svg{transition:.5s;margin-right:.5em}#tasks-page .tasks .comp-task-row-card{background-color:var(--widget-bg);border-radius:4px;box-shadow:0 0 8px 4px rgba(0,0,0,.0627451);display:flex;justify-content:space-between;align-items:center;padding:0 1em}#tasks-page .tasks .comp-task-row-card .status{margin-right:1em;display:inline-flex;align-items:center;opacity:.15;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#tasks-page .tasks .comp-task-row-card .status.done{opacity:1}#tasks-page .tasks .comp-task-row-card .status svg{font-size:1.2em}#tasks-page .tasks .comp-task-row-card .title{flex-grow:1;padding:1em 0;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#tasks-page .tasks .comp-task-row-card .tags{display:flex;align-items:center}#tasks-page .tasks .comp-task-row-card .tags .tag{padding:.3em .5em;font-size:.7em;font-weight:700}#tasks-page .task-detail input{background-color:transparent}#tasks-page .task-detail .title input{padding-left:.2em;font-size:1.2em}#tasks-page .task-detail .subtasks{display:flex;flex-direction:column;grid-gap:.7em;gap:.7em;padding:1em .5em}#tasks-page .task-detail .subtasks .subtask{display:flex;grid-gap:1em;gap:1em;padding:.1em 0}#tasks-page .task-detail .subtasks .subtask .icon{display:flex;justify-content:center;align-items:center;cursor:pointer}#tasks-page .task-detail .subtasks .subtask .icon svg{font-size:1.1em}#tasks-page .task-detail .subtasks .subtask .icon.status{opacity:.3}#tasks-page .task-detail .subtasks .subtask.done .status{opacity:1}#tasks-page .task-detail .subtasks .subtask.done input{text-decoration:line-through}#tasks-page .task-detail .subtasks .subtask .input{flex-grow:1}#tasks-page .task-detail .subtasks .subtask input{width:100%;outline:none;color:var(--primary-tx);border:none;font-family:inherit;font-size:inherit}
/*# sourceMappingURL=main.a47fddd1.chunk.css.map */