/* Copyright Ayers Electronics Inc. All rights reserved. */
/* The slate's lockup on the off-air and Please Stand By cards (brand/src/make-banner.py card_lockup at
   1920x1080), in one unit: the bird, 158 of 1080 tall (14.6vh). The word beside it has a cap height
   0.62 of the bird's (Concert One's cap is 0.684 em, so a face 13.3/14.6 of the bird), a gap of 0.18
   of the bird between them, and the text band starts 56 under it, as ComposeThreeLine draws and the
   Roku's card lays out. The lockup is 4.01 birds wide ("Magpie" is 3.107 em), so on a screen narrow
   for its height the unit is 18vw, which keeps it inside the card's sides from 320px up; on a
   landscape screen 14.6vh is the smaller. */
#offAirCard,
#standByCard {
  --lockup-bird: min(14.6vh, 18vw);
}
#offAirCard .offair-brand,
#standByCard .offair-brand {
  display: flex;
  align-items: center;
  height: var(--lockup-bird);
}
#offAirCard .offair-brand > * + *,
#standByCard .offair-brand > * + * {
  margin-left: calc(var(--lockup-bird) * 2.6 / 14.6);
}
#offAirCard .offair-brand img,
#standByCard .offair-brand img {
  height: 100%;
  width: auto;
}
#offAirCard .brand,
#standByCard .brand {
  font-size: calc(var(--lockup-bird) * 13.3 / 14.6);
  line-height: 1;
}
#offAirCard .offair-band,
#standByCard .offair-band {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: calc(var(--lockup-bird) * 5.2 / 14.6);
}