.bp-marquee {
  overflow: hidden;
  display: grid;
  gap: 2rem; }
  @media (min-width: 50em) {
    .bp-marquee {
      gap: 4rem; } }
  .bp-marquee .marquee-row {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap; }
    .bp-marquee .marquee-row:hover .marquee-row-chunk {
      animation-play-state: paused; }
    .bp-marquee .marquee-row .marquee-row-chunk {
      animation-name: marqueeLeft;
      animation-timing-function: linear;
      animation-duration: attr(data-duration) "ms";
      animation-iteration-count: infinite; }
    .bp-marquee .marquee-row.right {
      justify-content: flex-end; }
      .bp-marquee .marquee-row.right .marquee-row-chunk {
        animation-name: marqueeRight; }
  .bp-marquee .marquee-row-chunk {
    display: inline-flex; }
  .bp-marquee .marquee-item {
    display: inline-flex;
    align-items: center;
    text-decoration: none; }
    @media (min-width: 50em) {
      .bp-marquee .marquee-item {
        transition: opacity 300ms ease;
        opacity: 0.25; }
        .bp-marquee .marquee-item:hover, .bp-marquee .marquee-item:focus {
          opacity: 1; } }
    .bp-marquee .marquee-item .marquee-item-image {
      width: 80px;
      height: 80px; }
      @media (min-width: 50em) {
        .bp-marquee .marquee-item .marquee-item-image {
          width: 118px;
          height: 118px; } }
      .bp-marquee .marquee-item .marquee-item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .bp-marquee .marquee-item .marquee-item-text p {
      margin: 0;
      font-size: 28px;
      padding: 0 74px 0 26px; }
      @media (min-width: 50em) {
        .bp-marquee .marquee-item .marquee-item-text p {
          font-size: 48px;
          padding: 0 74px 0 40px; } }

@keyframes marqueeLeft {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }

@keyframes marqueeRight {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }