.prc-infinite-card-section {
  .prc-infinite-card__paginator {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: $background-default;
    color: $text-dark;
    font-family: $font-family-primary;
    font-size: $font-size-lg;
    font-weight: $font-weight-medium;
    line-height: $line-height-lg;
    padding: $space-md;
    text-align: end;
  }

  .prc-infinite-card-container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background-color: $background-secondary;
    padding: $space-md;
    gap: $space-md;
    justify-content: center;

    .prc-infinite-card {
      border: none;
      border-radius: $border-radius-md;
      flex: 0 0 100%;
      position: relative;
      padding: $space-sm;
      @media (min-width: $breakpoint-sm) {
        max-width: 435px;
      }
      @media (min-width: $breakpoint-md) {
      }
      @media (min-width: $breakpoint-lg) {
      }
      @media (min-width: $breakpoint-xl) {
        flex: 0 0 calc((100% - $space-md * 2) / 3);
      }
      .prc-infinite-body {
        max-height: 250px;
        overflow-y: auto;
      }
      .prc-infinite-card__title {
        cursor: pointer;
        font-family: IBM Plex Sans;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        color: rgb(38, 102, 227);
      }

      .prc-infinite-card__bodyrow {
        display: flex;
        gap: 0 $space-lg;
        align-items: flex-start;
        .prc-infinite-card__key {
          color: $text-secondary;
          font-family: $font-family-primary;
          font-size: $font-size-md;
          line-height: $line-height-md;
          font-weight: $font-weight-medium;
          flex-shrink: 0;
        }

        .prc-infinite-card__value {
          color: $text-secondary;
          font-family: $font-family-primary;
          font-size: $font-size-md;
          line-height: $line-height-md;
          font-weight: $font-weight-regular;
          word-break: break-all;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }
  }

  .prc-infinite-card__footer {
    display: flex;
    padding: $space-md;
    color: $text-dark;
    font-family: $font-family-primary;
    font-size: $font-size-lg;
    font-weight: $font-weight-medium;
    line-height: $line-height-lg;
    text-align: center;
    justify-content: center;
  }
}
