.container.s-1cu97xj{--title-bar-height:2.5rem;background-color:var(--system-color-light);width:100%;height:100%;color:var(--system-color-light-contrast);border-radius:inherit;font-family:var(--system-font-family);grid-template-columns:12rem 1fr;display:grid;overflow:hidden}.container.s-1cu97xj.dark{box-shadow:inset 0 0 0 .9px hsla(var(--system-color-dark-hsl), .2), 0 0 0 1.5px hsla(var(--system-color-light-hsl), .5)}.sidebar.s-1cu97xj{background-color:hsla(var(--system-color-dark-hsl), .04);border-right:1px solid hsla(var(--system-color-dark-hsl), .1);flex-direction:column;display:flex}body.dark .sidebar.s-1cu97xj{background-color:hsla(var(--system-color-light-hsl), .03)}.sidebar-header.s-1cu97xj{height:var(--title-bar-height)}.list-nav.s-1cu97xj{padding:0 .5rem;list-style:none}.list-nav-item.s-1cu97xj{border-radius:.5rem;align-items:center;gap:.6rem;width:100%;margin-bottom:.15rem;padding:.45rem .6rem;font-size:.9rem;transition:background-color .12s;display:flex}.list-nav-item.s-1cu97xj:hover{background-color:hsla(var(--system-color-dark-hsl), .05)}.list-nav-item.s-1cu97xj.active{background-color:hsla(var(--system-color-primary-hsl), .18)}.list-dot.s-1cu97xj{border-radius:50%;flex-shrink:0;width:.85rem;height:.85rem}.list-name.s-1cu97xj{text-align:left;flex:1}.list-count.s-1cu97xj{opacity:.5;font-size:.8rem}.main.s-1cu97xj{flex-direction:column;min-width:0;display:flex}.main-header.s-1cu97xj{height:var(--title-bar-height);align-items:flex-end;padding:0 1.25rem;display:flex}.main-header.s-1cu97xj h1:where(.s-1cu97xj){font-size:1.6rem;font-weight:700}.reminders.s-1cu97xj{flex:1;padding:.5rem 1rem;list-style:none;overflow-y:auto}.reminder.s-1cu97xj{border-bottom:1px solid hsla(var(--system-color-dark-hsl), .07);align-items:center;gap:.6rem;padding:.5rem .25rem;display:flex}.reminder.s-1cu97xj.done .reminder-text:where(.s-1cu97xj){opacity:.4;text-decoration:line-through}.reminder.s-1cu97xj:hover .delete:where(.s-1cu97xj){opacity:.6}.check.s-1cu97xj{place-items:center;display:grid}.check.s-1cu97xj svg{font-size:1.3rem}.reminder-text.s-1cu97xj{flex:1;font-size:.95rem}.delete.s-1cu97xj{opacity:0;transition:opacity .12s}.delete.s-1cu97xj:hover{color:#f04242;opacity:1!important}.delete.s-1cu97xj svg{font-size:1.1rem}.empty.s-1cu97xj{text-align:center;opacity:.45;padding:2rem 1rem;font-size:.9rem;list-style:none}.add-row.s-1cu97xj{border-top:1px solid hsla(var(--system-color-dark-hsl), .08);align-items:center;gap:.5rem;padding:.6rem 1.25rem;display:flex}.add-row.s-1cu97xj svg{opacity:.4;font-size:1.2rem}.add-row.s-1cu97xj input:where(.s-1cu97xj){color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}
