.new-list-form{gap:.5rem;margin-bottom:1.75rem;display:flex}.new-list-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0;color:var(--ink);font:inherit;flex:1;padding:.65rem .9rem}.new-list-submit{border-radius:var(--radius);background:var(--produce);color:var(--on-produce);font:inherit;cursor:pointer;white-space:nowrap;border:none;padding:.65rem 1.1rem;font-weight:600}.new-list-submit:hover{background:var(--produce-dark)}@media (width<=400px){.new-list-form{flex-wrap:wrap}.new-list-input{flex-basis:100%}}.list-card{background:var(--card);border-radius:var(--radius-lg);transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 3px 10px #23291f17,0 1px 2px #23291f14}.list-card:nth-child(3n){transform:rotate(-1.1deg)}.list-card:nth-child(3n+1){transform:rotate(.8deg)}.list-card:nth-child(3n+2){transform:rotate(-.4deg)}.list-card:hover{transform:rotate(0);box-shadow:0 6px 16px #23291f21,0 1px 2px #23291f14}.list-card:before{content:"";background:var(--tag);border-radius:999px;width:.85rem;height:.85rem;position:absolute;top:-.5rem;left:1.4rem;box-shadow:0 2px 3px #23291f40}.list-card:nth-child(3n):before{background:var(--produce);left:auto;right:1.6rem}.list-card-link{color:inherit;padding:1.1rem 2.75rem 1.1rem 1.25rem;text-decoration:none;display:block}.list-card-name{color:var(--ink);margin:0 0 .65rem;font-size:1.25rem}.list-card-delete{width:1.9rem;height:1.9rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:.6rem;right:.6rem}.list-card-delete:hover{background:var(--line);color:var(--danger)}@media (width<=640px){.list-card-delete{width:2.5rem;height:2.5rem;top:.5rem;right:.5rem}.list-card-link{padding-right:3.25rem}}.overview h1{color:var(--ink);margin:0 0 1.5rem;font-size:2.1rem}.overview-list{flex-direction:column;gap:1.35rem;margin:0;padding:1rem 0 0;list-style:none;display:flex}.overview-empty{color:var(--muted);text-align:center;padding:3rem 0;font-style:italic}