.supply-block{--supply-accent:var(--color-sun-ink);--supply-tint:var(--color-sun);text-align:start;min-width:0;color:var(--color-ink);border-radius:1.75rem;flex-direction:column;flex:1;justify-content:space-between;padding:13px;line-height:1.3;transition:transform .15s;display:flex;overflow:hidden;container-type:inline-size}.supply-block:active{transform:scale(.97)}.supply-block:focus-visible,.supply-compact:focus-visible{outline:2px solid var(--color-lav-ink);outline-offset:3px}.supply-formula{--supply-accent:var(--color-peach-ink);--supply-tint:var(--color-peach)}.supply-top{color:var(--color-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;display:flex}.supply-heading{min-width:0;font-size:calc(11px * var(--ts,1));align-items:center;gap:5px;font-weight:500;line-height:1.25;display:flex}.supply-heading svg{flex-shrink:0}.supply-heading>span{min-width:0}.supply-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0;max-width:100%;font-size:clamp(22px,22cqi,32px);font-weight:650;line-height:1.05;display:block}.supply-status{min-height:16px;font-size:calc(10px * var(--ts,1));color:var(--color-muted);flex-shrink:0;align-items:center;gap:5px;line-height:1.25;display:flex}.supply-status>span{min-width:0}.supply-status i{background:var(--color-mint-ink);border-radius:50%;flex-shrink:0;width:5px;height:5px}.supply-attention{color:var(--supply-accent)}.supply-attention i{background:var(--supply-accent)}.supply-warning{inset-inline-end:5px;background:var(--color-sun-ink);border-radius:50%;width:6px;height:6px;position:absolute;top:5px}.supply-stack-row{align-items:center;gap:6px;min-width:0;margin:4px 0;display:flex}.supply-stack{flex-shrink:0;width:68px;height:69px;display:block;position:relative}.supply-stack>span{width:75px;max-width:110%;filter:drop-shadow(0 3px 2px color-mix(in srgb,var(--supply-accent) 11%,transparent));transition:opacity .3s;display:block;position:absolute;inset-inline:0}.supply-stack svg{width:100%;overflow:visible}.supply-fold-body{fill:var(--color-surface);stroke:color-mix(in srgb,var(--supply-accent) 45%,var(--color-surface));stroke-width:1.8px}.supply-fold-line{fill:none;stroke:var(--supply-accent);stroke-width:1.3px;stroke-linecap:round;opacity:.55}.supply-fold-patch{fill:var(--supply-tint);opacity:.8}.supply-shelf{text-align:center;flex-direction:column;gap:4px;min-width:0;margin:2px 0;display:flex}.supply-jars{justify-content:center;align-items:end;gap:5px;display:flex}.supply-jars>span{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.supply-jars small{color:var(--color-muted);white-space:nowrap;font-size:10px;line-height:1.3}.supply-jar{width:100%;max-width:48px;height:59px;overflow:visible}.supply-jar-body{fill:var(--color-surface)}.supply-jar-line{fill:none;stroke:color-mix(in srgb,var(--color-muted) 38%,transparent);stroke-width:1.2px}.supply-powder-open{fill:var(--color-peach)}.supply-powder-closed{fill:var(--color-lav);opacity:.8}.supply-lid-open{fill:var(--color-peach);stroke:color-mix(in srgb,var(--color-peach-ink) 40%,transparent);stroke-width:1px}.supply-lid-closed{fill:var(--color-lav);stroke:color-mix(in srgb,var(--color-lav-ink) 40%,transparent);stroke-width:1px}.supply-jar-label{fill:var(--color-surface);opacity:.85}.supply-jar-shine{fill:none;stroke:var(--color-surface);stroke-width:2px;stroke-linecap:round;opacity:.6}.supply-caption{font-size:calc(10px * var(--ts,1));color:var(--color-muted);line-height:1.25}.supply-simple{flex-direction:column;flex:1;justify-content:center;gap:8px;min-height:0;padding-block:5px;display:flex}.supply-meter{background:var(--color-line);border-radius:8px;height:4px;display:block;overflow:hidden}.supply-meter>span{background:var(--supply-accent);border-radius:8px;height:100%;display:block}.supply-placeholder{color:var(--color-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:1.3;display:flex}.supply-block{position:relative}.supply-simple{gap:5px;padding-block:2px}.supply-tiny-value{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:center;max-width:100%;font-size:12px;font-weight:600;line-height:1.05;display:flex}.supply-tiny-value>span{max-width:100%;line-height:1.05}.supply-tiny-value>small{font-size:8px;font-weight:500;line-height:1.05}@container (width<=110px){.supply-stack{width:48px}.supply-block .supply-status{font-size:10px}.supply-block .supply-top{gap:2px}}@media (prefers-reduced-motion:reduce){.supply-block,.supply-stack>span{transition:none}}