#os-logo {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000 url('/shared/resources/branding/initlogo.png') no-repeat center / cover;
  z-index: 65538;
  opacity: 1;
  transition: opacity 1s ease 2s;
  pointer-events: none;
}

#carrier-logo {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#carrier-logo > img,
#poweroff-splash > img {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease 2s;
}

#carrier-logo > video,
#poweroff-splash > video {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 1;
  transition: opacity 1s ease;
}

#carrier-logo.transparent {
  background: transparent;
}

#carrier-logo > img.hide,
#carrier-logo > video.hide,
#os-logo.hide,
#poweroff-splash > img.hide,
#poweroff-splash > video.hide {
  opacity: 0;
}

@media (min-width: 1200px) and (orientation: landscape) {
  #os-logo {
    background: #000 url('/shared/resources/branding/initlogo_large.png') no-repeat center / cover;
  }
}

/* VULPES BRAND START: assets from ressources; keep Gaia's boot lifecycle. */
#os-logo { background: #071d35 url('/shared/resources/branding/vulpes-wallpaper.png') center / cover; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#os-logo::before { content:""; width:190px; height:190px; flex:none; background:url('/shared/resources/branding/vulpes-symbol.png') center / contain no-repeat; }
#os-logo::after { content:"Vulpes 2.7\A A community continuation of Firefox OS"; white-space:pre-line; padding:12px 22px; color:#f5f8fa; text-shadow:0 2px 8px #071d35; font:500 20px/1.8 sans-serif; text-align:center; }
#poweroff-splash { background:#071d35 url('/shared/resources/branding/vulpes-symbol.png') center / 190px 190px no-repeat; }
/* VULPES BRAND END */