.pp-tailored-stage .pp-film-slot--ready .pp-film-frame{display:block;position:relative;aspect-ratio:16/9;padding:0;overflow:hidden;border-radius:2px;background:#101218;text-decoration:none;color:#fff;isolation:isolate}
.pp-film-slot--ready .pp-film-frame::before,.pp-film-slot--ready .pp-film-frame::after{display:none}
.pp-film-poster{display:block;width:100%;height:100%;object-fit:contain;transition:filter .35s ease}
.pp-film-play{position:absolute;bottom:7%;left:5%;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #d6dfef85;border-radius:100px;background:#101218d9;backdrop-filter:blur(12px);font:500 10px/1.3 Arial,sans-serif;letter-spacing:.14em;box-shadow:0 8px 30px #0005;transition:background .25s ease,border-color .25s ease}
.pp-film-length{position:absolute;right:5%;bottom:8%;padding:7px 10px;border-radius:3px;background:#101218d9;color:#e5eaf3;font:500 10px/1.3 Arial,sans-serif;letter-spacing:.12em}
.pp-film-trigger:hover .pp-film-play{background:#e6eaf3;color:#11141c;border-color:#e6eaf3}
.pp-film-trigger:focus-visible{outline:3px solid #e0e9ff;outline-offset:7px}
.pp-tailored-stage .pp-film-slot--ready figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;text-align:left;font-size:10px;letter-spacing:.025em}
.pp-film-slot--ready figcaption>span:last-child{font:9px/1.8 Arial,sans-serif;letter-spacing:.12em;color:#98a2b4}
html.pp-film-is-open{overflow:hidden;scrollbar-gutter:stable}
.pp-film-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;box-sizing:border-box;border:0;background:transparent;color:#f0f0f2;overflow:auto;overscroll-behavior:contain}
.pp-film-dialog[open]{display:grid;place-items:center}
.pp-film-dialog::backdrop{background:#05070bf2;backdrop-filter:blur(16px)}
.pp-film-viewer{width:min(1440px,100%,calc((100dvh - 132px)*16/9));margin:auto;animation:pp-film-arrive .3s ease-out}
.pp-film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
.pp-film-toolbar h2{display:flex;align-items:baseline;gap:18px;margin:0;font:500 15px/1.4 Arial,sans-serif;letter-spacing:.16em}
.pp-film-toolbar h2 span{font:400 10px/1.4 Arial,sans-serif;letter-spacing:.1em;color:#a7b0c2}
.pp-film-close{display:flex;align-items:center;justify-content:center;gap:12px;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid #aab7cc55;border-radius:4px;background:#161b25;color:#e4e9f3;cursor:pointer;font:400 10px/1 Arial,sans-serif;letter-spacing:.12em}
.pp-film-close:hover{background:#30394a}
.pp-film-close:focus-visible{outline:2px solid #d7e5ff;outline-offset:4px}
.pp-film-video{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 132px);object-fit:contain;background:#080a10;box-shadow:0 24px 100px #0007;border:1px solid #aebbd326;border-radius:2px}
.pp-film-message{margin:12px 0 0;font-size:13px;line-height:1.6;color:#c0c9d9}
.pp-film-message[hidden]{display:none}
@keyframes pp-film-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){.pp-film-dialog{padding:12px}.pp-film-toolbar h2{display:block;font-size:12px}.pp-film-toolbar h2 span{display:block;margin-top:5px;font-size:8px}.pp-film-close span{display:none}.pp-film-play{padding:8px 12px;font-size:9px;gap:6px}.pp-film-play svg{width:16px;height:16px}.pp-film-length{font-size:8px}.pp-tailored-stage .pp-film-slot--ready figcaption{font-size:9px;line-height:1.8}.pp-film-slot--ready figcaption>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.pp-film-viewer{animation:none}.pp-film-poster,.pp-film-play{transition:none}}
