.pm-player-moments { --pm-moments-unit: clamp(8px, .636vw, 10px); position: relative; z-index: 1040; pointer-events: auto; align-self: flex-start; width: fit-content; max-width: 100%; margin: 0 0 16px; color: #fff; font-size: calc(1.6 * var(--pm-moments-unit)); }
.pm-player-moments[hidden], #pm-moments-menu[hidden], .pm-moments-label[hidden] { display: none !important; }
.pm-player-moments button { position: relative; border: 0; color: inherit; font: inherit; cursor: pointer; transform: none !important; transition: background-color 100ms linear, color 100ms linear; }
.pm-moments-trigger { display: flex; align-items: center; gap: calc(.8 * var(--pm-moments-unit)); max-width: 100%; min-height: calc(4 * var(--pm-moments-unit)); padding: calc(.6 * var(--pm-moments-unit)) calc(1.6 * var(--pm-moments-unit)); border-radius: 24px; background: rgb(128 128 128 / .4); }
.pm-moments-trigger:hover { background: rgb(0 0 0 / .3); }
.pm-moments-trigger:active, .pm-moments-trigger[aria-expanded=true] { background: rgb(0 0 0 / .5); }
.pm-player-moments button:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.pm-moments-label { flex-shrink: 0; }
.pm-moments-current { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pm-moments-trigger svg { flex-shrink: 0; width: calc(2.4 * var(--pm-moments-unit)); height: calc(2.4 * var(--pm-moments-unit)); }
#pm-moments-menu { position: absolute; bottom: 0; left: 0; display: flex; flex-direction: column; width: min(calc(76 * var(--pm-moments-unit)), calc(100vw - 80px)); max-height: min(70vh, 630px, var(--pm-moments-room, 70vh)); overflow: hidden; border: 0; border-radius: 0; background: #262626; box-shadow: none; }
.pm-moments-heading { flex: 0 0 auto; margin: 0; padding: calc(2 * var(--pm-moments-unit)); color: #fff; font-size: calc(3 * var(--pm-moments-unit)); line-height: 1; font-weight: 700; }
.pm-moments-options { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #777 transparent; }
#pm-moments-menu button { display: flex; align-items: center; justify-content: space-between; gap: calc(2.4 * var(--pm-moments-unit)); width: 100%; min-height: calc(5.2 * var(--pm-moments-unit)); padding: calc(1.2 * var(--pm-moments-unit)) calc(2 * var(--pm-moments-unit)); text-align: start; background: transparent; font-size: calc(2.1 * var(--pm-moments-unit)); line-height: calc(2.8 * var(--pm-moments-unit)); font-weight: 600; }
#pm-moments-menu button > span:first-child { overflow-wrap: anywhere; }
#pm-moments-menu button:hover { background: rgb(255 255 255 / .1); }
#pm-moments-menu button:focus { outline: 0; box-shadow: inset 0 0 0 3px #fff; }
#pm-moments-menu button:active, #pm-moments-menu button[aria-current=true] { background: rgb(0 0 0 / .5); }
.pm-moments-time { color: #b3b3b3; flex-shrink: 0; font-weight: 400; font-variant-numeric: tabular-nums; }
.pm-player-moments button > * { pointer-events: none; }
@media (max-width: 760px) {
 .pm-player-moments { font-size: 14px; margin-bottom: 8px; }
 .pm-moments-trigger { min-height: 40px; padding: 6px 12px; }
 #pm-moments-menu { width: min(540px, calc(100vw - 36px)); max-height: min(70dvh, var(--pm-moments-room, 70vh)); }
 .pm-moments-heading { font-size: 22px; padding: 16px; }
 #pm-moments-menu button { min-height: 44px; font-size: 16px; line-height: 20px; padding: 12px 16px; }
}

/* Shared by Browse and the standalone player. Only phone playback opts in. */
html.pm-player-force-landscape, body.pm-player-force-landscape { overflow: hidden; overscroll-behavior: none; }
body.pm-player-force-landscape #proPlayerModal { position: fixed !important; inset: 0 !important; width: 100dvw; height: 100dvh; overflow: hidden !important; background: #000 !important; }
body.pm-player-force-landscape .pm-cine-player-root {
 --pm-phone-width: max(100dvw, 100dvh);
 --pm-phone-height: min(100dvw, 100dvh);
 --pm-phone-inset: max(20px, env(safe-area-inset-left), env(safe-area-inset-right), env(safe-area-inset-top));
 position: fixed !important; inset: auto !important;
 left: var(--pm-phone-center-x, 50%) !important; top: var(--pm-phone-center-y, 50%) !important;
 width: var(--pm-phone-width) !important; height: var(--pm-phone-height) !important;
 transform: translate(-50%, -50%) rotate(var(--pm-phone-rotation, 0deg)) !important;
 transform-origin: center; max-width: none !important; max-height: none !important;
 border-radius: 0 !important; touch-action: pan-x pan-y; overscroll-behavior: none;
}
body.pm-player-force-landscape .pm-cine-player-root :is(#nativeVideo, .pm-cine-click-catcher, #cineProgressBar) { touch-action: none; }
body.pm-player-force-landscape .pm-cine-player-root #nativeVideo { object-fit: contain; }
body.pm-player-force-landscape #cineTopBar { height: 80px !important; padding: 12px var(--pm-phone-inset) !important; }
body.pm-player-force-landscape #cineBottomBar { min-height: 130px !important; height: auto !important; padding: 0 var(--pm-phone-inset) 12px !important; }
body.pm-player-force-landscape #cineIntroNotice { top: 60px !important; left: 76px !important; max-width: 60% !important; }
body.pm-player-force-landscape #cineTitleBlock { max-width: 30% !important; }
body.pm-player-force-landscape .pm-cine-control-cluster { gap: 8px !important; }
body.pm-player-force-landscape .pm-cine-player-root :is(#cineAudioSubtitlePopover, #cineSpeedPopover, #cineTopQualityMenu) {
 position: fixed !important; left: auto !important; right: var(--pm-phone-inset) !important;
 max-width: calc(var(--pm-phone-width) - 2 * var(--pm-phone-inset)) !important;
}
body.pm-player-force-landscape .pm-cine-player-root :is(#cineAudioSubtitlePopover, #cineSpeedPopover) { bottom: 68px !important; }
body.pm-player-force-landscape .pm-cine-player-root #cineTopQualityMenu { top: 58px !important; bottom: auto !important; width: 260px !important; }
body.pm-player-force-landscape .pm-cine-player-root #cineAudioSubtitlePopover { width: min(520px, calc(var(--pm-phone-width) - 2 * var(--pm-phone-inset))) !important; }
body.pm-player-force-landscape .pm-cine-player-root #cineSpeedPopover { --pm-cine-speed-unit: 6px; width: min(504px, calc(var(--pm-phone-width) - 2 * var(--pm-phone-inset))) !important; }
body.pm-player-force-landscape .pm-cine-player-root :is(.pm-cine-as-panel, .pm-cine-top-quality-panel) { max-height: calc(var(--pm-phone-height) - 92px) !important; }
body.pm-player-force-landscape .pm-cine-player-root :is(.pm-cine-as-list, .pm-cine-top-quality-options) { max-height: calc(var(--pm-phone-height) - 160px) !important; overflow-y: auto; touch-action: pan-y; }
body.pm-player-force-landscape #pm-moments-menu { width: min(540px, calc(var(--pm-phone-width) - 2 * var(--pm-phone-inset))); max-height: calc(var(--pm-phone-height) - 108px); }
body.pm-player-force-landscape .pm-player-moments { margin-bottom: 8px; }