.xw-person-avatar{display:block;width:100%;height:100%;border-radius:50%;background-repeat:no-repeat;background-color:#eaf0fb;flex:none}
.sd-panel .sd-avatar:has(.xw-person-avatar){background:transparent;overflow:hidden}
.sd-panel .sd-avatar .xw-person-avatar{width:100%;height:100%}
.sd-panel>header .xw-avatar-trigger{width:32px;height:32px;min-width:32px;padding:2px;margin-left:8px;border:1px solid #d4def0;border-radius:50%;background:#fff;cursor:pointer;overflow:hidden;align-self:center}
.sd-panel>header .xw-avatar-trigger:hover,.sd-panel>header .xw-avatar-trigger:focus-visible{border-color:#3467e9;box-shadow:0 0 0 3px #e9f0ff;outline:none}
.xw-avatar-picker{position:fixed;z-index:2147483000;width:316px;padding:16px;background:#fff;border:1px solid #d8e1f0;border-radius:14px;box-shadow:0 16px 45px #1c315837;color:#183153;font-size:13px}
.xw-avatar-picker-heading{display:flex;justify-content:space-between;align-items:center;font-size:16px}
.xw-avatar-picker-close{border:0;background:transparent;color:#8190a8;font-size:23px;line-height:1;cursor:pointer}
.xw-avatar-picker p{margin:5px 0 14px;color:#7485a0;font-size:12px}
.xw-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.xw-avatar-choice{width:62px;height:62px;padding:3px;border:2px solid transparent;border-radius:50%;background:#fff;cursor:pointer}
.xw-avatar-choice:hover,.xw-avatar-choice:focus-visible{border-color:#9fbbff;outline:none}
.xw-avatar-choice[aria-pressed="true"]{border-color:#3467e9;box-shadow:0 0 0 2px #e9f0ff}
.xw-avatar-picker-error{margin-top:10px;color:#c0392b}

.sd-panel>header:has(.xw-avatar-trigger){justify-content:flex-start;gap:8px}
.sd-panel>header .xw-avatar-trigger{margin-left:0}
.sd-panel>header .xw-avatar-trigger+button{margin-left:auto}

#accountMenu .account-head .xw-account-avatar-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border:0;border-radius:50%;background:transparent;line-height:0;cursor:pointer}
#accountMenu .account-head .xw-account-avatar-switch .account-avatar{transition:box-shadow .16s ease,filter .16s ease}
#accountMenu .account-head .xw-account-avatar-switch:hover .account-avatar,#accountMenu .account-head .xw-account-avatar-switch:focus-visible .account-avatar{box-shadow:0 0 0 3px #dbe7ff;filter:brightness(.97)}
#accountMenu .account-head .xw-account-avatar-switch:focus-visible{outline:2px solid #3467e9;outline-offset:4px}
#accountMenu .account-head .xw-account-avatar-switch::after{content:"✎";position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #d8e1f0;border-radius:50%;background:#fff;color:#3467e9;font-size:11px;font-weight:700;line-height:1;opacity:0;transform:scale(.85);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
#accountMenu .account-head .xw-account-avatar-switch:hover::after,#accountMenu .account-head .xw-account-avatar-switch:focus-visible::after{opacity:1;transform:scale(1)}