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

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

@media (min-width: 1025px) {
  .m-grid-field__label {
    margin-bottom: 2rem;
  }
}
.m-grid-field__item > .o-paragraph,
.m-grid-field__item > .o-paragraph > .o-paragraph__content {
  height: 100%;
}
.m-grid-field > .m-grid-field__items,
.m-grid-field > .h-container > .m-grid-field__items {
  display: grid;
}
.m-grid-field--type-1 > .m-grid-field__items,
.m-grid-field--type-1 > .h-container > .m-grid-field__items {
  gap: 3rem 2rem;
}
@media (min-width: 769px) {
  .m-grid-field--type-1 > .m-grid-field__items,
  .m-grid-field--type-1 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.m-grid-field--type-2 > .m-grid-field__items,
.m-grid-field--type-2 > .h-container > .m-grid-field__items {
  gap: 3rem 2rem;
}
@media (min-width: 769px) {
  .m-grid-field--type-2 > .m-grid-field__items,
  .m-grid-field--type-2 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.m-grid-field--type-3 > .m-grid-field__items,
.m-grid-field--type-3 > .h-container > .m-grid-field__items {
  gap: 4.5rem;
}
@media (min-width: 1025px) {
  .m-grid-field--type-3 > .m-grid-field__items,
  .m-grid-field--type-3 > .h-container > .m-grid-field__items {
    gap: 6.25rem;
  }
}
.m-grid-field--type-4 > .m-grid-field__items,
.m-grid-field--type-4 > .h-container > .m-grid-field__items {
  gap: 3rem 2rem;
}
@media (min-width: 1025px) {
  .m-grid-field--type-4 > .m-grid-field__items,
  .m-grid-field--type-4 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.m-grid-field--type-5 > .m-grid-field__items,
.m-grid-field--type-5 > .h-container > .m-grid-field__items {
  gap: 3rem 2rem;
}
@media (min-width: 769px) {
  .m-grid-field--type-5 > .m-grid-field__items,
  .m-grid-field--type-5 > .h-container > .m-grid-field__items {
    grid-template-columns: auto 21.25rem;
  }
}
@media (min-width: 1025px) {
  .m-grid-field--type-5 > .m-grid-field__items,
  .m-grid-field--type-5 > .h-container > .m-grid-field__items {
    grid-template-columns: auto 26rem;
  }
}
.m-grid-field--type-6 > .m-grid-field__items,
.m-grid-field--type-6 > .h-container > .m-grid-field__items {
  gap: 0.375rem;
}
@media (min-width: 1025px) {
  .m-grid-field--type-6 > .m-grid-field__items,
  .m-grid-field--type-6 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.m-grid-field--type-7 > .m-grid-field__items,
.m-grid-field--type-7 > .h-container > .m-grid-field__items {
  gap: 3rem 2rem;
}
@media (min-width: 481px) {
  .m-grid-field--type-7 > .m-grid-field__items,
  .m-grid-field--type-7 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  .m-grid-field--type-7 > .m-grid-field__items,
  .m-grid-field--type-7 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.m-grid-field--type-8 > .m-grid-field__items,
.m-grid-field--type-8 > .h-container > .m-grid-field__items {
  gap: 3rem 2rem;
}
@media (min-width: 481px) {
  .m-grid-field--type-8 > .m-grid-field__items,
  .m-grid-field--type-8 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  .m-grid-field--type-8 > .m-grid-field__items,
  .m-grid-field--type-8 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1025px) {
  .m-grid-field--type-8
    > .m-grid-field__items
    > .m-grid-field__item:first-child,
  .m-grid-field--type-8
    > .h-container
    > .m-grid-field__items
    > .m-grid-field__item:first-child {
    grid-column: 2;
  }
}
.m-grid-field--type-9 > .m-grid-field__items {
  gap: 2rem;
}
@media (min-width: 769px) {
  .m-grid-field--type-9 > .m-grid-field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  .m-grid-field--type-9 > .m-grid-field__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.m-grid-field--type-10 > .m-grid-field__items,
.m-grid-field--type-10 > .h-container > .m-grid-field__items {
  gap: 2rem;
}
@media (min-width: 769px) {
  .m-grid-field--type-10 > .m-grid-field__items,
  .m-grid-field--type-10 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1025px) {
  .m-grid-field--type-10 > .m-grid-field__items,
  .m-grid-field--type-10 > .h-container > .m-grid-field__items {
    grid-template-columns: repeat(4, 1fr);
  }
}