/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */
.h-container--bg-primary {
  background-color: var(--color-background-primary);
}
.h-container--bg-secondary {
  background-color: var(--color-background-secondary);
}
.h-container:where([class*='h-container--w-']) {
  display: grid;
}
@media (min-width: 1025px) {
  .h-container:where([class*='h-container--w-']) {
    justify-content: center;
  }
}
@media (min-width: 1025px) {
  .h-container--w-1 {
    grid-template-columns: repeat(auto-fit, minmax(0.0625rem, 71.25rem));
  }
}
@media (min-width: 1025px) {
  .h-container--w-2 {
    grid-template-columns: repeat(auto-fit, minmax(0.0625rem, 46.875rem));
  }
}
@media (min-width: 1025px) {
  .h-container--w-3 {
    grid-template-columns: repeat(auto-fit, minmax(0.0625rem, 65rem));
  }
}
@media (min-width: 1025px) {
  .h-container--w-4 {
    grid-template-columns: repeat(auto-fit, minmax(0.0625rem, 90rem));
  }
}
.h-container--hp-1 {
  padding-inline: var(--layout-horizontal-gap);
}
.h-container--hp-2 {
  padding-inline: var(--layout-horizontal-gap-2);
}
.h-container--hp-3 {
  padding-inline: var(--layout-horizontal-gap-3);
}
.h-container--vp-1 {
  padding-block: 1rem;
}
@media (min-width: 1025px) {
  .h-container--vp-1 {
    padding-block: 2.5rem;
  }
}
.h-container--vp-2 {
  padding-block: 2rem;
}
@media (min-width: 1025px) {
  .h-container--vp-2 {
    padding-block: 4.5rem;
  }
}
.h-container--vp-3 {
  padding-block: 2.5rem;
}
.h-container--vp-4 {
  padding-block: 0.75rem;
}
.h-container--vp-5 {
  padding-block: 1rem;
}
@media (min-width: 1025px) {
  .h-container--vp-5 {
    padding-block: 1.5rem;
  }
}
.h-container--vp-6 {
  padding-block: 2rem;
}
.h-container--vp-7 {
  padding-block: 2rem;
}
@media (min-width: 1025px) {
  .h-container--vp-7 {
    padding-block: 3rem;
  }
}
.h-container--vp-8 {
  padding-block: 2rem;
}
@media (min-width: 1025px) {
  .h-container--vp-8 {
    padding-block: 2.5rem;
  }
}
.h-container--vp-9 {
  padding-block: 2rem;
}
@media (min-width: 1025px) {
  .h-container--vp-9 {
    padding-block: 3.5rem;
  }
}
.h-container--vp-10 {
  padding-block: 1.5rem;
}
@media (min-width: 1025px) {
  .h-container--vp-10 {
    padding-block: 2rem;
  }
}
.h-container--vp-11 {
  padding-block: 0.5rem 1.5rem;
}
@media (min-width: 1025px) {
  .h-container--vp-11 {
    padding-block-end: 2rem;
  }
}
.h-container--vp-12 {
  padding-block: 2rem;
}
@media (min-width: 1025px) {
  .h-container--vp-12 {
    padding-block: 3rem 4rem;
  }
}
.h-container--vp-13 {
  padding-block: 1rem 2rem;
}
@media (min-width: 1025px) {
  .h-container--vp-13 {
    padding-block: 2.5rem;
  }
}
.h-container--vp-14 {
  padding-block: 1.875rem;
}
@media (min-width: 1025px) {
  .h-container--vp-14 {
    padding-block: 2.5rem;
  }
}
.h-container--vp-15 {
  padding-block: 1rem 2rem;
}
@media (min-width: 1025px) {
  .h-container--vp-15 {
    padding-block: 1.25rem 2.5rem;
  }
}
.h-container--vp-16 {
  padding-block: 1rem 1.5rem;
}
@media (min-width: 1025px) {
  .h-container--vp-16 {
    padding-block: 2.5rem;
  }
}