.pbly .quantity {
  display: inline-flex;
  align-items: stretch;
  width: 7.5rem;
  height: 2.75rem;
  overflow: hidden;
  border: 2px solid var(--pbly-color-border-default);
  border-radius: var(--pbly-radius-full);
  background: var(--pbly-color-surface-raised);
}

.pbly .quantity__button {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  padding-inline: var(--pbly-space-3);
}

.pbly .quantity__input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--pbly-color-text-primary);
  text-align: center;
  appearance: textfield;
}

.pbly .quantity__input::-webkit-outer-spin-button,
.pbly .quantity__input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}