/* FIRST identity only: preserve the original viewer colors. */
html.marque-first #loading img.load-logo {
  box-sizing:border-box;
  background:transparent;
  padding:0;
  width:180px;
  max-width:46vw;
  height:auto;
}
html.marque-first .viewer-loading-bg {
  inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);
  width:calc(var(--loading-circle,250px)*.72);height:calc(var(--loading-circle,250px)*.72);
  background-size:contain;
}
html.marque-first .viewer-topline::before {
  content:"";flex:0 0 100px;height:46px;border-radius:7px;
  background:#ffffff url('first.png') center / 88px auto no-repeat;
}
html.marque-first .viewer-identity { margin-right:auto; }
html.marque-first header img {
  box-sizing:content-box;
  height:48px;max-width:65vw;object-fit:contain;
  padding:8px 12px;background:#ffffff;border-radius:8px;
}
html.marque-first .restricted-msg h2 { color:var(--text); }
@media (max-width:720px) {
  html.marque-first header img { height:38px; }
  html.marque-first .viewer-topline { gap:8px;flex-wrap:wrap; }
  html.marque-first .viewer-topline::before { flex-basis:76px;height:38px;background-size:66px auto; }
}