.has-background-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

:is(.paragraph--type--colonnes, .paragraph--type--container) {
  --layout-margin-bottom: 0;
  --layout-margin-bottom-mobile: 0;
  --layout-margin-left: 0;
  --layout-margin-left-mobile: 0;
  --layout-margin-right: 0;
  --layout-margin-right-mobile: 0;
  --layout-margin-top: 0;
  --layout-margin-top-mobile: 0;
  --layout-padding-bottom: 6rem;
  --layout-padding-bottom-mobile: 3rem;
  --layout-padding-left: 0;
  --layout-padding-left-mobile: 0;
  --layout-padding-right: 0;
  --layout-padding-right-mobile: 0;
  --layout-padding-top: 6rem;
  --layout-padding-top-mobile: 3rem;
}

:is(.paragraph--type--colonnes, .paragraph--type--container) .paragraph--type--container {
  --layout-padding-bottom: 0;
  --layout-padding-bottom-mobile: 0;
  --layout-padding-left: 0;
  --layout-padding-left-mobile: 0;
  --layout-padding-right: 0;
  --layout-padding-right-mobile: 0;
  --layout-padding-top: 0;
  --layout-padding-top-mobile: 0;
}

:is(.paragraph--type--colonnes, .paragraph--type--container).has-background-video {
  position: relative;
}

.paragraph--type--container.has-custom-border-radius {
  overflow: hidden;
}

:is(.paragraph--type--colonnes, .paragraph--type--container) > .oklahoma-background-video {
  height: 100%;
  inset: 0;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 0;
}

:is(.paragraph--type--colonnes, .paragraph--type--container).has-background-video > .layout {
  position: relative;
  z-index: 1;
}

.paragraph--type--container.has-columns-flex-direction > .layout{
  flex-direction: var(--columns-flex-direction-mobile, var(--columns-flex-direction));
}

.paragraph--type--container.has-columns-flex-wrap > .layout{
  flex-wrap: var(--columns-flex-wrap-mobile, var(--columns-flex-wrap));
}

.paragraph--type--container.has-columns-display > .layout{
  display: var(--columns-display-mobile, var(--columns-display));
}

.paragraph--type--container.has-columns-grid-columns > .layout{
  grid-template-columns: var(--columns-grid-columns-mobile, var(--columns-grid-columns));
}

.paragraph--type--container.has-columns-grid-rows > .layout{
  grid-template-rows: var(--columns-grid-rows-mobile, var(--columns-grid-rows));
}

.paragraph--type--container.has-columns-items-gap > .layout {
  gap: var(--columns-items-gap-mobile, var(--columns-items-gap));
}

.paragraph--type--container.has-columns-align-items > .layout {
  align-items: var(--columns-align-items-mobile, var(--columns-align-items));
}

.paragraph--type--container.has-columns-justify-content > .layout {
  justify-content: var(--columns-justify-content-mobile, var(--columns-justify-content));
}

.paragraph--type--container .paragraph--type--container.has-grid-column-span {
  grid-column: var(--grid-column-span);
}

.paragraph--type--container .paragraph--type--container.has-grid-row-span {
  grid-row: var(--grid-row-span);
}

:is(.paragraph--type--colonnes, .paragraph--type--container) > .layout{
  padding-left: var(--layout-padding-left-mobile);
  padding-right: var(--layout-padding-right-mobile);
  padding-top: var(--layout-padding-top-mobile);
  padding-bottom: var(--layout-padding-bottom-mobile);
}

.paragraph.has-layout-margin {
  margin-top: var(--layout-margin-top-mobile, var(--layout-margin-top));
  margin-right: var(--layout-margin-right-mobile, var(--layout-margin-right));
  margin-bottom: var(--layout-margin-bottom-mobile, var(--layout-margin-bottom));
  margin-left: var(--layout-margin-left-mobile, var(--layout-margin-left));
}

.paragraph--type--colonnes.has-layout-height > .layout {
  min-height: var(--layout-min-height-mobile);
}

.paragraph--type--container.has-layout-height > .layout{
  min-height: var(--layout-min-height-mobile);
}

.paragraph--type--colonnes.has-layout-width > .layout {
  margin-inline: auto;
  max-width: var(--layout-max-width-mobile, var(--layout-max-width));
  width: 100%;
}

.paragraph--type--container.has-layout-width > .layout{
  margin-inline: auto;
  max-width: var(--layout-max-width-mobile, var(--layout-max-width));
  width: 100%;
}

@media (min-width: 640px) {
  :is(.paragraph--type--colonnes, .paragraph--type--container) > .layout{
    padding-left: var(--layout-padding-left);
    padding-right: var(--layout-padding-right);
    padding-top: var(--layout-padding-top);
    padding-bottom: var(--layout-padding-bottom);
  }

  .paragraph--type--colonnes.has-layout-height-desktop > .layout {
    min-height: var(--layout-min-height);
  }

  .paragraph--type--container.has-layout-height-desktop > .layout {
    min-height: var(--layout-min-height);
  }

  .paragraph.has-layout-margin {
    margin-top: var(--layout-margin-top);
    margin-right: var(--layout-margin-right);
    margin-bottom: var(--layout-margin-bottom);
    margin-left: var(--layout-margin-left);
  }

  :is(.paragraph--type--colonnes, .paragraph--type--container).has-layout-width-desktop > .layout {
    max-width: var(--layout-max-width);
  }

  .paragraph--type--container.has-columns-flex-direction-desktop > .layout > .layout__region {
    flex-direction: var(--columns-flex-direction);
  }

  .paragraph--type--container.has-columns-flex-wrap-desktop > .layout .layout__region {
    flex-wrap: var(--columns-flex-wrap);
  }

  .paragraph--type--container.has-columns-display-desktop > .layout {
    display: var(--columns-display);
  }

  .paragraph--type--container.has-columns-grid-columns-desktop > .layout {
    grid-template-columns: var(--columns-grid-columns);
  }

  .paragraph--type--container.has-columns-grid-rows-desktop > .layout {
    grid-template-rows: var(--columns-grid-rows);
  }

  .paragraph--type--container.has-columns-items-gap-desktop > .layout {
    gap: var(--columns-items-gap);
  }

  .paragraph--type--container.has-columns-align-items-desktop > .layout {
    align-items: var(--columns-align-items);
  }

  .paragraph--type--container.has-columns-justify-content-desktop > .layout {
    justify-content: var(--columns-justify-content);
  }
}

.paragraph--type--colonnes .layout__region:empty{
  visibility: hidden;
}

.paragraph--type--image.ok-image--ratio-landscape-4-3,
.paragraph--type--image.ok-image--ratio-square,
.paragraph--type--image.ok-image--ratio-portrait-4-5 {
  overflow: hidden;
}

.paragraph--type--image.ok-image--ratio-landscape-4-3 {
  aspect-ratio: 4 / 3;
}

.paragraph--type--image.ok-image--ratio-square {
  aspect-ratio: 1;
}

.paragraph--type--image.ok-image--ratio-portrait-4-5 {
  aspect-ratio: 4 / 5;
}

.paragraph--type--image:is(
  .ok-image--ratio-landscape-4-3,
  .ok-image--ratio-square,
  .ok-image--ratio-portrait-4-5
) img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.layout__region:has(> .paragraph--type--image.ok-image--fill-column) {
  position: relative;
  height: 100%;
}

.layout__region > .paragraph--type--image.ok-image--fill-column {
  height: 100%;
  inset: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.paragraph--type--image.ok-image--fill-column img {
  height: 100%;
  max-width: none;
  object-fit: cover;
  width: 100%;
}

.paragraph--type--image.ok-image--focal-top-left img {
  object-position: left top;
}

.paragraph--type--image.ok-image--focal-top-center img {
  object-position: center top;
}

.paragraph--type--image.ok-image--focal-top-right img {
  object-position: right top;
}

.paragraph--type--image.ok-image--focal-center-left img {
  object-position: left center;
}

.paragraph--type--image.ok-image--focal-center img {
  object-position: center;
}

.paragraph--type--image.ok-image--focal-center-right img {
  object-position: right center;
}

.paragraph--type--image.ok-image--focal-bottom-left img {
  object-position: left bottom;
}

.paragraph--type--image.ok-image--focal-bottom-center img {
  object-position: center bottom;
}

.paragraph--type--image.ok-image--focal-bottom-right img {
  object-position: right bottom;
}

@media (prefers-reduced-motion: reduce) {
  :is(.paragraph--type--colonnes, .paragraph--type--container) > .oklahoma-background-video {
    display: none;
  }
}