/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */

.m-text-field {
  --m-text-field-item-background-color: transparent;
  --m-text-field-item-text-color: inherit;
}

.m-text-field--inline-colon * {
  display: inline;
}

.m-text-field__label {
  margin-bottom: 1.25rem;
}

@media (min-width: 1025px) {
  .m-text-field__label {
    margin-bottom: 2rem;
  }
}

.m-text-field--inline-colon .m-text-field__label {
  margin-bottom: 0;
}

.m-text-field--inline-colon .m-text-field__label::after {
  content: ' :';
}

.m-text-field--item-custom-background-color .m-text-field__item {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  vertical-align: top;
  background-color: var(--m-text-field-item-background-color);
}

.m-text-field--item-custom-text-color .m-text-field__item {
  color: var(--m-text-field-item-text-color);
}

.m-text-field--item-uppercase .m-text-field__item {
  text-transform: uppercase;
}

.m-text-field__item > *:first-child {
  margin-top: 0;
}

.m-text-field__item > *:last-child {
  margin-bottom: 0;
}