html.sol-booting,
html.sol-booting body {
  background: #00003d;
}

.sol-boot-splash {
  display: none;
  background: linear-gradient(180deg, #2c2c67 0%, #00003d 100%);
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2147483647;
}

html.sol-booting .sol-boot-splash {
  display: block;
}

.sol-boot-splash__inner {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: calc(env(safe-area-inset-top, 0px) + 32px) 24px
    calc(env(safe-area-inset-bottom, 0px) + 24px);
}

.sol-boot-splash__diamond {
  height: auto;
  max-width: 72px;
  width: 12.5vw;
}

.sol-boot-splash__lockup {
  height: auto;
  max-width: 320px;
  width: 50vw;
}

.sol-boot-splash__tagline {
  height: auto;
  max-width: 256px;
  width: 42.857vw;
}

.sol-boot-splash__spacer--1 {
  flex: 1;
}

.sol-boot-splash__spacer--3 {
  flex: 3;
}