.customer-styles {
  /* START article: text-image */
  /* END article: text-image */
}

.customer-styles .template_text-image .global-grid {
  align-items: start;
  grid-row-gap: calc(46 * var(--font-size, 1px));
}

@media (min-width: 768px) {
  .customer-styles .template_text-image .global-grid {
    grid-row-gap: calc(80 * var(--font-size, 1px));
  }
}

.customer-styles .template_text-image .left-container {
  grid-column: 1 / 7;
  margin-left: calc(-36 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_text-image .left-container {
    grid-column: 1 / 9;
    grid-row-start: 1;
    margin-left: calc(-5 * var(--font-size));
  }
}

.customer-styles .template_text-image .right-container {
  display: grid;
  grid-column: 1 / 7;
  grid-row-gap: calc(28 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_text-image .right-container {
    grid-column: 10 / 15;
    grid-row-gap: calc(30 * var(--font-size));
  }
}

.customer-styles .template_text-image.swap-columns .left-container {
  margin-left: 0;
  margin-right: calc(-36 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_text-image.swap-columns .left-container {
    margin-right: calc(-5 * var(--font-size));
  }
}

.customer-styles .template_text-image.swap-columns .image-container::after {
  left: auto;
  right: 0;
}

@media (min-width: 768px) {
  .customer-styles .template_text-image.swap-columns .left-container {
    grid-column: 9 / 17;
    margin-left: 0;
    margin-right: calc(-5 * var(--font-size));
  }
  .customer-styles .template_text-image.swap-columns .right-container {
    grid-column: 3 / 8;
  }
}

.customer-styles .template_text-image .image-container {
  aspect-ratio: 16 / 9;
  position: relative;
  width: 100%;
}

.customer-styles .template_text-image .image-container::after {
  background-color: #fbba00;
  content: '';
  height: calc(100% - 50 * var(--font-size));
  left: 0;
  position: absolute;
  top: 0;
  width: calc(15 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_text-image .image-container::after {
    width: 10px;
  }
}

.customer-styles .template_text-image .image-container .image {
  vertical-align: middle;
  width: 100%;
}

.customer-styles .template_text-image .image-container .video {
  width: 100%;
}

.customer-styles .template_text-image .text p b,
.customer-styles .template_text-image .text p strong,
.customer-styles .template_text-image .text b,
.customer-styles .template_text-image .text strong {
  font-weight: 500;
}

.customer-styles .template_text-image .h3 {
  line-height: 1;
}

.customer-styles .template_text-image .button-video-pause {
  background-color: transparent;
  border: 0;
  bottom: calc(10 * var(--font-size));
  cursor: pointer;
  display: grid;
  height: calc(50 * var(--font-size));
  padding: 0;
  position: absolute;
  right: calc(10 * var(--font-size));
  width: calc(50 * var(--font-size));
}

@media (min-width: 768px) {
  .customer-styles .template_text-image .button-video-pause {
    height: calc(32 * var(--font-size));
    width: calc(32 * var(--font-size));
  }
}

.customer-styles .template_text-image .button-video-pause::before, .customer-styles .template_text-image .button-video-pause::after {
  content: '';
  grid-area: 1 / 1 / 2 / 2;
  height: 100%;
  width: 100%;
}

.customer-styles .template_text-image .button-video-pause::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='none' fill='%231a3682' /%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='%23fff' stroke-width='1' fill='none' /%3E%3C/svg%3E%0A");
  opacity: .5;
  transition: opacity .3s;
}

.customer-styles .template_text-image .button-video-pause::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%23fff' stroke-width='3'%3E%3Cline y2='13' transform='translate(19.5 9.5)'/%3E%3Cline y2='13' transform='translate(12.5 9.5)'/%3E%3C/g%3E%3C/svg%3E%0A");
  z-index: 1;
}

.customer-styles .template_text-image .button-video-pause:hover::before, .customer-styles .template_text-image .button-video-pause:focus::before {
  opacity: 1;
}

.customer-styles .template_text-image .video.pause ~ .button-video-pause::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6,0l6,10H0Z' transform='translate(22 10) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.customer-styles .template_text-image .button-container {
  display: flex;
  grid-column: 1 / 7;
  justify-content: center;
}

@media (min-width: 768px) {
  .customer-styles .template_text-image .button-container {
    grid-column: 1 / 17;
  }
}