.o-mwt {
  --image-order: 1;
  --content-order: 2;
  --mwt-gap: calc(var(--grid-gap) / 2);
  --image-margin-top: 0;
  --image-margin-bottom: 0;
  --image-min-height: auto;
  --image-position: center;
  margin-top: calc(var(--image-margin-top) * -1);
  margin-bottom: calc(var(--image-margin-bottom) * -1);
}
.o-mwt[data-media-breakout=true] {
  --image-margin-top: calc(var(--padding-block-start-mobile) * -2);
}
@media screen and (min-width: 768px) {
  .o-mwt[data-media-breakout=true] {
    --image-margin-top: calc(var(--padding-block-start-desktop) * -2);
  }
}
.o-mwt[data-media-breakout=true][data-media-stack=bottom] {
  --image-margin-top: 0;
  --image-margin-bottom: calc(var(--padding-block-end-mobile) * -2);
}
@media screen and (min-width: 768px) {
  .o-mwt[data-media-breakout=true][data-media-stack=bottom] {
    --image-margin-top: calc(var(--padding-block-start-desktop) * -2);
    --image-margin-bottom: 0;
  }
}
.o-mwt[data-media-stack=bottom] {
  --image-order: 2;
  --content-order: 1;
}
.o-mwt__media-position--left, .o-mwt__media-position--right {
  order: var(--image-order);
}
.o-mwt__media-position--left .o-mwt__image--small {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .o-mwt__media-position--left {
    --image-order: 1;
    --image-position: start;
    padding-right: var(--mwt-gap);
  }
  .o-mwt__media-position--right {
    --image-order: 2;
    --image-position: end;
    padding-left: var(--mwt-gap);
  }
}
.o-mwt__content-position--left, .o-mwt__content-position--right {
  order: var(--content-order);
}
@media screen and (min-width: 768px) {
  .o-mwt__content-position--left {
    --content-order: 1;
    padding-right: var(--mwt-gap);
  }
  .o-mwt__content-position--right {
    --content-order: 2;
    padding-left: var(--mwt-gap);
  }
}
.o-mwt__content {
  max-width: var(--content-max-width, 100%);
}
.o-mwt__image {
  margin-top: var(--image-margin-top);
  margin-bottom: var(--image-margin-bottom);
  display: flex;
  justify-content: var(--image-position);
}
.o-mwt__image img {
  width: 100%;
  max-width: min(var(--image-max-width, 100%), 100%);
  height: auto;
  display: block;
  margin: 0;
}
.o-mwt__image--small {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .o-mwt__image--small {
    width: 50%;
    z-index: 2;
    transform: translateY(-10rem);
    margin-bottom: -10rem;
    margin-top: 0;
  }
}
.o-mwt__image--small img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .o-mwt__inner:not(.o-section__constrict) .o-mwt__content-position--right,
  .o-mwt__inner:not(.o-section__constrict) .o-mwt__content-position--left {
    margin-right: auto;
    margin-left: auto;
    max-width: var(--layout-container-width);
    padding-right: var(--layout-site-padding);
    padding-left: var(--layout-site-padding);
    width: 100%;
  }
}
.o-mwt__inner--media-outside-container img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .o-mwt__inner--media-outside-container .o-mwt__content-position--right {
    margin-right: auto;
    max-width: calc(var(--layout-container-width) / 2);
    padding-right: var(--layout-site-padding);
  }
}
@media screen and (min-width: 768px) {
  .o-mwt__inner--media-outside-container .o-mwt__content-position--left {
    margin-left: auto;
    max-width: calc(var(--layout-container-width) / 2);
    padding-left: var(--layout-site-padding);
  }
}
@media screen and (min-width: 768px) {
  .o-mwt__inner--fw .o-mwt__content-position--right {
    padding-right: var(--layout-site-padding);
  }
}
@media screen and (min-width: 768px) {
  .o-mwt__inner--fw .o-mwt__content-position--left {
    padding-left: var(--layout-site-padding);
  }
}
@media screen and (min-width: 768px) {
  .o-mwt__media-two-images .o-mwt__image {
    width: 83.33%;
  }
}
.o-mwt__media-two-images.o-mwt__media-position--right .o-mwt__image {
  margin-left: auto;
}
.o-mwt__media-two-images.o-mwt__media-position--left .o-mwt__image {
  margin-right: auto;
}