@shopware-ag/meteor-component-library/dist/mt-field-label.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-field-label[data-v-aef4539e] {
  display: flex;
  column-gap: var(--scale-size-4);
  align-items: center;
  color: var(--color-text-primary-default);
  font-family: var(--font-family-body);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-xs);
}
.mt-field-label--is-required[data-v-aef4539e]::after {
  content: "*";
  color: var(--color-text-brand-default);
}
.mt-field-label--has-linked-inheritance[data-v-aef4539e] {
  color: var(--color-text-accent-default);
}
.mt-field-label--with-error[data-v-aef4539e] {
  color: var(--color-text-critical-default);
}
.mt-field-label__inheritance-switch {
&[data-v-aef4539e] {
  margin-right: var(--scale-size-4);
  }
&[data-v-aef4539e]:focus-visible {
    outline-offset: 0.25rem;
    border-radius: var(--border-radius-2xs);
    outline-color: var(--color-border-brand-default);
}
}