.layout-contained {
  max-width: var(--anrt-width-content-area);
  margin-inline: auto;
}

.layout-contained--tablet-s {
  max-width: var(--anrt-width-tablet-s);
}

.layout-contained--tablet-l {
  max-width: var(--anrt-width-tablet-l);
}

.layout-contained--desktop-s {
  max-width: var(--anrt-width-desktop-s);
}

.layout-contained--desktop-l {
  max-width: var(--anrt-width-desktop-l);
}

.layout-contained--desktop-xl {
  max-width: var(--anrt-width-desktop-xl);
}

.layout-contained--full-container {
  max-width: var(--anrt-width-full-container);
}

.layout-contained--full-screen {
  max-width: var(--anrt-width-full-screen);
}

.layout-contained--left {
  margin-left: 0;
}

.layout-contained--right {
  margin-right: 0;
}

.layout-contained--content-s {
  max-width: var(--anrt-width-content-s);
}
.layout-contained--webform-item {
  /* max-width: 37.5rem; */
  max-width: var(--anrt-width-content-s);
}

.margin-bottom {
  margin-bottom: var(--anrt-spacing-100);
}

/* Grid Container */
.anrt-grid,
.view--grid .view-content {
  display: grid;
  gap: var(--anrt-grid-gap);
  grid-template-columns: repeat(var(--anrt-grid-columns), 1fr);
}

.anrt-grid--gap-none {
  gap: var(--anrt-grid-gap-none);
}

.anrt-grid--gap-small {
  gap: var(--anrt-grid-gap-small);
}

.anrt-grid--gap-large {
  gap: var(--anrt-grid-gap-large);
}

.anrt-grid--centered {
  align-items: center;
  justify-items: center;
}

/* Grid Columns */
.anrt-grid-item--one-quarter,
.anrt-grid-item--one-third,
.anrt-grid-item--one-half,
.anrt-grid-item--two-thirds,
.anrt-grid-item--three-quarters,
.anrt-grid--quarters>*,
.view--grid-quarters .views-row,
.anrt-grid--thirds>*,
.view--grid-thirds .views-row,
.anrt-grid--halves>*,
.view--grid-halves .views-row,
.anrt-grid--full>*,
.view--grid-full .views-row,
.anrt-grid-item--full {
  grid-column: span var(--anrt-grid-columns);
}

@media screen and (min-width: 48rem) {

  /* Grid Columns */
  .anrt-grid--quarters>*,
  .view--grid-quarters .views-row,
  .anrt-grid--thirds>*,
  .view--grid-thirds .views-row,
  .anrt-grid--halves>*,
  .view--grid-halves .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 2);
  }

  .anrt-grid-item--one-quarter {
    grid-column: span calc(var(--anrt-grid-columns) / 4);
  }

  .anrt-grid-item--one-third {
    grid-column: span calc(var(--anrt-grid-columns) / 3);
  }

  .anrt-grid-item--one-half {
    grid-column: span calc(var(--anrt-grid-columns) / 2);
  }

  .anrt-grid-item--two-thirds {
    grid-column: span calc(var(--anrt-grid-columns) / 3 * 2);
  }

  .anrt-grid-item--three-quarters {
    grid-column: span calc(var(--anrt-grid-columns) / 4 * 3);
  }
}

@media screen and (min-width: 1180px) {

  /* Grid Columns */
  .anrt-grid--quarters>*,
  .view--grid-quarters .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 4);
  }

  .anrt-grid--thirds>*,
  .view--grid-thirds .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 3);
  }

  .anrt-grid--halves>*,
  .view--grid-halves .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 2);
  }
}

.padding {
  padding: var(--anrt-spacing-100);
}

.padding-horizontal {
  padding-right: var(--anrt-spacing-100);
  padding-left: var(--anrt-spacing-100);
}