@shopware-ag/meteor-component-library/dist/mt-unit-select-result.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-result[data-v-bbacdfea] {
  min-width: var(--scale-size-160);
  padding: var(--scale-size-10) var(--scale-size-16);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--scale-size-8);
  border-radius: var(--border-radius-xs);
  text-align: left;
  font-size: var(--font-size-xs);
  color: var(--color-text-primary-disabled);
  cursor: pointer;
}
.mt-unit-select-result[data-v-bbacdfea]:focus-visible {
  outline: var(--scale-size-2) solid var(--color-border-brand-default);
  outline-offset: 2px;
}
.mt-unit-select-result__label[data-v-bbacdfea] {
  color: var(--color-text-primary-default);
}
.mt-unit-select-result__unit[data-v-bbacdfea] {
  color: var(--color-text-secondary-default);
}
.mt-unit-select-result[data-v-bbacdfea]:hover {
  background-color: var(--color-background-brand-default);
}
.mt-unit-select-result--active[data-v-bbacdfea] {
  border-radius: var(--border-radius-xs);
  background-color: var(--color-background-brand-default);
}
.mt-unit-select-result--selected span[data-v-bbacdfea] {
  color: var(--color-text-brand-default);
}