/* The initial icon is inline artwork: no image request, pulse, or reveal fade. */
body.browser-page [data-gm-profile-slot] {
  --gm-profile-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23455A64' d='M511.676,498.752l-12.8-51.2c-6.073-24.838-24.485-44.813-48.747-52.885l-93.867-31.275c-22.891-9.536-33.365-46.4-35.627-60.395c17.442-14.504,28.665-35.14,31.36-57.664c-0.385-3.847,0.523-7.713,2.581-10.987c3.326-0.833,6.049-3.215,7.317-6.4c6.142-14.872,9.997-30.588,11.435-46.613c0.003-0.871-0.104-1.738-0.32-2.581c-1.528-6.227-5.189-11.722-10.347-15.531v-56.555c0-34.368-10.496-48.469-21.547-56.64C339.004,33.472,321.276,0,255.996,0c-57.917,2.332-104.335,48.75-106.667,106.667v56.555c-5.158,3.809-8.819,9.304-10.347,15.531c-0.216,0.843-0.323,1.711-0.32,2.581c1.436,16.033,5.291,31.756,11.435,46.635c0.924,3.015,3.347,5.334,6.4,6.123c1.195,0.597,3.435,3.691,3.435,11.243c2.711,22.588,13.999,43.271,31.531,57.771c-2.24,13.973-12.651,50.816-34.901,60.117l-94.699,31.445c-24.243,8.071-42.643,28.026-48.725,52.843l-12.8,51.2c-1.449,5.71,2.005,11.514,7.715,12.963c0.853,0.217,1.73,0.327,2.61,0.328h490.667c5.891-0.002,10.665-4.779,10.664-10.67C511.993,500.461,511.886,499.595,511.676,498.752z'/%3E%3C/svg%3E");
  position:relative; width:250px; min-width:250px!important; height:60px;
  flex:0 0 250px; display:flex; align-items:center; justify-content:flex-end;
}
body.browser-page [data-gm-profile-slot] .gm-profile-skeleton {
  position:absolute; inset:0; display:flex; align-items:center;
  justify-content:flex-end; gap:16px; padding:5px;
}
.gm-profile-skeleton__name {display:none}
.gm-profile-skeleton__avatar {
  display:block; width:50px; height:50px; flex:0 0 50px; border-radius:50%;
  box-sizing:border-box; border:2px solid rgba(255,255,255,.3);
  background:#242731 var(--gm-profile-art) center / calc(100% - 6px) calc(100% - 6px) no-repeat;
}
body.browser-page [data-gm-profile-slot] > .gm-profile-content {
  width:100%; display:flex; justify-content:flex-end;
  visibility:hidden;
}
body.browser-page [data-gm-profile-slot] > .gm-profile-content > ul {width:100%; margin:0}
body.browser-page [data-gm-profile-slot].is-ready > .gm-profile-content {opacity:1; visibility:visible}
body.browser-page [data-gm-profile-slot].is-ready > .gm-profile-skeleton {display:none}
body.browser-page [data-gm-profile-slot] > .gm-profile-content--pending {
  position:absolute; inset:0; visibility:hidden!important; pointer-events:none;
}
body.browser-page [data-gm-profile-slot] .myprofile {width:100%; box-sizing:border-box}
body.browser-desktop [data-gm-profile-slot] .myprofile > div {display:flex; align-items:center; justify-content:flex-end; gap:10px}
body.browser-desktop [data-gm-profile-slot] .myprofile-name {width:auto; flex:1; max-width:none}
body.browser-desktop [data-gm-profile-slot] .myprofile > div > figure {margin:0; float:none}
body.browser-page [data-gm-profile-slot] .myprofile-name {min-width:0}
body.browser-page [data-gm-profile-slot] .myprofile-name h2 {max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
body.browser-page [data-gm-profile-slot] figure {
  flex-shrink:0;
  background:#242731;
}
body.browser-page [data-gm-profile-slot] figure:has(img.gm-profile-avatar-pending) {
  background:#242731 var(--gm-profile-art) center / calc(100% - 6px) calc(100% - 6px) no-repeat;
}
body.browser-page [data-gm-profile-slot] .gm-profile-neutral {
  display:block; width:100%; height:100%;
  background:#242731 var(--gm-profile-art) center / calc(100% - 4px) calc(100% - 4px) no-repeat;
}
/* Never hide the static label while waiting for its font. */
@font-face {
  font-family:GM-Profile-Label;
  src:url('../fonts/FiraGO-SemiBoldf.woff') format('woff');
  font-style:normal; font-weight:400; font-display:swap;
}
body.browser-page [data-gm-profile-slot] .login-label,
body.browser-page [data-gm-profile-slot] .myprofile-name h2 {
  font-family:GM-Profile-Label, sans-serif;
}
body.browser-page [data-gm-profile-slot] figure img {width:100%; height:100%; object-fit:cover; transition:none}
body.browser-page [data-gm-profile-slot] figure img.gm-profile-avatar-pending {opacity:0}
@media (min-width:481px) and (max-width:1279px) {
  body.browser-desktop [data-gm-profile-slot] {width:210px; min-width:210px!important; flex-basis:210px}
  body.browser-desktop .gm-profile-skeleton__name {width:120px}
}
body.browser-mobile [data-gm-profile-slot] {width:50px; min-width:50px!important; height:50px; flex-basis:50px}
body.browser-mobile .gm-profile-skeleton__name {display:none}
body.browser-mobile .gm-profile-skeleton__avatar {width:40px; height:40px; flex-basis:40px}
/* Guest artwork must occupy the same 40px box as the loading/signed avatar. */
body.browser-mobile .header-top__actions[data-gm-profile-slot] .login > a {
  display:flex; align-items:center; justify-content:center;
  width:50px; height:50px; padding:0;
}
body.browser-mobile .header-top__actions[data-gm-profile-slot] .login > a > figure {
  width:40px; height:40px; margin:0; float:none; box-sizing:border-box;
}
body.browser-mobile [data-gm-profile-slot] .myprofile--mobile > .js-profile-toggle {display:flex!important; align-items:center; justify-content:center; width:50px!important; height:50px; padding:0}
@media (max-width:480px) {
  body.browser-desktop [data-gm-profile-slot] {width:60px; min-width:60px!important; flex-basis:60px}
  body.browser-desktop .gm-profile-skeleton__name {display:none}
}

/* Browser-mobile shell: geometry does not depend on late fonts/Profile. */
@font-face {
  font-family: GM-Mobile-Nav;
  src: url('../../mob/fonts/FiraGO-SemiBoldf.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: optional;
}
body.browser-mobile .sidebar .nav-item > a {
  font-family: GM-Mobile-Nav, sans-serif!important;
  line-height: 21px;
  transition: color .2s ease, background-color .2s ease;
}
body.browser-mobile .sidebar .nav-item {flex-shrink:0;}
body.browser-mobile .sidebar .nav-item > a > svg {flex:0 0 16px;}
body.browser-mobile [data-gm-profile-slot] .myprofile--mobile > .js-profile-toggle > figure {
  width:40px; height:40px; margin:0; float:none; box-sizing:border-box;
}
body.browser-mobile [data-gm-profile-slot] > .gm-profile-content {
  min-height:50px; align-items:center;
}

/* Fixed account-side notification slot, including delayed AJAX refreshes. */
body.browser-page .header-top .gm-header-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto;position:relative}
body.browser-page .gm-header-tools > .sms-trigger{position:relative;right:auto;flex:0 0 24px;width:24px;height:24px;margin-left:6px}
body.browser-page .gm-header-tools > .sms-trigger > svg{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%)}
body.browser-page .gm-header-tools:not(:has(.myprofile)) > .sms-trigger:empty{display:none}
body.browser-page .gm-header-tools > .sms-trigger .sms-content{left:auto;right:0;width:min(380px,calc(100vw - 30px));max-width:calc(100vw - 30px)}
body.browser-page .gm-header-tools > .sms-trigger .sms-content:before{left:auto;right:6px;transform:translateY(-.5em) rotate(45deg)}
body.browser-mobile .mob-header .gm-header-tools{order:2;gap:4px;margin-left:auto}
body.browser-mobile .mob-header .gm-header-tools > .sms-trigger .sms-content{right:-54px}
body.browser-mobile .mob-header .gm-header-tools > .sms-trigger .sms-content:before{right:60px}
@media(max-width:1023px){
  body.browser-mobile .mob-header .header-top:has(.myprofile){display:grid!important;grid-template-columns:18px minmax(0,1fr) auto;gap:8px}
  body.browser-mobile .mob-header .header-top:has(.myprofile) .header-top__left{order:0;min-width:0}
  body.browser-mobile .mob-header .header-top:has(.myprofile) .header-top__logo{order:1;position:static!important;transform:none!important;min-width:0;width:100%;max-width:160px;justify-self:center}
  body.browser-mobile .mob-header .header-top:has(.myprofile) .header-top__logo img{display:block;width:100%;height:auto;max-width:160px;max-height:25px;object-fit:contain}
}