/* Directory avatars: reserve the same cover row with or without an uploaded banner. */
.communities-page .organization-card > .community-card-cover {
  display:block!important;
  height:130px;
  min-height:130px;
  flex:0 0 130px;
  width:calc(100% + 36px);
  margin:0 -18px -28px;
}
.communities-page .organization-card > .community-card-cover:not(.has-cover) {
  background:linear-gradient(135deg,color-mix(in srgb,var(--text) 5%,transparent),transparent 75%)!important;
}
.communities-page .organization-card > :is(.org-avatar,.team-avatar) {
  box-sizing:border-box;
  display:grid;
  place-items:center;
  width:80px;
  height:80px;
  min-width:80px;
  min-height:80px;
  flex:0 0 80px;
  align-self:flex-start;
  margin:0 0 14px;
  position:relative;
  z-index:1;
  object-fit:cover;
}
/* Reveal the card as one unit; its cover must not slide across the avatar. */
html body .communities-page .organization-card > :is(.community-card-cover,.org-avatar,.team-avatar).lfx-r {
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto;
}
.communities-page .organization-card > :is(.org-avatar,.team-avatar) {
  background-color:var(--panel-strong,#183a2e)!important;
  background-image:none!important;
  color:var(--text);
}