.habbo-name {
  display:inline-flex;
  align-items:center;
  gap:.35em;
  vertical-align:middle;
  white-space:nowrap;
}

.habbo-photo {
  display:inline-block;
  width:30px;
  height:36px;
  flex:0 0 30px;
  object-fit:contain;
  object-position:center bottom;
  background:linear-gradient(145deg,#f5c85b,#f05b4f);
  border:1px solid rgba(37,35,34,.16);
  border-radius:7px;
  vertical-align:middle;
}

.habbo-photo.is-unavailable { display:none; }
.habbo-name-fallback { display:none; place-items:center; width:25px; height:25px; border-radius:50%; background:#f5c85b; color:#252322; font:700 10px 'DM Sans',sans-serif; }
.habbo-photo.is-unavailable + .habbo-name-fallback { display:inline-grid; }

.habbo-avatar img,
.user-avatar img,
.header-user img,
.account-avatar img {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}

.habbo-avatar.has-photo,
.user-avatar.has-photo,
.header-user.has-photo,
.account-avatar.has-photo {
  overflow:hidden;
  padding:0;
  background:#f5c85b;
}

.header-user.has-photo { border:2px solid #252322; }
.account-avatar.has-photo { border-radius:50%; }
.habbo-user-select { background-repeat:no-repeat!important; background-position:10px center!important; background-size:28px 34px!important; padding-left:48px!important; }
.habbo-select-native { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; border:0!important; }
.habbo-combobox { position:relative; width:100%; }
.habbo-combobox-trigger,
.habbo-combobox-option { width:100%; display:flex; align-items:center; gap:10px; color:#252322; font:600 14px 'DM Sans',sans-serif; text-align:left; }
.habbo-combobox-trigger { min-height:46px; padding:5px 38px 5px 10px; border:1px solid rgba(37,35,34,.2); border-radius:10px; background:#fff; cursor:pointer; }
.habbo-combobox-trigger::after { content:'⌄'; position:absolute; right:14px; font-size:18px; }
.habbo-combobox-trigger .habbo-photo,
.habbo-combobox-option .habbo-photo { width:30px; height:34px; flex-basis:30px; border:0; background:#f5c85b; }
.habbo-combobox-list { position:absolute; z-index:40; top:calc(100% + 6px); left:0; right:0; max-height:260px; overflow:auto; padding:6px; border:1px solid rgba(37,35,34,.18); border-radius:12px; background:#fff; box-shadow:0 18px 45px rgba(37,35,34,.18); }
.habbo-combobox-option { padding:6px 8px; border:0; border-radius:8px; background:transparent; cursor:pointer; }
.habbo-combobox-option:hover,
.habbo-combobox-option:focus-visible,
.habbo-combobox-option[aria-selected="true"] { background:#fff2de; outline:none; }
.team-row .habbo-name .habbo-photo { display:none; }

@media(max-width:700px) {
  .habbo-photo { width:27px; height:32px; flex-basis:27px; }
  .panel-header .habbo-name .habbo-photo { display:none; }
}