.mts-media-text-split {
  clear: both;
  display: flex;
  grid-template: 1fr/repeat(1, 1fr);
  grid-gap: 25px;
  padding: 0 var(--space-6) var(--space-6) var(--space-6);
  padding-bottom: 0; }
  .mts-media-text-split-wrapper {
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: cover;
    background-color: var(--calcite-ui-background); }
  @supports (display: grid) {
    .mts-media-text-split {
      display: grid; } }
  @media (min-width: 768px) {
    .mts-media-text-split {
      grid-template: 1fr/repeat(1, 1fr);
      grid-gap: 35px; } }
  @media (min-width: 1024px) {
    .mts-media-text-split {
      grid-template: 1fr/repeat(2, 1fr);
      grid-gap: 25px;
      max-width: 1440px;
      margin: 0 auto;
      min-height: 480px; }
      .mts-media-text-split[data-direction='right'] {
        flex-direction: row-reverse; }
        .mts-media-text-split[data-direction='right'] .mts-text-wrap {
          grid-column: 2 / -1;
          grid-row: 1 / -1; }
        .mts-media-text-split[data-direction='right'] .mts-media-wrap {
          grid-column: 1 / 2;
          grid-row: 1 / -1; } }
  @media (min-width: 1440px) {
    .mts-media-text-split {
      min-height: 420px; } }
  .mts-media-text-split .mts-text-wrap {
    margin-top: var(--space-6);
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .mts-media-text-split .mts-text-wrap {
        margin: auto;
        width: 80%; } }
    @media (min-width: 1024px) {
      .mts-media-text-split .mts-text-wrap {
        width: 100%; } }
    .mts-media-text-split .mts-text-wrap .mts-text--content {
      text-align: center;
      padding: var(--space-3) 0 0 0; }
      @media (min-width: 1024px) {
        .mts-media-text-split .mts-text-wrap .mts-text--content {
          text-align: start;
          padding-bottom: var(--space-6);
          padding-inline-start: var(--space-8); } }
      @media (min-width: 1440px) {
        .mts-media-text-split .mts-text-wrap .mts-text--content {
          left: 50%;
          padding-inline-start: var(--space-16);
          position: absolute;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 100%; } }
      .mts-media-text-split .mts-text-wrap .mts-text--content img,
      .mts-media-text-split .mts-text-wrap .mts-text--content svg {
        width: 48px;
        height: auto; }
      @media (max-width: 1024px) {
        .mts-media-text-split .mts-text-wrap .mts-text--content .richtext-container ul,
        .mts-media-text-split .mts-text-wrap .mts-text--content .richtext-container ol {
          text-align: start; } }
    @media (min-width: 768px) {
      .mts-media-text-split .mts-text-wrap .mts-text--buttons {
        grid-gap: 15px; } }
    .mts-media-text-split .mts-text-wrap .mts-text--buttons calcite-button {
      padding-inline-end: var(--space-3); }
  .mts-media-text-split .mts-text-wrap .mts-text--content .richtext-container ul li a,
  .mts-media-text-split .mts-text-wrap .mts-text--content .richtext-container ol li a {
    color: var(--calcite-ui-brand); }
    .mts-media-text-split .mts-text-wrap .mts-text--content .richtext-container ul li a:hover,
    .mts-media-text-split .mts-text-wrap .mts-text--content .richtext-container ol li a:hover {
      color: var(--calcite-ui-brand-hover); }
  .mts-media-text-split .mts-media-wrap {
    max-height: 547px;
    position: relative;
    width: 100%;
    margin-top: var(--space-5);
    display: grid;
    align-items: end; }
    @media (min-width: 1024px) {
      .mts-media-text-split .mts-media-wrap {
        align-items: center; } }
    @media (min-width: 1260px) {
      .mts-media-text-split .mts-media-wrap {
        margin-top: var(--space-20);
        align-items: end; } }
    @media (min-width: 1024px) {
      .mts-media-text-split .mts-media-wrap.adjust-for-gif {
        text-align: start;
        overflow: hidden; } }
    .mts-media-text-split .mts-media-wrap img.is-gif,
    .mts-media-text-split .mts-media-wrap img.is-media-img {
      max-height: 100%;
      display: block;
      margin: 0 auto;
      min-height: 170px;
      object-fit: contain; }
      @media (min-width: 640px) {
        .mts-media-text-split .mts-media-wrap img.is-gif,
        .mts-media-text-split .mts-media-wrap img.is-media-img {
          max-height: 547px;
          width: 100%; } }
    .mts-media-text-split .mts-media-wrap .mts-media-player {
      background: var(--calcite-ui-text-2);
      display: block;
      min-height: 170px;
      width: inherit;
      position: relative;
      margin: auto; }
      @media (min-width: 600px) {
        .mts-media-text-split .mts-media-wrap .mts-media-player {
          width: 100%;
          min-height: 355px; } }
      .mts-media-text-split .mts-media-wrap .mts-media-player calcite-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
