.registration-avatar-preview{width:88px;height:88px;margin:0 auto 12px}
.registration-avatar-preview .member-avatar{width:100%;height:100%}
.registration-avatar-picker{margin:0 0 22px;border:1px solid #cbd6d2;border-radius:6px;padding:12px;color:#193b30}
.registration-avatar-picker summary{cursor:pointer;font-weight:700;min-height:28px}
.registration-avatar-picker summary span{font-size:13px;font-weight:400;color:#587366;margin-left:8px}
.registration-avatar-hint{font-size:13px;color:#587366;margin:10px 0}
.registration-avatar-picker .member-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:380px;overflow-y:auto;padding:4px;overscroll-behavior:contain}
.registration-avatar-picker .member-avatar-grid b{font-weight:400}
.registration-avatar-picker .member-avatar-grid span{aspect-ratio:auto;min-height:104px}
@media(max-width:480px){.registration-avatar-picker .member-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:340px}.registration-avatar-picker{padding:8px}.registration-avatar-picker summary span{display:block;margin-left:16px}}