/* The original PNG stays unchanged. Only its transparent padding is hidden. */
.afrand-logo-art { position: relative; display: inline-block; overflow: hidden; flex-shrink: 0; padding: 0; border: 0; background: #ffffff; }
.afrand-logo-art > img { position: absolute; top: -9.07%; left: 50%; transform: translateX(-50%); height: 121.24% !important; width: auto !important; max-width: none; object-fit: contain; }
.gold-side-spacer { position: relative; container-type: size; }
.sidebar-logo-card { position: absolute; inset: 0; margin: auto; display: none; align-items: center; justify-content: center; width: 100%; height: 226px; max-height: 100%; overflow: hidden; border: 1px solid #b9cbd9; border-radius: 8px; background: #ffffff; }
@container (min-height: 120px) {
  .sidebar-logo-card { display: flex; }
}
.sidebar-signature { height: calc(100% - 24px); width: auto; aspect-ratio: 278 / 419; }
.brand-logo.afrand-logo-art { border-radius: 5px; box-shadow: 0 0 0 1px #d2dce5; background: #ffffff; }
.about-gallery-mark { float: left; width: 168px; height: 168px; margin: 0 22px 14px 0; object-fit: contain; }
.info-title::after { content: ""; display: block; clear: both; }
.user-avatar, .dropdown-avatar { display: inline-grid; place-items: center; overflow: hidden; flex-shrink: 0; border: 1px solid #c5a576; border-radius: 50%; background: #f0f4f8; color: #203448; }
.user-avatar { width: 26px; height: 26px; }
.user-avatar img, .dropdown-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.user-avatar svg { width: 19px; height: 19px; }
.dropdown-avatar { width: 44px; height: 44px; }
.dropdown-avatar svg { width: 27px; height: 27px; }
.dropdown-head .dropdown-avatar { display: inline-grid; }
.user-dropdown { width: 286px; max-height: calc(100dvh - 90px); overflow-y: auto; background: #ffffff; border-color: #d2dce5; }
.user-dropdown .dropdown-head { display: flex; align-items: center; gap: 10px; border-color: #d2dce5; padding: 8px 8px 13px; }
.dropdown-head .dropdown-identity { display: block; min-width: 0; }
.dropdown-identity strong { font-size: 14px; color: #203448; overflow-wrap: anywhere; }
.dropdown-identity small { display: block; margin-top: 3px; font-size: 11px; color: #596b7a; }
.dropdown-item.profile-entry { background: #e7edf3; color: #203f5b; font-weight: 700; }
.dropdown-item { gap: 16px; }
.dropdown-item > span { color: #775d31; }
.dropdown-item.logout { margin-top: 8px; }
@media (max-width: 760px) {
  .sidebar-signature { display: none; }
  .user-dropdown { width: min(270px, calc(100vw - 24px)); }
}
@media (max-width: 600px) {
  .about-gallery-mark { float: none; display: block; margin: 0 auto 20px; }
}