.header{background:var(--primary-clr);text-align:center;padding:.5rem .5rem .5rem 2rem}.header h1{text-transform:capitalize;font-size:2rem;font-weight:300;letter-spacing:.5px;margin:.5rem 0}@media (max-width:870px){.header{text-align:center}}.add-list form{background:#f3f3f3;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin:0 auto}.list{margin-bottom:2em;background:#fff}.list__title{font-size:1.5rem;font-weight:400;margin-bottom:3rem;text-align:left}.list form{background:#fff;width:80%;text-align:center;margin:0 auto}.list__items{text-align:left;margin-bottom:2rem}.list__item{display:flex;align-items:center;position:relative;border-radius:3px}.list__item,.list__item li{transition:var(--transition-all)}.list__item:hover{background:var(--background-mid);cursor:pointer}.list__item:hover li{text-decoration:line-through;opacity:.5;cursor:pointer}.list__item:after{content:"";display:block;width:100%;height:1px;background:var(--background-mid);position:absolute;top:100%}.list__checkbox{border-radius:50%;border:2px solid var(--font-light);padding:1px;width:27px;height:27px;margin-left:.5rem;margin-right:1rem;opacity:.75}.checkbox__icon,.list__checkbox{transition:var(--transition-all)}.checkbox__icon{position:relative;top:-1px;left:-2px;opacity:0;color:var(--secondary-clr);font-size:100}.checkbox__icon path{pointer-events:none}.list__checkbox:hover{cursor:pointer;opacity:1;background:var(--background-mid-dark)}.list__checkbox:hover .checkbox__icon{opacity:1}.list__controls{display:flex;justify-content:flex-start;align-items:center}.list__item--done li{text-decoration:line-through;opacity:.85}.list__item--done:hover li{opacity:.7}@media (max-width:870px){.list{width:100%}.list form{width:100%;max-width:500px;margin:0 auto}}.list-table{background:#f3f3f3;padding:1rem 2rem;width:100%;max-width:500px;margin:0 auto}.list-table__header{font-size:1.3rem;font-weight:400}.list-table__item{font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:0 .75rem;border-radius:3px;transition:var(--transition-all)}.list-table__item:hover{background:var(--background-mid);cursor:pointer}.delete__icon{opacity:0;width:50px;height:50px;color:var(--font-light);transition:var(--transition-all)}.delete__icon path{pointer-events:none}.list-table__item:hover .delete__icon{opacity:1}.delete__icon:hover{color:var(--secondary-clr)}.list-table__item--shown{background:var(--background-mid-dark)}
/*# sourceMappingURL=main.4760d2a6.chunk.css.map */