/* Shared by the pre-JavaScript shell and Vue so the first frame stays consistent. */
.xisheng-loading-screen {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  overflow: hidden;
  background: #090b11;
}

.xisheng-loading-content {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: min(280px, 100%);
  padding: 16px;
}

.xisheng-loading-media { display: block; line-height: 0; }

.xisheng-loading-pet {
  display: block;
  flex: 0 0 auto;
  width: 160px;
  height: 160px;
  object-fit: contain;
}

.xisheng-loading-content.is-compact { width: auto; padding: 0; }
.xisheng-loading-content.is-compact .xisheng-loading-pet { width: 88px; height: 88px; }