@shopware-ag/meteor-component-library/dist/mt-unit-select.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-unit-select[data-v-39787702] {
  padding: var(--scale-size-8);
  border: 1px solid var(--color-border-secondary-default);
  border-radius: var(--border-radius-button);
  background-color: var(--color-background-primary-default);
  color: var(--color-text-primary-default);
  font-size: var(--font-size-xs);
  box-shadow: 0 3px 6px 0 var(--color-elevation-shadow-default);
}
.mt-unit-select ul[data-v-39787702] {
  list-style: none;
}
.mt-unit-select__trigger[data-v-39787702] {
  --_trigger-margin: var(--scale-size-6);
  height: calc(100% - var(--_trigger-margin));
  margin: calc(var(--_trigger-margin) / 2);
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: var(--scale-size-8);
  padding-left: var(--scale-size-12);
  padding-right: var(--scale-size-12);
  background-color: var(--color-interaction-secondary-default);
  border: 1px solid var(--color-border-primary-default);
  border-radius: var(--border-radius-xs);
  color: var(--color-text-primary-default);
  cursor: pointer;
  transition: background-color 0.1s ease;
}
.mt-unit-select__trigger[data-v-39787702]:hover {
  background-color: var(--color-interaction-secondary-hover);
}
.mt-unit-select__trigger[data-v-39787702]:active,
.mt-unit-select__trigger[aria-expanded="true"][data-v-39787702] {
  background-color: var(--color-interaction-secondary-pressed);
}
.mt-unit-select__trigger[data-v-39787702]:focus-visible {
  outline: var(--scale-size-2) solid var(--color-border-brand-default);
}
.mt-unit-select__trigger[data-v-39787702]:disabled {
  background-color: var(--color-background-tertiary-default);
  border-color: var(--color-background-tertiary-default);
}