.rg-counter{align-items:center;gap:calc(var(--rg-u) * 7);block-size:var(--rg-control-height);min-block-size:var(--rg-control-height);padding:calc(var(--rg-u) * 4) calc(var(--rg-u) * 6) calc(var(--rg-u) * 4) calc(var(--rg-u) * 4);border:var(--rg-line) solid var(--rg-color-outline);border-radius:var(--rg-radius-pill);background:var(--rg-color-track);color:var(--rg-color-ivory);box-shadow:var(--rg-shadow-inset);font-family:var(--rg-font-display);font-size:calc(var(--rg-u) * 14);line-height:1;display:inline-flex}.rg-counter__graphic{display:grid}.rg-counter__value{min-inline-size:calc(var(--rg-u) * 20);font-weight:var(--rg-font-weight-strong);font-variant-numeric:tabular-nums;text-align:center}.rg-counter__add{appearance:none;inline-size:var(--rg-touch-min);block-size:var(--rg-touch-min);margin:calc((var(--rg-touch-min) - var(--rg-control-height)) / -2) calc((var(--rg-touch-min) - calc(var(--rg-u) * 20)) / -2);border-radius:var(--rg-radius-pill);background:radial-gradient(circle, var(--rg-color-positive-light) 0 calc(var(--rg-u) * 9), var(--rg-color-transparent) calc(var(--rg-u) * 10));color:var(--rg-color-positive-ink);font:inherit;font-size:calc(var(--rg-u) * 22);font-weight:var(--rg-font-weight-strong);cursor:pointer;transition:scale var(--rg-motion-quick) ease;border:0;place-items:center;display:grid;scale:1}.rg-counter__add:active:not(:disabled){scale:.88}.rg-counter__add:focus-visible{outline:var(--rg-focus-width) solid var(--rg-color-focus);outline-offset:var(--rg-focus-offset)}.rg-counter__add:disabled{cursor:default;opacity:var(--rg-disabled-opacity)}.rg-counter--compact{gap:calc(var(--rg-u) * 5);block-size:auto;min-block-size:0;padding:calc(var(--rg-u) * 4) calc(var(--rg-u) * 10) calc(var(--rg-u) * 4) calc(var(--rg-u) * 5);font-size:calc(var(--rg-u) * 12);white-space:nowrap}.rg-counter--compact .rg-counter__value{min-inline-size:0}[data-rg-skin=gloss] .rg-counter{box-shadow:inset 0 calc(var(--rg-u) * 2) calc(var(--rg-u) * 4) rgb(var(--rg-rgb-black) / 50%), inset 0 calc(var(--rg-u) * -1) 0 rgb(var(--rg-rgb-white) / 12%);border:0}[data-rg-skin=gloss] .rg-counter__add{filter:drop-shadow(0 calc(var(--rg-u) * 2) 0 var(--rg-color-positive-dark))}