/* stylelint-disable */
.Avatar {
  font: var(--typography-text-3xl-font);
  text-transform: var(--typography-text-3xl-text_transform, none);
  letter-spacing: var(--typography-text-3xl-letter_spacing, 0);

  --avatar-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: var(--avatar-size);
  block-size: var(--avatar-size);
  border-radius: 50%;
  position: relative;
  overflow: visible;
  color: var(--color-static-white);
  background: var(--color-static-black-soft);
}
.Avatar_color_a1 {
      background: var(--color-additional-01-dark);
    }
.Avatar_color_a2 {
      background: var(--color-additional-01-default);
    }
.Avatar_color_a3 {
      background: var(--color-additional-01-soft);
    }
.Avatar_color_b1 {
      background: var(--color-additional-02-dark);
    }
.Avatar_color_b2 {
      background: var(--color-additional-02-default);
    }
.Avatar_color_b3 {
      background: var(--color-additional-02-soft);
    }
.Avatar_color_c1 {
      background: var(--color-additional-03-dark);
    }
.Avatar_color_c2 {
      background: var(--color-additional-03-default);
    }
.Avatar_color_c3 {
      background: var(--color-additional-03-soft);
    }
.Avatar_color_d1 {
      background: var(--color-additional-04-dark);
    }
.Avatar_color_d2 {
      background: var(--color-additional-04-default);
    }
.Avatar_color_d3 {
      background: var(--color-additional-04-soft);
    }
.Avatar_color_e1 {
      background: var(--color-additional-05-dark);
    }
.Avatar_color_e2 {
      background: var(--color-additional-05-default);
    }
.Avatar_color_e3 {
      background: var(--color-additional-05-soft);
    }
.Avatar_color_f1 {
      background: var(--color-additional-06-dark);
    }
.Avatar_color_f2 {
      background: var(--color-additional-06-default);
    }
.Avatar_color_f3 {
      background: var(--color-additional-06-soft);
    }
.Avatar_color_g1 {
      background: var(--color-additional-07-dark);
    }
.Avatar_color_g2 {
      background: var(--color-additional-07-default);
    }
.Avatar_color_g3 {
      background: var(--color-additional-07-soft);
    }
.Avatar_color_h1 {
      background: var(--color-additional-08-dark);
    }
.Avatar_color_h2 {
      background: var(--color-additional-08-default);
    }
.Avatar_color_h3 {
      background: var(--color-additional-08-soft);
    }
.Avatar-Image {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
  }
.Avatar-Online {
    position: absolute;
  }
.Avatar_size_4xs {
      --avatar-size: 16px;
      font-size: 6px;
    }
.Avatar_size_4xs .Avatar-Online {
        inset-block-end: 0;
        inset-inline-end: 0;
      }
.Avatar_size_3xs {
      --avatar-size: 24px;
      font-size: 10px;
    }
.Avatar_size_3xs .Avatar-Online {
        inset-block-end: 1px;
        inset-inline-end: 1px;
      }
.Avatar_size_2xs {
      --avatar-size: 32px;
      font-size: 14px;
    }
.Avatar_size_2xs .Avatar-Online {
        inset-block-end: 2px;
        inset-inline-end: 2px;
      }
.Avatar_size_xs {
      --avatar-size: 40px;
      font-size: 16px;
    }
.Avatar_size_xs .Avatar-Online {
        inset-block-end: 2px;
        inset-inline-end: 2px;
      }
.Avatar_size_s {
      --avatar-size: 48px;
      font-size: 20px;
    }
.Avatar_size_s .Avatar-Online {
        inset-block-end: 3px;
        inset-inline-end: 3px;
      }
.Avatar_size_m {
      --avatar-size: 56px;
      font-size: 24px;
    }
.Avatar_size_m .Avatar-Online {
        inset-block-end: 4px;
        inset-inline-end: 4px;
      }
.Avatar_size_l {
      --avatar-size: 64px;
      font-size: 28px;
    }
.Avatar_size_l .Avatar-Online {
        inset-block-end: 4px;
        inset-inline-end: 4px;
      }
.Avatar_size_xl {
      --avatar-size: 80px;
      font-size: 32px;
    }
.Avatar_size_xl .Avatar-Online {
        inset-block-end: 6px;
        inset-inline-end: 6px;
      }