/* Keep clipping on the image, never on the subscription tick. */

:where(.mj-verified-avatar){display:inline-flex;width:48px;height:48px;border-radius:50%}

.mj-verified-avatar{position:relative!important;overflow:visible!important;isolation:isolate;flex-shrink:0;vertical-align:middle}

.mj-avatar-content{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;overflow:hidden;color:inherit;font:inherit}

.mj-avatar-content>img{max-width:100%;border-radius:inherit}

.mj-paid-tick{position:absolute;z-index:3;right:-3px;bottom:-3px;display:block;width:clamp(14px,32%,28px);height:auto;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .16))}

.mj-avatar-inline{display:inline-flex;width:52px;height:52px;border-radius:50%}

.mj-avatar-preview{display:inline-flex;border-radius:50%;width:72px;height:72px}

.mj-avatar-preview .mj-avatar-content>img,.mj-avatar-preview .mj-avatar-content>span{width:100%;height:100%;margin:0;object-fit:cover}

@media print{.mj-paid-tick{display:none}}


/* A decorative ring follows the same paid status as the verification tick. */
.mj-verified-avatar.mj-has-paid-badge{border-radius:50%!important}
.mj-paid-ring{position:absolute;inset:-4px;border:3px solid #f9ab00;border-radius:50%;pointer-events:none;z-index:2;animation:mj-paid-ring-pulse 3s ease-in-out infinite;box-sizing:border-box}
@keyframes mj-paid-ring-pulse{0%,100%{border-color:#f9ab00;box-shadow:0 0 7px rgb(249 171 0 / .45)}50%{border-color:#000;box-shadow:0 0 0 rgb(0 0 0 / 0)}}
@media(prefers-reduced-motion:reduce){.mj-paid-ring{animation:none;border-color:#f9ab00;box-shadow:none}}
@media print{.mj-paid-ring{display:none}}