/* The role mark is a pseudo-element: avatar image updates cannot remove it. */
.avatar[data-staff-role]{position:relative;overflow:visible!important;isolation:isolate}
.avatar[data-staff-role]::after{content:'';position:absolute;right:-5px;bottom:-3px;width:19px;height:19px;z-index:2;border-radius:50%;border:2px solid var(--panel);background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;box-shadow:0 2px 6px #0003}
.avatar[data-staff-role=admin]::after{background-color:#322b18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3 7 5 4 4-7 4 7 5-4-2 12H5L3 7Zm3 15h12' fill='none' stroke='%23f0cd78' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.avatar[data-staff-role=moderator]::after{background-color:#202d37;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3-8 3v6c0 5 8 9 8 9s8-4 8-9V6l-8-3Zm-4 9 3 3 5-6' fill='none' stroke='%238ecbbf' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.profile-hero .avatar[data-staff-role]::after,.pm-user-identity .avatar[data-staff-role]::after{width:25px;height:25px;right:-4px;bottom:-2px}
#visibilityButton[data-invisible='1']{background:#9a83f013;border-color:#9a83f032;color:var(--accent)}
@media(max-width:700px){.avatar[data-staff-role]::after{width:17px;height:17px;right:-4px;bottom:-3px}}

.avatar[data-staff-role=editor]::after{background-color:#2c2343;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 4 5 5M4 20l5-1L21 7a2 2 0 0 0-5-5L4 14v6Z' fill='none' stroke='%23c1a5fa' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}