/* Copyright Ayers Electronics Inc. All rights reserved. */

#startFaceBackdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--bg);
}
.launch-brand {
  transform-origin: 0 0;
}
.launch-bird {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 79%;
}
.launch-bird img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#startFace.is-animating {
  z-index: 100;
  background: transparent;
}
#startFace.is-animating .start-face-stuck {
  visibility: hidden;
}
/* The picker's lockup uses the active profile's mark and the launch word, laid out
   by the same ratios as the face (parity.json launch.lockup: a 288x162 card, the bird's 80.6 square
   at 15.54, 40.47), the word in the theme's ink. The launch docks onto this element by its height. */
#profilePicker .launch-destination {
  --launch-dest: 42px;
  position: relative;
  flex: none;
  width: calc(var(--launch-dest) * 3.1);
  height: var(--launch-dest);
}
#profilePicker .launch-destination > img {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--launch-dest);
  height: var(--launch-dest);
  max-width: none;
}
#profilePicker .picker-mark-fade {
  pointer-events: none;
}
#profilePicker .launch-destination-word {
  position: absolute;
  left: calc(var(--launch-dest) * -0.1928);
  top: calc(var(--launch-dest) * -0.5021);
  width: calc(var(--launch-dest) * 3.5732);
  height: calc(var(--launch-dest) * 2.0099);
  background: var(--wordmark-ink);
  transition: background-color 240ms ease-out;
  -webkit-mask: url(../../assets/lockup/word.png) 0 0 / 100% 100% no-repeat;
  mask: url(../../assets/lockup/word.png) 0 0 / 100% 100% no-repeat;
}
/* While the launch plays, the first screen stands clear; after the motion and its rest it fades in
   over parity.json launch.fadeMs, which js/launch.js writes into --launch-fade. */
#noHomeDoors,
#lookingForHome,
#firstStart,
#firstRun,
#profilePicker {
  transition: opacity var(--launch-fade) ease;
}
html.launching #noHomeDoors,
html.launching #lookingForHome,
html.launching #firstStart,
html.launching #firstRun,
html.launching #profilePicker {
  opacity: 0;
  transition: none;
}
/* The launch's backdrop fades out while the first screen is still clear. The page's own stage is black,
   so it is painted in the page ground for as long as the launch plays: the ground never dips darker
   than the screen it hands over to. */
html.launching #stage {
  background: var(--bg);
}
.launch-destination.launch-hidden {
  visibility: hidden;
}