.avatar-portrait{display:block;width:100%;height:100%;border-radius:inherit;background-repeat:no-repeat;flex:none}
.avatar-portrait:not(.avatar-picture){display:grid;place-items:center}.avatar-portrait>.hud-icon{width:40px;height:40px}
.avatar-picture{background-repeat:no-repeat!important}
#bolha-profile button.profile-avatar{padding:0;cursor:pointer;overflow:hidden}
#bolha-profile button.profile-avatar:hover{border-color:#91baff}
#bolha-profile button.profile-avatar:focus-visible{outline:2px solid #b9d8ff;outline-offset:3px}
.avatar-gallery{display:flex;flex-direction:column;gap:14px;min-width:0;color:#e8f1ff}
.avatar-heading{display:flex;align-items:center;gap:12px}.avatar-heading>.avatar-portrait{width:64px;height:64px;border-radius:16px;background-color:#203b53;border:1px solid #365571}
.avatar-heading b{font-size:16px}.avatar-heading p{margin:5px 0 0!important;font-size:12px;color:#a7bbd1;line-height:1.4}
#phone .avatar-categories,.avatar-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
#phone .avatar-categories button,.avatar-categories button{min-width:0;min-height:44px;padding:7px 2px;margin:0;background:#112b40;color:#a7bbd1;border:1px solid #29445e;border-radius:9px;font:12px system-ui;cursor:pointer}
#phone .avatar-categories button[aria-pressed=true],.avatar-categories button[aria-pressed=true]{background:#244c72;color:#fff;border-color:#80b7ff}
.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-content:start}
#phone .avatar-choice,.avatar-choice{position:relative;display:block;aspect-ratio:1;padding:0;margin:0;width:100%;min-width:0;border:2px solid #29445e;border-radius:12px;overflow:hidden;cursor:pointer;background:#17334e}
#phone .avatar-choice[aria-pressed=true],.avatar-choice[aria-pressed=true]{border-color:#8dbdff;box-shadow:0 0 0 2px #8dbdff40}
.avatar-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:2px;bottom:2px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#87b9ff;color:#071b2d;font:700 12px system-ui}
.avatar-choice:focus-visible,.avatar-categories button:focus-visible,.avatar-reset:focus-visible{outline:2px solid #b9d8ff;outline-offset:2px}
.avatar-choice:disabled{opacity:.6}.avatar-status{margin:0!important;color:#a7bbd1;font-size:12px;line-height:1.5;min-height:18px}
#phone .avatar-reset,.avatar-reset{width:100%;padding:10px;margin:0;border:1px solid #35516c;border-radius:10px;background:#142e44;color:#c2d7ef;font:12px system-ui;cursor:pointer}
.avatar-reset:disabled{opacity:.45;cursor:default}