.avatar .hf-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.hf-avatar-picker{min-width:0;margin:0;padding:0;border:0}
.hf-avatar-picker legend{font-size:15px;font-weight:750;color:#eef7fa;margin-bottom:9px}
.hf-avatar-help{font-size:12px;line-height:1.7;color:#a5b8c8;margin:0 0 18px}
.hf-avatar-preview{display:flex;align-items:center;gap:16px;padding:17px;background:#122431;border:1px solid #2b4555;border-radius:14px;margin-bottom:18px}
.hf-avatar-preview strong{display:block;color:#e7f7f1;font-size:15px}
.hf-avatar-preview small{display:block;color:#9eb6c6;font-size:11px;margin-top:6px}
.hf-avatar-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:9px}
.form-stack .hf-avatar-option{display:block;position:relative;cursor:pointer;margin:0}
.form-stack .hf-avatar-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;margin:0;pointer-events:none}
.hf-avatar-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 5px;border:2px solid #2a3d4d;border-radius:13px;background:#101c29;min-height:105px}
.hf-avatar-tile img,.hf-avatar-initial{display:block;width:54px;height:54px;border-radius:50%}
.hf-avatar-initial{display:grid;place-items:center;background:#324856;color:#d6fff3;font-size:24px}
.hf-avatar-label{font-size:10px;font-weight:600;color:#b1c4d1;text-align:center;line-height:1.3}
.hf-avatar-option input:checked+.hf-avatar-tile{border-color:#4de1bb;background:#173a32}
.hf-avatar-option input:checked+.hf-avatar-tile .hf-avatar-label{color:#baffeb}
.hf-avatar-option input:focus-visible+.hf-avatar-tile{outline:2px solid #edf9ff;outline-offset:3px}
.hf-avatar-option:hover .hf-avatar-tile{border-color:#5a998c}
@media(max-width:400px){.hf-avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hf-avatar-tile{padding:10px 3px}.hf-avatar-preview{padding:12px}}