@shopware-ag/meteor-component-library/dist/mt-number-field.css

The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).

.mt-number-field__controls {
&[data-v-e7526f45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 2.625rem;
  flex-shrink: 0;
}
& button {
&[data-v-e7526f45] {
    outline-color: var(--color-border-brand-default);
    padding-inline: var(--scale-size-4);
    border-radius: var(--border-radius-button);
    color: var(--color-icon-primary-default);
    transition: all 0.15s ease-out;
    width: 100%;
    flex: 1;
}
&[data-v-e7526f45]:is(:hover, :focus-visible):not(:disabled) {
      background-color: var(--color-interaction-secondary-hover);
}
&[data-v-e7526f45]:disabled {
      cursor: default;
}
}
&.mt-field__controls--small button[data-v-e7526f45] {
    max-height: var(--scale-size-16);
    display: flex;
    align-items: center;
    justify-content: center;
}
}
input.mt-number-field__align-end[data-v-e7526f45] {
  text-align: end;
}

.mt-number-field .mt-block-field__block {
  background: var(--color-background-primary-default);
}
.mt-number-field.is--disabled .mt-block-field__block {
  background: var(--color-background-tertiary-default);
}