.tool[data-tool=tally-counter] .tally{gap:var(--space-3);display:grid}.tool[data-tool=tally-counter] .counters{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(18rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=tally-counter] .counter{gap:var(--space-2);background:var(--c-surface-2);border-radius:var(--r-md);padding:var(--space-3);border:2px solid #0000;display:grid}.tool[data-tool=tally-counter] .counter.active{border-color:var(--c-primary)}.tool[data-tool=tally-counter] .name{font-weight:600}.tool[data-tool=tally-counter] .value{text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:3.5rem;font-weight:700;line-height:1.1}.tool[data-tool=tally-counter] .buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool[data-tool=tally-counter] .buttons .btn{min-inline-size:var(--tap,2.75rem)}