.xixi-avatar{display:inline-block;flex:none;width:38px;height:38px;border-radius:50%;background-color:#fff8e9;background-repeat:no-repeat;overflow:hidden;box-shadow:0 0 0 1px #94a3b833;vertical-align:middle}
.xixi-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.realtime-duel-chat-message.xixi-chat-with-avatar{position:relative;padding-left:46px;box-sizing:border-box;max-width:100%}
.xixi-chat-with-avatar>.xixi-avatar{position:absolute;left:0;top:0}
.realtime-duel-chat-message.mine.xixi-chat-with-avatar{padding-left:0;padding-right:46px}
.xixi-chat-with-avatar.mine>.xixi-avatar{left:auto;right:0}
#accountProfileSettings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}
#accountProfileSettings>strong,.xixi-profile-note{flex-basis:100%}
.xixi-avatar-preview{width:64px;height:64px}
#profileImageModal .modal{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden}
.xixi-profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;overflow:auto;min-height:0;padding:6px}
.xixi-profile-option{padding:5px;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer}
.xixi-profile-option .xixi-avatar{width:52px;height:52px}
.xixi-profile-option[aria-pressed=true],.xixi-profile-option:focus-visible{border-color:#4f5be5;outline:none}
#profileImageModal .modal-actions{flex-shrink:0}