.identity-name {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  max-width: 100%;
}

.identity-name__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mini-reward-badge {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  width: 26.4px;
  height: 29.7px;
  place-items: center;
  vertical-align: middle;
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.28));
}

.mini-reward-badge svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.mini-reward-badge--admin::before,
.mini-reward-badge--admin::after {
  position: absolute;
  width: 5px;
  aspect-ratio: 1;
  content: "";
  background: currentColor;
  clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
  animation: mini-badge-sparkle 1.7s ease-in-out infinite;
}

.mini-reward-badge--admin::before {
  top: -2px;
  right: -3px;
  color: #41e8ff;
}

.mini-reward-badge--admin::after {
  bottom: 1px;
  left: -3px;
  color: #8dcc2c;
  animation-delay: -0.8s;
}

.account-button .mini-reward-badge {
  width: 20.9px;
  height: 23.1px;
}

.auth-account-name.identity-name {
  justify-content: center;
}

.community-post-role {
  flex-basis: 100%;
}

.community-post-header .identity-name,
.community-author .identity-name {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.community-post-header .mini-reward-badge,
.community-author .mini-reward-badge {
  display: inline-grid;
}

.community-post-header .community-post-role {
  display: table;
  margin: 0.35rem 0 0;
}

@keyframes mini-badge-sparkle {
  0%, 100% { opacity: 0.25; transform: scale(0.55) rotate(0); }
  50% { opacity: 1; transform: scale(1.2) rotate(90deg); }
}

@media (prefers-reduced-motion: reduce) {
  .mini-reward-badge--admin::before,
  .mini-reward-badge--admin::after {
    animation: none;
  }
}