.site-avatar-picker{padding:15px;margin:-8px 0 22px;border:1px solid #e8ddf1;border-radius:14px;background:#fcf9ff}.site-avatar-picker[hidden]{display:none}.site-avatar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.site-avatar-heading>strong{font-size:12px;color:#6f587e;font-weight:550}.site-avatar-heading .photo-upload{background:#fff;color:#8d6aa8;border-color:#e4d7ef;font-size:11px;padding:8px 10px}.site-avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-height:270px;overflow:auto;overscroll-behavior:contain;padding:3px}.site-avatar-grid button{position:relative;display:block;aspect-ratio:1;min-width:0;border:2px solid transparent;padding:3px;background:transparent;border-radius:17px;cursor:pointer}.site-avatar-grid img{display:block;width:100%;height:100%;border-radius:12px}.site-avatar-grid button:hover{background:#eee4f8}.site-avatar-grid button[aria-pressed=true]{border-color:#9471b6;background:#f0e5fa}.site-avatar-grid button:focus-visible{outline:2px solid #9270b8;outline-offset:2px}.avatar-selection-mark{display:none;position:absolute;right:0;bottom:0;border:2px solid white;border-radius:50%;width:18px;height:18px;background:#9673b7;color:white;font-size:10px;line-height:14px;text-align:center}.site-avatar-grid button[aria-pressed=true] .avatar-selection-mark{display:block}.site-avatar-picker>p{font-size:10px;color:#a18dad;line-height:1.7;margin:12px 0 0}.profile-photo-button{background:#fff}.profile-avatar-row #avatar-preview{display:block;overflow:hidden}
@media(max-width:420px){.site-avatar-picker{padding:11px}.site-avatar-grid{gap:5px;max-height:240px}.site-avatar-grid button{padding:2px;border-radius:13px}.site-avatar-grid img{border-radius:9px}.site-avatar-heading .photo-upload{padding:7px 8px}.site-avatar-picker>p{font-size:9px}}