.quart-leaflet {
  --_background: var(--quart-leaflet--background, var(--background, revert));
  --_color: var(--quart-leaflet--color, var(--text-color, inherit));
  --_vspace: var(--quart-leaflet--vspace, var(--vspace, 96px));
  --_hspace: var(--quart-leaflet--hspace, var(--hspace, 96px));
  --_layout-max-width: var(--quart-leaflet--layout-max-width, 1680px);
  --_content-vspace: var(--quart-leaflet--content-vspace, var(--vspace, 96px));
  --_content-hspace: var(--quart-leaflet--content-hspace, var(--hspace, 96px));
  --_bp1: var(--quart-leaflet--bp1, 800);
  --_media-aspect-ratio: var(--quart-leaflet--media-aspect-ratio, 16/9);
  --_grid-template-columns: var(--quart-leaflet--grid-template-columns, repeat(2, 1fr));
}

.quart-leaflet {
  --width-modifier: quart-leaflet--vertical 0 var(--_bp1), quart-leaflet--horisontal var(--_bp1), var(--_custom-width-modifier, width-modifier);
  position: relative;
  color: var(--_color);
  margin-block: var(--_vspace);
  margin-inline: var(--_hspace);
}
.quart-leaflet--vertical .quart-leaflet__layout {
  --_grid-template-columns: 1fr;
}
.quart-leaflet--vertical .quart-leaflet__media {
  --_media-aspect-ratio: 16/9;
}
.quart-leaflet__layout {
  max-width: var(--_layout-max-width);
  margin-inline: auto;
  background: var(--background);
  display: grid;
  grid-template-columns: var(--_grid-template-columns);
}
.quart-leaflet__content {
  position: relative;
  color: var(--text-color);
  padding-block: var(--_content-vspace);
  padding-inline: var(--_content-hspace);
  align-self: center;
}
.quart-leaflet__media {
  position: relative;
  max-height: 100%;
  max-width: 100%;
  align-self: stretch;
  min-height: 472px;
}
.quart-leaflet__media * {
  position: revert;
}
.quart-leaflet__media img, .quart-leaflet__media svg, .quart-leaflet__media video {
  display: block;
  height: auto;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.quart-leaflet__mc1 {
  margin-block: 500px;
}
.quart-leaflet__mc2 {
  margin-block: -500px;
}
.quart-leaflet.quart-leaflet--horisontal:nth-child(2n) .quart-leaflet__media {
  order: 1;
}