body{--body-colour:#e8e8e2;--primary:#b6c649;--text:#5b6f82;--text-dark:#405262;--lightgray:#bdc1c6;--white:#fff;--green:#06842c;--red:#c00;--icon-color:var(--text);--pad:15px;--pad-lrg:25px;--marg:25px;--radius:5px;--shadow:0px 0px 5px rgba(0,0,0,0.05);margin:0;font-family:Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--body-colour);color:var(--primary)}ul{list-style:none}li{margin-bottom:5px}.list{border:2px dashed var(--primary);display:inline-block}button{line-height:22px;padding:10px;color:var(--primary);border:2px solid var(--primary);font-size:18px;font-weight:700;background-color:var(--primary);vertical-align:top;cursor:pointer}input+button{display:inline-block;padding:0;background-color:initial;color:var(--body-colour);border:none;vertical-align:middle;border-radius:100%;outline-offset:2px}button:focus{outline:2px solid var(--text-dark)}input[type=text]{background:var(--white);border:none;width:50%;line-height:30px;font-size:16px;padding-left:0;color:var(--text)}input[type=text]:focus{outline:none}input[type=checkbox]{position:relative;width:20px;height:20px;margin:0 10px;color:var(--primary);border:2px solid var(--lightgray);-webkit-appearance:none;appearance:none;outline:0;cursor:pointer;transition:background 175ms cubic-bezier(.1,.1,.25,1);vertical-align:middle;border-radius:100%}input[type=checkbox]:checked{background:url(/static/media/checkmark-circle.0b15c1f8.svg) no-repeat 0 0;background-size:20px 20px;border:0}input[type=checkbox]:focus{outline:2px solid var(--text-dark)}input[type=checkbox]:checked:before{opacity:1}input[type=checkbox]:checked~label:before{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}label{position:relative;cursor:pointer;font-size:1.5em;font-weight:600;padding:0 1em;-webkit-user-select:none;user-select:none;vertical-align:top}label:before{position:absolute;content:attr(data-content);color:var(--primary);-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);text-decoration:line-through;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);transition:-webkit-clip-path .2s cubic-bezier(.25,.46,.45,.94);transition:clip-path .2s cubic-bezier(.25,.46,.45,.94);transition:clip-path .2s cubic-bezier(.25,.46,.45,.94),-webkit-clip-path .2s cubic-bezier(.25,.46,.45,.94)}h1{text-align:center;text-transform:uppercase}h2,h3{margin-bottom:var(--marg)}svg:not([class]){display:block;width:20px;height:20px;fill:var(--icon-color);padding:0}p{color:var(--text)}.app{max-width:600px;min-width:340px;margin:30px auto;padding:0 var(--pad)}.panel{padding:var(--pad-lrg);background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow)}.filter{justify-self:end}.filter svg{display:inline-block;width:15px;height:15px;margin-left:8px;fill:var(--text);vertical-align:middle}.no-items{margin:0;padding:var(--pad-lrg) 0;text-align:center;line-height:1;color:var(--text)}.no-items svg{display:inline-block;width:15px;height:15px;vertical-align:initial}.add-item{border-top:1px solid var(--lightgray)}.add-item,.todo-item{display:flex;padding:var(--pad) 0}.add-item input[type=text],.todo-item input[type=text]{flex:1 0 auto}.controls{align-self:center}.todo-item+.todo-item{border-top:1px solid var(--lightgray)}.header{display:grid;width:100%;grid-template-columns:1fr 1fr;grid-gap:var(--pad);margin-bottom:var(--pad-lrg)}.date{color:var(--text)}.date .day{float:left;font-size:3.5rem;vertical-align:top;line-height:2.5rem;margin-right:5px}.date .month,.date .year{font-size:14px;font-weight:700;display:block;margin-bottom:5px}.stats{padding:var(--pad) 0 0;margin:var(--marg) 0 0;border-top:1px solid var(--lightgray)}.footer,.footer p{color:var(--text-dark);font-size:13px;text-align:center;padding:var(--pad) 0}.footer svg{display:inline-block;width:18px;height:18px;fill:var(--text-dark);vertical-align:middle}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}
/*# sourceMappingURL=main.6b503e5b.chunk.css.map */