/* Shared square member-avatar shape. Each component retains its own size. */
:where(.site-member-avatar) {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    overflow: visible;
}

.site-member-avatar {
    box-sizing: border-box;
    border: 0 !important;
    padding: 0 !important;
}

.site-member-avatar > img.site-member-avatar-photo {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: cover;
}

.site-member-avatar.has-avatar-border > img.site-member-avatar-photo {
    position: absolute;
    top: 9%;
    left: 9%;
    width: 82% !important;
    height: 82% !important;
    border: 0;
    padding: 0;
}

.site-member-avatar > img.site-member-avatar-border {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    object-fit: fill !important;
    pointer-events: none;
}
html[data-theme] :is(
    .dashboard-member-card-avatar-frame,
    .dashboard-member-card-avatar,
    .channel-rail-avatar,
    .site-search-channel-avatar,
    .home-videos-online-avatar,
    .channel-watcher-avatar,
    .channel-avatar,
    .channel-avatar-link,
    .channel-avatar-preview,
    .channel-directory-avatar,
    .channel-browse-avatar,
    .watching-channel-avatar,
    .video-channel-avatar,
    .watch-video-byline-avatar,
    .video-comment-avatar,
    .video-comment-compose-avatar,
    .profile-friend-chat-thread-avatar,
    .profile-find-warrior-avatar,
    .warrior-feed-avatar,
    .warrior-feed-reply-avatar,
    .profile-social-identity-avatar,
    .profile-warrior-avatar,
    .gaming-poll-avatar,
    .profile-dashboard-category-avatar,
    .warrior-hub-dashboard-roster-avatar,
    .warrior-hub-dashboard-roster-photo,
    .forum-topic-author-avatar,
    .forums-hot-topics-topic-author-avatar,
    .forums-hot-topics-reply-avatar-card,
    .profile-community-reply-avatar-card,
    .profile-community-signal-avatar,
    .profile-community-media-avatar-initial,
    .forum-topic-media-avatar-initial,
    .channel-dashboard-avatar-icon
),
html[data-theme] :is(
    .channel-rail-avatar,
    .home-videos-online-avatar,
    .channel-avatar,
    .channel-avatar-link,
    .channel-avatar-preview,
    .channel-directory-avatar,
    .channel-browse-avatar,
    .watching-channel-avatar,
    .video-channel-avatar,
    .profile-friend-chat-thread-avatar,
    .profile-find-warrior-avatar,
    .warrior-feed-avatar,
    .warrior-feed-reply-avatar,
    .profile-social-identity-avatar,
    .profile-warrior-avatar,
    .forum-topic-author-avatar,
    .forums-hot-topics-reply-avatar-card,
    .profile-community-reply-avatar-card,
    .profile-community-signal-avatar,
    .profile-overview-icon-tab--avatar
) > img,
html[data-theme] .watching-avatar-strip a > span,
html[data-theme] .watching-avatar-strip img,
html[data-theme] :is(.profile-community-signal-avatar, .profile-community-reply-avatar-card, .forums-hot-topics-reply-avatar-card) > span {
    border-radius: 0 !important;
}