.ModelAvatar {
  cursor: pointer;
  font-size: 13px;
  text-align: center; }
  .ModelAvatar a {
    text-decoration: none; }
  .ModelAvatar__name {
    color: var(--COLOR_PRIMARY_TEXT, white);
    white-space: nowrap; }
  .ModelAvatar--size-adaptive {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative; }
    .ModelAvatar--size-adaptive img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      bottom: 0; }
  .ModelAvatar--size-large img {
    width: 120px;
    height: 120px; }
  .ModelAvatar--size-medium img {
    width: 90px;
    height: 90px; }
  .ModelAvatar--size-small img {
    width: 60px;
    height: 60px; }
  .ModelAvatar--size-extra-small img {
    width: 45px;
    height: 45px; }
  .ModelAvatar--size-tiny img {
    width: 30px;
    height: 30px; }
  .ModelAvatar img {
    border-radius: 50%;
    object-fit: cover; }
  @media (max-width: 959px) {
    .ModelAvatar--size-large img {
      width: 92px;
      height: 92px; } }

@keyframes scaleanimation {
  0% {
    transform: scale(1);
    transform-origin: center; }
  100% {
    transform: scale(1.5);
    transform-origin: center; } }

@keyframes scaleanimation2 {
  0% {
    transform: scale(1);
    transform-origin: center; }
  100% {
    transform: scale(2);
    transform-origin: center; } }

@keyframes signalanimation {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.75; }
  50% {
    opacity: 0.50; }
  75% {
    opacity: 0.25; }
  100% {
    opacity: 0; } }

.SuperBuzzIconAnimated {
  overflow: visible;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px; }
  .SuperBuzzIconAnimated__svg {
    overflow: visible;
    width: 12px;
    height: 12px; }
  .SuperBuzzIconAnimated .waves {
    animation: signalanimation .5s 1,  scaleanimation .5s 1;
    animation-direction: alternate-reverse;
    fill: var(--THEME_INVERTED, #fff); }
    .SuperBuzzIconAnimated .waves:nth-child(1), .SuperBuzzIconAnimated .waves:nth-child(3) {
      animation-delay: 100ms; }
    .SuperBuzzIconAnimated .waves:nth-child(2), .SuperBuzzIconAnimated .waves:nth-child(4) {
      animation-delay: 200ms; }
  .SuperBuzzIconAnimated #lightning-icon {
    fill: var(--THEME_INVERTED, #fff);
    animation: scaleanimation2 .5s 1;
    animation-direction: alternate-reverse; }