/* Quiet player controls. Caption appearance is rendered into the default film. */
#demo-walkthrough .lh-walkthrough-play { padding: 12px; gap: 0; }
#demo-walkthrough .lh-walkthrough-overlay { padding: 0 0 36px; background: rgba(11,27,51,.12); }
#demo-walkthrough .lh-walkthrough-figure { margin-bottom: 22px; }
.lh-caption-menu { position: absolute; top: 12px; right: 12px; z-index: 3; color: #F5F1E8; font-family: Inter, Arial, sans-serif; font-size: 14px; }
.lh-caption-menu > summary { display: grid; place-items: center; width: 44px; height: 44px; list-style: none; cursor: pointer; border-radius: 8px; border: 1px solid rgba(199,173,123,.75); background: #0B1B33; }
.lh-caption-menu > summary::-webkit-details-marker { display: none; }
.lh-caption-menu summary svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
.lh-caption-menu > summary:focus-visible, .lh-caption-options button:focus-visible { outline: 3px solid #C7AD7B; outline-offset: 3px; }
.lh-caption-options { position: absolute; right: 0; top: 52px; width: max-content; max-width: min(255px,calc(100vw - 64px)); padding: 6px; border: 1px solid #AE8B4E; border-radius: 10px; background: #0B1B33; box-shadow: 0 8px 24px rgba(11,27,51,.2); }
.lh-caption-menu:not([open]) .lh-caption-options { display: none; }
.lh-caption-options button { display: block; width: 100%; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 5px; font: inherit; text-align: left; background: transparent; color: #F5F1E8; cursor: pointer; }
.lh-caption-options button[aria-pressed="true"] { color: #0B1B33; background: #C7AD7B; }
.lh-caption-options button:hover { box-shadow: inset 0 0 0 1px #C7AD7B; }
.lh-caption-options button:disabled { opacity: .7; cursor: progress; }
.lh-caption-status { pointer-events: none; position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (hover: hover) {
  .lh-caption-menu:not([open]) { opacity: 0; transition: opacity 120ms; }
  .lh-walkthrough-player:hover .lh-caption-menu, .lh-caption-menu:focus-within { opacity: 1; }
}
@media (max-width: 700px) {
  .lh-caption-menu { top: 8px; right: 8px; }
  #demo-walkthrough .lh-walkthrough-play-disc { width: 56px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) { .lh-caption-menu { transition: none; } }
@media (forced-colors: active) { .lh-caption-menu > summary, .lh-caption-options { border: 1px solid ButtonText; background: Canvas; color: CanvasText; } }

.lh-caption-status.lh-caption-error { clip-path: none; width: 220px; height: auto; right: 12px; top: 64px; z-index: 4; white-space: normal; padding: 12px; border-radius: 8px; color: #F5F1E8; background: #0B1B33; border: 1px solid #AE8B4E; }
/* The global disclosure triangle does not apply to this CC icon control. */
body #demo-walkthrough details.lh-caption-menu > summary { padding: 0 !important; }
body #demo-walkthrough details.lh-caption-menu > summary::after { display: none !important; content: none !important; }
body #demo-walkthrough .lh-caption-menu > summary svg { display: block; flex: none; }