.ckm-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;flex-shrink:0;line-height:1;vertical-align:middle}
.ckm-avatar__ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:var(--ckm-av-fs,18px);letter-spacing:.5px;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.18);background:var(--ckm-av-bg,#6366f1);background-image:linear-gradient(135deg, var(--ckm-av-bg,#6366f1) 0%, color-mix(in srgb, var(--ckm-av-bg,#6366f1) 65%, #000) 100%)}
.ckm-avatar__img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block;background:#fff}
.ckm-avatar.is-fallback .ckm-avatar__img{display:none}
.ckm-avatar.is-circle{border-radius:50%!important}