*
 * Styles for the Profile Widget table.
 * All class names are prefixed with 'profile_widget' to ensure uniqueness.
 */

/* Main Card Container */
.profile_widget_table {
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  max-width: 32rem;
  margin: 2rem auto;
}

/* Table Cells for Image and Content */
.profile_widget_img_cell {
  width: 25%;
  vertical-align: top;
  text-align: left;
}

.profile_widget_content_cell {
  width: 75%;
  vertical-align: top;
  text-align: left;
  background-color: white;
}

/* Styles for the text within the card */
.profile_widget_content {
  line-height: 1.2em; /* This is the key to bringing the text closer */
}

.profile_widget_name {
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

.profile_widget_handle {
  font-size: 12px;
  color: #000;
  line-height: 1.2em;
}

.profile_widget_views {
  font-size: 11px;
  color: #555555;
  line-height: 1.2em;
}

.profile_widget_bio_link {
  font-size: 11px;
  color: #000;
}

.profile_widget_info {
  line-height: 1.2em;
}

/* --- Modal Styles --- */

.modal {
  display: none;
}