.mm-counter,.mm-counter-plain{--color-ds-text-primary:#1a1a1a;--color-ds-text-secondary:#6e6e73;--color-ds-text-tertiary:#acacb0;--color-ds-surface-canvas:#f5f5f7;--color-ds-surface-primary:#fff;--color-ds-border-default:#e5e5e7;--color-ds-accent-blue:#0071e3;--color-ds-tone-warning-fg:#b45309;--color-ds-tone-warning-border:rgba(245,158,11,.25);--color-ds-tone-warning-bg:rgba(245,158,11,.1);--color-ds-tone-danger-fg:#b91c1c;--color-ds-tone-danger-border:rgba(220,38,38,.25);--color-ds-tone-danger-bg:rgba(220,38,38,.1);--duration-ds-fast:.15s;--font-weight-ds-medium:500;--font-weight-ds-regular:400}.mm-counter{--mm-ring-w:2px;--mm-ring-c:var(--color-ds-accent-blue);--mm-btn-hover:rgba(0,0,0,.1);--mm-btn-active:rgba(0,0,0,.16);align-items:center;background:var(--color-ds-surface-canvas);border:1px solid var(--color-ds-border-default);border-radius:9999px;display:inline-flex;flex-shrink:0;font-size:.875rem;gap:.2857em;max-width:100%;min-width:0;padding:.2857em;transition:border-color var(--duration-ds-fast,.12s) ease,background-color var(--duration-ds-fast,.12s) ease}.mm-counter--sm{font-size:.75rem;gap:.25em;padding:.25em;--mm-ring-w:1.5px}.mm-counter--block{display:flex;width:100%}.mm-counter--block .mm-counter-field{flex:1}.mm-counter--warning{background:var(--color-ds-tone-warning-bg);border-color:var(--color-ds-tone-warning-border);--mm-ring-c:var(--color-ds-tone-warning-fg);--mm-btn-hover:rgba(245,158,11,.22);--mm-btn-active:rgba(245,158,11,.34)}.mm-counter--danger{background:var(--color-ds-tone-danger-bg);border-color:var(--color-ds-tone-danger-border);--mm-ring-c:var(--color-ds-tone-danger-fg);--mm-btn-hover:rgba(220,38,38,.16);--mm-btn-active:rgba(220,38,38,.26)}.mm-counter--disabled{opacity:.5}.mm-counter-btn{align-items:center;background:transparent;border:0;border-radius:9999px;color:var(--color-ds-text-primary);cursor:pointer;display:inline-flex;height:2.2857em;justify-content:center;line-height:1;min-width:2.2857em;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--duration-ds-fast,.12s) ease,transform 90ms ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2.2857em}.mm-counter--sm .mm-counter-btn{height:2em;min-width:2em;width:2em}.mm-counter-btn svg{display:block;flex-shrink:0;height:.7857em;width:.7857em}.mm-counter--sm .mm-counter-btn svg{height:.75em;width:.75em}.mm-counter-btn:hover:not(:disabled){background:var(--mm-btn-hover)}.mm-counter-btn:active:not(:disabled){background:var(--mm-btn-active);transform:scale(.88)}.mm-counter-btn.is-at-bound,.mm-counter-btn:disabled{cursor:not-allowed;opacity:.35}.mm-counter-btn.is-at-bound:active,.mm-counter-btn.is-at-bound:hover{background:transparent;transform:none}.mm-counter-btn:before{content:"";inset:-.5714em;position:absolute}.mm-counter{position:relative}.mm-counter-panel{left:0;position:absolute;top:calc(100% + .5714em);z-index:60}.mm-counter-panel-enter-active,.mm-counter-panel-leave-active{transition:opacity .1s ease-out,transform .1s ease-out}.mm-counter-panel-enter-from,.mm-counter-panel-leave-to{opacity:0;transform:translateY(-4px)}.mm-counter-field{align-items:center;background:var(--color-ds-surface-primary);border:0;border-radius:.8571em;cursor:text;display:inline-flex;gap:.2143em;height:2.2857em;justify-content:center;min-width:4em;padding:0 .5714em;position:relative;transition:box-shadow var(--duration-ds-fast,.12s) ease}.mm-counter--sm .mm-counter-field{border-radius:.6667em;height:2em;min-width:4em;padding:0 .5em}.mm-counter-field:focus-within{box-shadow:0 0 0 var(--mm-ring-w) var(--mm-ring-c)}.mm-counter--disabled .mm-counter-field{background:var(--color-ds-surface-canvas);cursor:not-allowed}.mm-counter-num{align-items:center;display:inline-flex;position:relative}.mm-counter-input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:transparent;border:0;color:var(--color-ds-text-primary);font-family:inherit;font-size:1em;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-ds-medium,500);height:1.4286em;line-height:1.4286em;min-width:1ch;outline:none;padding:0;text-align:center;transition:width .2s cubic-bezier(.2,.8,.2,1);width:2ch}.mm-counter--sm .mm-counter-input{height:1.3333em;line-height:1.3333em}.mm-counter-input:focus,.mm-counter-input:focus-visible{outline:none}.mm-counter-input::-moz-selection{background:#0071e329;color:var(--color-ds-text-primary)}.mm-counter-input::selection{background:#0071e329;color:var(--color-ds-text-primary)}.mm-counter-input::-moz-placeholder{color:var(--color-ds-text-tertiary)}.mm-counter-input::placeholder{color:var(--color-ds-text-tertiary)}.mm-counter--disabled .mm-counter-input{color:var(--color-ds-text-tertiary);cursor:not-allowed}.mm-counter-unit{color:var(--color-ds-text-secondary);font-size:.8571em;font-weight:var(--font-weight-ds-regular,400);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.mm-counter--sm .mm-counter-unit{font-size:.9167em}.mm-counter-plain{align-items:baseline;color:var(--color-ds-text-primary);display:inline-flex;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-ds-medium,500);gap:.25em;padding:0 2px}.mm-counter-plain.mm-counter--sm{font-size:.75rem}.mm-counter-live{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);border:0;clip-path:inset(50%);white-space:nowrap}.mm-counter-roll{align-items:center;color:var(--color-ds-text-primary);display:flex;font-size:1em;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-ds-medium,500);height:100%;inset:0;justify-content:center;pointer-events:none;position:absolute}@media(hover:none)and (pointer:coarse),not all and (min-width:810px){.mm-counter-roll{font-size:1rem}}.mm-counter--disabled .mm-counter-roll{color:var(--color-ds-text-tertiary)}.mm-counter-field:focus-within .mm-counter-roll{opacity:0}.mm-counter-field:not(:focus-within) .mm-counter-input{color:transparent}.mm-counter-dig{display:block;height:1.4286em;overflow:hidden;position:relative}.mm-counter--sm .mm-counter-dig{height:1.3333em}.mm-counter-dig-in{display:block;height:1.4286em;line-height:1.4286em;white-space:pre}.mm-counter--sm .mm-counter-dig-in{height:1.3333em;line-height:1.3333em}.mm-counter-dig-in.is-out{left:0;position:absolute;right:0;top:0}.mm-counter-dig-in.in-up{animation:mmRollInUp .26s cubic-bezier(.2,.8,.2,1) both}.mm-counter-dig-in.in-down{animation:mmRollInDown .26s cubic-bezier(.2,.8,.2,1) both}.mm-counter-dig-in.out-up{animation:mmRollOutUp .26s cubic-bezier(.2,.8,.2,1) both}.mm-counter-dig-in.out-down{animation:mmRollOutDown .26s cubic-bezier(.2,.8,.2,1) both}@keyframes mmRollInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes mmRollInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes mmRollOutUp{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-100%)}}@keyframes mmRollOutDown{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(100%)}}@media(forced-colors:active){.mm-counter{border-color:ButtonBorder}.mm-counter-field:focus-within{box-shadow:none;outline:2px solid Highlight;outline-offset:1px}.mm-counter-btn svg{fill:ButtonText}.mm-counter-btn:disabled svg{fill:GrayText}}@media(prefers-reduced-motion:reduce){.mm-counter,.mm-counter-btn,.mm-counter-field,.mm-counter-input{transition:none}.mm-counter-dig-in{animation:none!important}.mm-counter-dig-in.is-out{display:none}}.mm-counter-btn svg{pointer-events:none}
