/* Copyright Ayers Electronics Inc. All rights reserved. */
/* The queue over a title playing full screen (js/queue-panel.js): a slim panel on the right edge, the
   side column's width, above the picture and Now Playing. Its heading and list are the side column's
   own parts (css/components/side-column.css, css/components/track-row.css). */

.queue-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 61;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: calc(var(--od-pan-w) + var(--page-margin));
  padding: var(--page-margin-vertical) var(--page-margin) var(--page-margin-vertical) 16px;
  background: var(--panel-solid);
  border-left: 1px solid var(--border-soft);
}
.queue-panel.hidden {
  display: none;
}
.queue-panel .side-heading {
  flex: none;
  margin: 0 0 8px;
  font-size: var(--type-heading);
  font-weight: 400;
  color: var(--muted);
}
.queue-panel .side-face {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}