.page-user {
  padding: 32px 0;
}

.page-user .user {
  display: flex;
  gap: 8px;
  padding-bottom: 16px;
}

.page-user .user h1 {
  line-height: 0.99;
}

.page-user .user-image,
.page-user .user-image-skeleton {
  width: 4.5rem;
  height: 4.5rem;
}

.page-user .post-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-user .user-image-skeleton,
.page-user .user-username-skeleton,
.page-user .user-bio-skeleton,
.page-user .user-registered-skeleton {
  background: var(--skeleton-background);
  animation: var(--skeleton-animation);
}

.page-user .user-username-skeleton {
  width: 8rem;
  height: 1.75rem;
}

.page-user .user-bio-skeleton {
  width: 14rem;
  height: 1.25rem;
}

.page-user .user-registered-skeleton {
  width: 6rem;
  height: 1rem;
}

.page-user .user-skeleton .user-details {
  gap: 4px;
  display: flex;
  flex-direction: column;
}