.gro{--gro-sign:#1a6b45;--gro-sign-ink:#fff;--gro-leaf:#e2f1e7;--gro-tick:#1a6b45;gap:var(--s-4);display:grid}:root[data-theme=dark] .gro{--gro-sign:#246b49;--gro-leaf:#1e3a2d;--gro-tick:#7fd1a3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gro{--gro-sign:#246b49;--gro-leaf:#1e3a2d;--gro-tick:#7fd1a3}}.gro-layout{gap:var(--s-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.gro-side,.gro-main{gap:var(--s-4);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;display:grid}.gro-foot{gap:var(--s-1) var(--s-4);flex-wrap:wrap;display:flex}@media (width>=52rem){.gro-layout{justify-content:start;column-gap:clamp(var(--s-5), 4vw, var(--s-7));grid-template:"side main""foot main"1fr/minmax(18rem,24rem) minmax(0,36rem);align-items:start}.gro-side{grid-area:side}.gro-main{grid-area:main}.gro-foot{flex-direction:column;grid-area:foot;align-items:flex-start}}.gro-foot .btn--quiet{padding-inline:0}.gro-add{gap:var(--s-2);grid-template-columns:minmax(0,1fr);display:grid}.gro-add__label{font-weight:700;font-size:var(--step-1)}.gro-add__row{gap:var(--s-2);display:flex}.gro-add__field{min-width:0;min-height:3.5rem;padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-input);background:var(--paper);color:var(--ink);font-size:var(--step-1);flex:1;font-weight:500}.gro-add__field::placeholder{color:var(--ink-2);opacity:1}.gro-add__field[aria-invalid=true]{border-color:var(--danger)}.gro-add__button{background:var(--gro-sign);min-height:3.5rem;color:var(--gro-sign-ink);flex:none}.gro-error{color:var(--danger);font-weight:600}.gro-hint,.gro-empty,.gro-note{color:var(--ink-2);font-size:var(--step--1)}.gro-empty{min-height:1.5em}.gro-usuals{gap:var(--s-2);grid-template-columns:minmax(0,1fr);display:grid}.gro-usuals h2{font-family:var(--font-text);font-weight:700;font-size:var(--step--1);letter-spacing:0}.gro-usuals ul{gap:var(--s-2) var(--s-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.gro-chip{max-width:100%;padding-inline:var(--s-4);background:var(--gro-leaf);white-space:normal;overflow-wrap:anywhere;text-align:left}.gro-count{align-items:baseline;gap:var(--s-2);font-weight:500;display:flex}.gro-count__num{font-family:var(--font-display);font-weight:800;font-size:var(--step-3);line-height:1}.gro-list{grid-template-columns:minmax(0,1fr);display:grid}.gro-aisle{margin-bottom:var(--s-4)}.gro-sign{z-index:1;align-items:center;gap:var(--s-3);min-height:3.25rem;padding:var(--s-2) var(--s-4);border-radius:0 0 var(--r-input) var(--r-input);background:var(--gro-sign);color:var(--gro-sign-ink);display:flex;position:relative}.gro-sign__stop{min-width:1.4em;font-family:var(--font-display);font-weight:800;font-size:var(--step-3);line-height:1}.gro-sign__name{min-width:0;font-family:var(--font-text);font-weight:700;font-size:var(--step-1);letter-spacing:0;overflow-wrap:anywhere;flex:1;line-height:1.2}.gro-sign__count{flex:none;font-weight:700}.gro-items{padding:var(--r-input) 0 0;margin:calc(-1 * var(--r-input)) 0 0;border:2px solid var(--rule);border-radius:0 0 var(--r-input) var(--r-input);background:var(--paper);border-top:0;list-style:none}.gro-item{border-bottom:1.5px solid var(--rule);align-items:center;min-width:0;display:flex}.gro-item:last-child{border-bottom:0}.gro-item__main{align-items:center;gap:var(--s-3);min-width:0;min-height:3rem;padding-inline:var(--s-3) var(--s-2);cursor:pointer;flex:1;font-weight:500;display:flex;position:relative}.gro-item__main input{opacity:0;cursor:pointer;width:2.75rem;height:100%;margin:0;position:absolute;inset-block:0;inset-inline-start:0}.gro-box{width:1.75rem;height:1.75rem;border:var(--border) solid var(--line);background:var(--paper);border-radius:.4rem;flex:none;margin-inline-start:var(--s-1)}.gro-item__main input:checked+.gro-box{border-color:var(--gro-tick);background-color:var(--gro-tick);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");background-size:100% 100%}:root[data-theme=dark] .gro-item__main input:checked+.gro-box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111226' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gro-item__main input:checked+.gro-box{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111226' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}}.gro-item__main:has(input:focus-visible) .gro-box{outline:3px solid var(--signal);outline-offset:3px}.gro-item__name{overflow-wrap:anywhere;flex:1;min-width:0}.gro-item__qty{text-align:right;flex:none;margin-inline-start:auto;font-weight:700}.gro-item.is-cart .gro-item__name{color:var(--ink-2);text-decoration:line-through}.gro-item.is-cart .gro-item__qty{color:var(--ink-2);font-weight:500}.gro-edit{width:2.75rem;height:2.75rem;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.gro-edit:hover{background:var(--desk);color:var(--ink)}.gro-aisle--folding{animation:gro-fold var(--t-state) var(--ease) forwards;grid-template-rows:1fr;display:grid}.gro-aisle__fold{min-height:0;overflow:hidden}@keyframes gro-fold{to{opacity:0;grid-template-rows:0fr;margin-bottom:0}}.gro-cart{gap:var(--s-3);grid-template-columns:minmax(0,1fr);justify-items:start;display:grid}.gro-cart details{width:100%}.gro-cart summary{cursor:pointer;align-items:center;min-height:2.75rem;font-weight:700;display:flex}.gro-cart summary::marker{content:""}.gro-cart summary:before{content:"";width:0;height:0;transition:transform var(--t-press) var(--ease);border-block:.4rem solid #0000;border-inline-start:.6rem solid;flex:none;margin-inline-end:var(--s-2)}.gro-cart details[open]>summary:before{transform:rotate(90deg)}.gro-cart summary:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.gro-cart .gro-items{border-top:2px solid var(--rule);border-radius:var(--r-input);margin:0;padding:0}.gro-edit-form,.gro-order,.gro-settings{gap:var(--s-4);grid-template-columns:minmax(0,1fr);display:grid}.gro-edit-form label,.gro-order__new label{gap:var(--s-1);font-weight:600;font-size:var(--step--1);display:grid}.gro-buttons{gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.gro-stops{border-top:1.5px solid var(--rule)}.gro-stops .kit-reorder__row{border-bottom:1.5px solid var(--rule);background:var(--paper)}.gro-stop{align-items:start;gap:0 var(--s-2);padding:var(--s-2) 0;grid-template-columns:2rem minmax(0,1fr);display:grid}.gro-stop__num{font-family:var(--font-display);font-weight:800;font-size:var(--step-1);text-align:right;padding-top:.1rem}.gro-stop__name{overflow-wrap:anywhere;font-weight:600}.gro-stop__actions{gap:0 var(--s-4);flex-wrap:wrap;grid-column:2;display:flex}.gro-stop__actions .btn{min-height:2.75rem;font-size:var(--step--1);padding-inline:0}.gro-stop__rename .gro-buttons{flex-wrap:nowrap;align-items:center}.gro-stop__rename .btn--primary{padding-inline:var(--s-4)}.gro-stop__rename{gap:var(--s-2);grid-area:1/2;display:grid}.gro-order__new{gap:var(--s-2);display:grid}.gro-order__reset{justify-self:start;padding-inline:0}.gro-forget{padding:0;list-style:none}.gro-forget li{align-items:center;gap:var(--s-3);border-bottom:1.5px solid var(--rule);grid-template-columns:minmax(0,1fr) auto auto;font-weight:500;display:grid}.gro-forget__name{overflow-wrap:anywhere}.gro-forget .btn{padding-inline:0}.gro-settings h3{margin-bottom:var(--s-2);font-size:var(--step-1)}@media print{body>:not(main),.intro,.storage-note,.explain,.gro>:not(.gro-layout),.gro-add,.gro-usuals,.gro-empty,.gro-foot,.gro-cart,.gro-note,.gro-edit,.gro-sign__count,.gro-aisle--folding,.kit-toast,dialog{display:none!important}body{color:#000;background:#fff}.gro-layout{display:block}.gro-count{color:#000;margin-bottom:4mm}.gro-sign{color:#000;background:0 0;border:1.5pt solid #000;border-radius:0}.gro-items{background:0 0;border:0;margin:0;padding:0}.gro-item{break-inside:avoid;border-bottom:.5pt solid #000}.gro-item__main{min-height:0;padding-block:1.5mm}.gro-item__main input{display:none}.gro-box{background:0 0;border:.75pt solid #000;border-radius:0;width:4mm;height:4mm}.gro-aisle{break-inside:avoid-page;margin-bottom:4mm}}
