/* Luxoria v18.29.0 — compact circular member avatar and reliable gold scrollbars */

:root{
  --lux29-scroll-track:#0b1114;
  --lux29-scroll-gold:#d5a33c;
  --lux29-scroll-light:#f3d078;
  --lux29-avatar-size:34px;
}

/*
 * The profile link is a direct child of .top-links, so older generic rules such
 * as `.top-links > a { min-width:62px!important; }` were stretching the 39px
 * avatar into an oval. Lock every dimension on the real header avatar.
 */
.top-links > a.member-header-avatar.member-header-profile-link-v1826,
.top-links > .member-header-avatar.member-header-profile-link-v1826,
a.member-header-avatar.member-header-profile-link-v1826{
  box-sizing:border-box!important;
  width:var(--lux29-avatar-size)!important;
  height:var(--lux29-avatar-size)!important;
  min-width:var(--lux29-avatar-size)!important;
  min-height:var(--lux29-avatar-size)!important;
  max-width:var(--lux29-avatar-size)!important;
  max-height:var(--lux29-avatar-size)!important;
  flex:0 0 var(--lux29-avatar-size)!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  margin:0 0 0 2px!important;
  border:1px solid rgba(216,165,61,.78)!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  background:#0b1013!important;
  box-shadow:0 0 0 1px rgba(255,218,124,.08),0 3px 10px rgba(0,0,0,.32)!important;
}

.top-links > a.member-header-avatar.member-header-profile-link-v1826 > img,
a.member-header-avatar.member-header-profile-link-v1826 > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}

.top-links > a.member-header-avatar.member-header-profile-link-v1826 > span,
a.member-header-avatar.member-header-profile-link-v1826 > span{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:13px!important;
}

/* Main document scrollbar — Firefox. */
html,
body,
.community-app,
.community-main{
  scrollbar-width:thin!important;
  scrollbar-color:var(--lux29-scroll-gold) var(--lux29-scroll-track)!important;
}

/* Main document scrollbar — Chromium, Edge and Safari. */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.community-app::-webkit-scrollbar,
.community-main::-webkit-scrollbar{
  width:11px!important;
  height:11px!important;
  background:var(--lux29-scroll-track)!important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.community-app::-webkit-scrollbar-track,
.community-main::-webkit-scrollbar-track{
  background:var(--lux29-scroll-track)!important;
  border-radius:999px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.community-app::-webkit-scrollbar-thumb,
.community-main::-webkit-scrollbar-thumb{
  min-height:46px!important;
  border:2px solid var(--lux29-scroll-track)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,var(--lux29-scroll-light) 0%,var(--lux29-scroll-gold) 48%,#956619 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,236,174,.24),0 0 7px rgba(213,163,60,.16)!important;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.community-app::-webkit-scrollbar-thumb:hover,
.community-main::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#ffe59a 0%,#dfb34f 52%,#ad7922 100%)!important;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
.community-app::-webkit-scrollbar-corner,
.community-main::-webkit-scrollbar-corner{
  background:var(--lux29-scroll-track)!important;
}

@media(max-width:760px){
  :root{--lux29-avatar-size:32px}
  .top-links > a.member-header-avatar.member-header-profile-link-v1826,
  .top-links > .member-header-avatar.member-header-profile-link-v1826,
  a.member-header-avatar.member-header-profile-link-v1826{
    margin-left:1px!important;
  }
}