.u_carousel_overview {
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: #000 #fff;
  -webkit-overflow-scrolling: touch;
}

.u_carousel_overview::-webkit-scrollbar {
  width: 8px;
}

.u_carousel_overview::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 20px;
  border: 3px solid #fff;
}

.u_carousel_overview::-webkit-scrollbar-track {
  background-color: #fff;
}

.carousel_tile_div {
  width: 20% !important;
}

.carousel_tile_img {
  width: 90% !important;
}

.carousel_tile_name,
.carousel_tile_followers,
.carousel_tile_imported_at,
.carousel_tile_gender_score,
.carousel_tile_nr_worldwide,
.carousel_tile_last_login,
.carousel_tile_login_count,
.carousel_tile_nr_searches,
.carousel_tile_total_donations,
.carousel_tile_internal_id {
  font-size: 20px !important;
  margin-bottom: 0 !important;
}

.carousel_tile_location {
  color: coral;
  font-size: 20px !important;
  margin-bottom: 0 !important;
  white-space: break-spaces;
  /* Prevents line breaks within the location string */
  overflow: hidden;
  /* Hides any overflow of the location string */
  text-overflow: ellipsis;
  /* Displays an ellipsis (...) at the end of the location string if it overflows */
  max-width: 150px;
  /* Limits the width of the location string to prevent it from expanding and overflowing the container */
  height: 150px;
}

.carousel_tile_follower_changes {
  margin-bottom: 0 !important;
  white-space: break-spaces;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.carousel_tile_follower_changes>span {
  font-size: 20px !important;
}



@media (max-width: 768px) {
  .carousel_tile_div {
    width: 45% !important;
  }

  .carousel_tile_img {
    width: 90% !important;
  }

  .carousel_tile_name {
    font-size: 14px !important;
    margin-bottom: 0 !important;
  }

  .carousel_tile_name,
  .carousel_tile_followers,
  .carousel_tile_imported_at,
  .carousel_tile_gender_score,
  .carousel_tile_nr_worldwide,
  .carousel_tile_last_login,
  .carousel_tile_login_count,
  .carousel_tile_nr_searches,
  .carousel_tile_total_donations,
  .carousel_tile_internal_id {
    font-size: 12px !important;
    margin-bottom: 0 !important;
  }

  .carousel_tile_location {
    font-size: 12px !important;
    color: coral;
    margin-bottom: 0 !important;
    white-space: break-spaces;
    /* Prevents line breaks within the location string */
    overflow: hidden;
    /* Hides any overflow of the location string */
    text-overflow: ellipsis;
    /* Displays an ellipsis (...) at the end of the location string if it overflows */
    max-width: 150px;
    /* Limits the width of the location string to prevent it from expanding and overflowing the container */
    height: 100px;
  }

  .carousel_tile_follower_changes {
    font-size: 12px !important;
  }

  .carousel_tile_follower_changes>span {
    font-size: 12px !important;
  }

}