.np-notification-dot {
  --np-notification-dot-size: 14px;
  position: relative;
  display: inline-block;
}
.np-notification-dot-mask {
  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-notification-dot-size) / 2)) left calc(100% - (var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
          mask-image: radial-gradient(circle at bottom calc(100% - (var(--np-notification-dot-size) / 2)) left calc(100% - (var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
  -webkit-mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-notification-dot-size) / 2)) left calc(100% - calc(var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
          mask-image: radial-gradient(circle at bottom calc(100% - calc(var(--np-notification-dot-size) / 2)) left calc(100% - calc(var(--np-notification-dot-size) / 2)), transparent 0, transparent calc(var(--np-notification-dot-size) / 2 + var(--np-notification-dot-offset)), black 0);
}
.np-notification-dot-badge {
  position: absolute;
  width: var(--np-notification-dot-size);
  height: var(--np-notification-dot-size);
  background-color: var(--color-sentiment-negative);
  border-radius: 9999px;
  border-radius: var(--radius-full);
  right: 0;
}
.np-avatar-view .np-avatar-view-content {
  color: var(--color-interactive-primary);
}
.np-avatar-view-interactive {
  cursor: pointer;
}
.np-avatar-view-interactive .np-circle {
  background-color: rgba(134,167,189,0.10196);
  background-color: var(--color-background-neutral);
}
.np-avatar-view-interactive:hover {
  background-color: var(--color-background-neutral-hover);
}
.np-avatar-view-interactive:active {
  background-color: var(--color-background-neutral-active);
}
.np-avatar-view-non-interactive .np-circle {
  background-color: transparent;
}
.np-avatar-view-non-interactive .np-avatar-view-content .wds-flag {
  box-shadow: none;
}
