.tool[data-tool=grocery-list-maker] .grocery{gap:var(--space-3);display:grid}.tool[data-tool=grocery-list-maker] .add{gap:var(--space-3);align-items:end;display:grid}@media (min-width:40rem){.tool[data-tool=grocery-list-maker] .add{grid-template-columns:minmax(0,1fr) 11rem auto}}.tool[data-tool=grocery-list-maker] .print-area{gap:var(--space-3);display:grid}@media (min-width:40rem){.tool[data-tool=grocery-list-maker] .print-area{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));align-items:start}}.tool[data-tool=grocery-list-maker] .print-area>.meta-line{grid-column:1/-1}.tool[data-tool=grocery-list-maker] .aisle{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--space-2);background:var(--c-surface-2);min-inline-size:0}.tool[data-tool=grocery-list-maker] .aisle h3{margin:0 0 var(--space-1);font-size:var(--fs-sm)}.tool[data-tool=grocery-list-maker] .items{margin:0;padding:0;list-style:none}.tool[data-tool=grocery-list-maker] .item{align-items:center;gap:var(--space-2);display:flex}.tool[data-tool=grocery-list-maker] .check{flex:none;block-size:24px;inline-size:24px;margin:8px}.tool[data-tool=grocery-list-maker] .text{overflow-wrap:anywhere;flex:1;min-inline-size:0}.tool[data-tool=grocery-list-maker] .item.done .text{color:var(--c-text-2);text-decoration:line-through}.tool[data-tool=grocery-list-maker] .item .btn{flex:none;min-block-size:40px;min-inline-size:40px}.tool[data-tool=grocery-list-maker] .foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.tool[data-tool=grocery-list-maker] .foot .meta-line{margin:0}.tool[data-tool=grocery-list-maker] .actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media print{.tool[data-tool=grocery-list-maker] .no-print{display:none!important}.tool[data-tool=grocery-list-maker] .print-area{grid-template-columns:repeat(2,1fr)}.tool[data-tool=grocery-list-maker] .aisle{break-inside:avoid;border-color:#000}}