.avatar{position:relative;overflow:hidden;display:inline-flex;z-index:1;flex:0 0 auto;justify-content:center;align-items:center;width:40px;height:40px;background:var(--color-background);border-radius:50%}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar__letter{font-size:14px;line-height:1;color:var(--color-font-60);pointer-events:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-variation-settings:"wght" 700}@supports not (font-variation-settings:normal){.avatar__letter{font-weight:700}}.avatar__letter._hex{color:var(--color-white)}.avatar._size20,.avatar._size30{width:30px;height:30px}.avatar._size20 .avatar__letter,.avatar._size30 .avatar__letter{font-size:10px}.avatar._size90{width:90px;height:90px}.avatar._size90 .avatar__letter{font-size:18px}@media only screen and (max-width:1440px){.avatar{width:30px;height:30px}.avatar._size30{width:20px;height:20px}.avatar._size90{width:70px;height:70px}.avatar._size90 .avatar__letter{font-size:14px}}@media only screen and (max-width:768px){.avatar{width:35px;height:35px}.avatar._size30{width:15px;height:15px}}