bs-profile-layout {
  /* Profile with User Details */
  /* When wrapped in a link */
}
bs-profile-layout .bs-profile:where([data-layout]),
bs-profile-layout .bs-profile:where([data-layout^="vertical"]) {
  display: grid;
  row-gap: 0.5rem;
}
bs-profile-layout .bs-profile:where([data-layout^="horizontal"]) {
  column-gap: 1rem;
  grid-template-columns: auto 1fr;
  align-items: center;
}
bs-profile-layout a.bs-profile:where([data-layout]) {
  text-decoration: none;
}
bs-profile-layout a.bs-profile:where([data-layout]) .bs-profile-details > *:first-child {
  --profile-name-color: var(--bs-blue-500);
}
bs-profile-layout a.bs-profile:where([data-layout]):hover .bs-profile-details > *:first-child {
  text-decoration: underline;
}
bs-profile-layout .dark a.bs-profile:where([data-layout]) .bs-profile-details > *:first-child {
  --profile-name-color: var(--bs-blue-200);
}