/* Copyright Ayers Electronics Inc. All rights reserved. */
/* first-visit teaching tips. */

/* ---- the first-visit introduction (js/intro-card.js): the dialog family's panel
   (card-dialog.css) over the playing picture, read across the room and driven with the remote. It
   stands on the stage above the off-air card (z 15), and a page (guide, on demand, settings) draws its
   own preview onto the stage, so the introduction waits under it and comes back when the page goes. */
#tipCard {
  position: absolute;
  z-index: 16;
}
body.page-up #tipCard {
  display: none;
}
.tip-card .tip-bird {
  position: relative;
  width: 96px;
  height: 96px;
  margin: 0 auto var(--card-step);
}
.tip-card .tip-bird img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tip-card .tip-bird-eye {
  transform-origin: 39.5833% 32.2917%;
}
.tip-card .tip-title {
  font-size: var(--type-title);
  font-weight: 600;
  color: var(--accent-text);
} /* sentence case, one face */
.tip-card .tip-body {
  font-size: var(--type-body);
  line-height: 1.5;
}
/* The two controls side by side, spaced by a margin: a flex gap is lost below Chromium 84. */
.tip-card .tip-actions {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--card-step) + 12px);
}
.tip-card .tip-actions > * + * {
  margin-left: 12px;
}

/* ---- the overlay's own close: small, top right of the banner ---- */
#hudLockup {
  padding-right: 40px;
} /* the name at the line's end never sits under the close */