/* Copyright Ayers Electronics Inc. All rights reserved. */
/* the fly-up (parity.flyup). */

/* ---- the fly-up (parity.flyup) ----
   A compact panel anchored above its own row word (js/fly-up.js sets left/bottom/width/max-height
   from the manifest), over the picture, the video still playing: no scrim, the soft edge is the
   shadow. One at a time; the banner holds while one is open (js/tuner.js's tick). */
.flyup {
  position: absolute;
  z-index: 16;
  overflow: auto;
  box-sizing: border-box;
  padding: 12px;
  background: var(--panel-solid);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
@supports not (backdrop-filter: blur(1px)) {
  .flyup {
    background: rgba(11, 11, 13, 0.97);
  }
}
.flyup button {
  width: 100%;
  text-align: left;
}
/* A row fills the panel's width and the panel scrolls it flush to its edge, so a row draws its ring
   inside itself. */
.flyup button:focus {
  box-shadow: var(--focus-ring-inset);
}