/* Scoped drop-up chooser; no changes to the surrounding player or popup layout. */
.external-players{position:relative;flex:none;--external-panel-shift:0px}
.external-players>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 5px;color:#9ca9b4;font-size:9px;line-height:1.3;letter-spacing:.045em;white-space:nowrap;user-select:none}
.external-players>summary::-webkit-details-marker{display:none}
.external-players>summary>svg{width:17px;height:17px;flex:none}
.external-players-chevron{display:flex;align-items:center;color:#738795}
.external-players-chevron svg{width:11px;height:11px;transition:transform .15s}
.external-players[open]>summary,.external-players>summary:hover{color:#e6e9eb}
.external-players[open] .external-players-chevron svg{transform:rotate(180deg)}
.external-players>summary:focus-visible{outline:2px solid var(--accent,#a85c95);outline-offset:3px}
.external-players-panel{position:absolute;z-index:70;bottom:calc(100% + 12px);right:0;width:248px;max-width:calc(100vw - 24px);max-height:320px;max-height:min(320px,calc(100dvh - 100px));overflow-y:auto;overscroll-behavior:contain;transform:translateX(var(--external-panel-shift));border:1px solid #ffffff26;background:#111724;box-shadow:0 12px 32px #0007;padding:7px}
.external-players:not([open]) .external-players-panel{display:none}
.external-players-panel ul{list-style:none;margin:0;padding:0}
.external-players-panel li{margin:0;padding:0}
.external-players-panel a{display:flex;align-items:center;gap:13px;min-height:45px;padding:10px 12px;color:#bdc6cf;font-size:11px;line-height:1.4;letter-spacing:.01em;text-decoration:none;transition:background .15s,color .15s}
.external-players-panel a:hover,.external-players-panel a:focus-visible{background:#ffffff06;color:#eef0ed}
.external-players-panel a:focus-visible{outline:1px solid var(--accent,#a85c95);outline-offset:-1px}
.external-players-panel img{display:block;object-fit:contain;width:23px;height:23px;flex:none}
@media(max-width:560px){
  .external-players>summary{width:38px;min-height:40px;padding:8px}
  .external-players>summary>svg{width:19px;height:19px}
  .external-players-label,.external-players-chevron{display:none}
  .external-players-panel{bottom:calc(100% + 10px)}
  .external-players-panel a{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.external-players-chevron svg,.external-players-panel a{transition:none}}


/* Direct playlist links below the homepage's set timeline. */
.external-players-inline{margin-top:12px;max-width:100%}
.external-players-inline ul{display:flex;align-items:center;flex-wrap:wrap;gap:2px 18px;list-style:none;margin:0;padding:0}
.external-players-inline li{margin:0;padding:0}
.external-players-inline a{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:#9ba7b1;font-size:10px;line-height:1.4;letter-spacing:.015em;text-decoration:none;white-space:nowrap;transition:color .18s}
.external-players-inline img{display:block;flex:none;width:15px;height:15px;object-fit:contain;filter:grayscale(1);opacity:.8;transition:opacity .18s}
.external-players-inline a:hover{color:#f0f2f3}
.external-players-inline a:hover img{opacity:1}
.external-players-inline a:focus-visible{color:#f0f2f3;outline:2px solid var(--accent,#a85c95);outline-offset:4px;border-radius:2px}
@media(max-width:560px){.external-players-inline{margin-top:10px}.external-players-inline ul{gap:0 16px}.external-players-inline a{min-height:40px;font-size:11px}.external-players-inline img{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.external-players-inline a,.external-players-inline img{transition:none}}

.set-tools>.hero-set-timing{flex:1 1 235px;min-width:200px;max-width:390px}
.hero-set-timing+.popup-link,.hero-set-timing+.hero-secondary-actions{align-self:flex-start;margin-top:12px}
@media(max-width:560px){.set-tools>.hero-set-timing{flex-basis:100%;min-width:0;max-width:100%}.hero-set-timing+.popup-link,.hero-set-timing+.hero-secondary-actions{margin-top:0}.hero-set-timing .external-players-inline ul{display:grid;grid-template-columns:max-content max-content;column-gap:24px}}