@layer equip{.eq-quantity{--_h:var(--eq-h-m);--_pad:2px;color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-m) / 1.3 var(--eq-font);justify-items:start;display:inline-grid}.eq-quantity[data-size=s]{--_h:var(--eq-h-s);--_pad:1px;font-size:var(--eq-text-s)}.eq-quantity[data-disabled]{opacity:.45}.eq-quantity-control{height:var(--_h);padding:var(--_pad);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);align-items:center;display:inline-flex}.eq-quantity-button{width:calc(var(--_h) - 2px - 2 * var(--_pad));height:calc(var(--_h) - 2px - 2 * var(--_pad));border-radius:var(--eq-radius-s);color:var(--eq-ink-2);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.eq-quantity-button svg{width:16px;height:16px}@media (hover:hover){.eq-quantity-button:hover:not(:disabled,[aria-disabled=true]){background:var(--eq-tint);color:var(--eq-ink)}.eq-quantity-button[data-action=remove]:hover:not(:disabled){color:var(--eq-danger)}}.eq-quantity-button:active:not(:disabled,[aria-disabled=true]){scale:var(--eq-press)}.eq-quantity-button:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px}.eq-quantity-button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.eq-quantity-button:disabled,.eq-quantity-input:disabled{cursor:not-allowed}.eq-quantity-input{--_from:0;width:calc(3ch + var(--eq-space-2));border-radius:var(--eq-radius-s);height:100%;color:inherit;font:inherit;font-weight:var(--eq-weight-strong);font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;padding:0}.eq-quantity-input:focus-visible{outline:2px solid var(--eq-focus);outline-offset:-1px}.eq-quantity-input[data-dir=up]{--_from:.45em}.eq-quantity-input[data-dir=down]{--_from:-.45em}.eq-quantity-input[data-roll=a]{animation:eq-quantity-roll-a var(--eq-dur-move) var(--eq-spring)}.eq-quantity-input[data-roll=b]{animation:eq-quantity-roll-b var(--eq-dur-move) var(--eq-spring)}@keyframes eq-quantity-roll-a{0%{translate:0 var(--_from);opacity:.3}}@keyframes eq-quantity-roll-b{0%{translate:0 var(--_from);opacity:.3}}.eq-quantity-message{color:var(--eq-ink-2);font-size:var(--eq-text-xs);margin:0}.eq-quantity-message:not(:empty){margin-top:var(--eq-space-1)}}