@layer atoms {
  .mobius-label {
    box-sizing: border-box;
    font-size: var(--font-size-regular);
    line-height: var(--line-height-normal);
    font-family: var(--font-family);
    font-weight: var(--label-font-weight);
    font-variation-settings: var(--label-font-variation-settings);
    color: var(--label-color);

    &:not(.--is-disabled) {
      &.--is-invalid {
        color: var(--color-error);
      }
    }
  }
}
