.shows-menu { position: relative; }
.shows-menu > summary { cursor: pointer; list-style: none; }
.shows-menu > summary::-webkit-details-marker { display: none; }
.shows-menu > summary::marker { content: ""; }
.shows-menu > summary::after { content: none; }
.shows-menu[open] { z-index: 100; }
.shows-menu-panel {
  position: absolute; z-index: 100; top: calc(100% + 8px); left: 0;
  display: grid; width: max-content; min-width: 180px; max-width: min(300px, calc(100vw - 24px));
  max-height: min(420px, 65vh); overflow-y: auto; padding: 5px;
  border: 2px solid rgba(7,19,63,.14); border-radius: 8px;
  background: linear-gradient(180deg, rgba(255,248,253,.98), rgba(239,244,255,.96)), #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 3px 0 rgba(7,19,63,.12), 0 14px 24px rgba(7,19,63,.16);
}
.shows-menu-panel a {
  display: flex; align-items: center; justify-content: flex-start; gap: 8px;
  width: 100%; min-height: 38px; padding: 8px 10px; border: 0; border-radius: 5px;
  background: transparent; box-shadow: none; color: var(--ink, #07133f);
  font: 900 .82rem/1.2 "Barlow Semi Condensed", Arial, sans-serif;
  text-decoration: none; text-shadow: none; text-align: left;
}
.shows-menu-panel a:hover, .shows-menu-panel a:focus-visible { background: rgba(99,217,202,.18); }
.shows-menu-panel img { display: block; width: 20px; height: 20px; flex: 0 0 20px; object-fit: contain; }
.shows-menu-panel span { overflow-wrap: anywhere; }
.shows-menu :is(summary, a):focus-visible { outline: 3px solid #49938e; outline-offset: 2px; }