.promo-film{width:min(100%,82vw);margin-left:auto;margin-right:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}
.promo-film video{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;filter:none;cursor:pointer}
.promo-play{left:50%;bottom:12%;width:64px;height:64px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);transform:translateX(-50%);transition:background .3s,scale .3s,opacity .3s}
.promo-play svg{width:29px;height:29px;margin-left:-4px}.promo-play:hover{background:rgba(255,255,255,.17);scale:1.06}.promo-play:active{scale:.97}
.film-controls{position:absolute;inset:auto 5% 3%;display:flex;align-items:center;gap:14px;padding:6px 12px;background:rgba(8,14,23,.7);backdrop-filter:blur(16px);border-radius:8px;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.7,.2,1);color:#eaf1fb}
.film-controls[hidden]{display:none}.promo-film.controls-visible .film-controls,.film-controls:focus-within{opacity:1;transform:translateY(0);pointer-events:auto}
.film-controls button{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;background:none;border:0;padding:6px;color:inherit;cursor:pointer;border-radius:5px}.film-controls button:hover{background:rgba(255,255,255,.1)}.film-controls svg{width:20px;height:20px}.film-time{font:11px/1.3 Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.film-controls input{min-width:0;flex:1;appearance:none;-webkit-appearance:none;height:24px;margin:0;background:transparent;cursor:pointer}
.film-controls input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#eef5ff var(--played,0%),rgba(255,255,255,.24) var(--played,0%));border-radius:2px}
.film-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:7px;height:7px;border-radius:50%;background:#fff;margin-top:-2.5px}
.film-controls input::-moz-range-track{height:2px;background:#ffffff40}.film-controls input::-moz-range-progress{height:2px;background:#eef5ff}.film-controls input::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:#fff}
.film-controls :focus-visible{outline:2px solid #d4edff;outline-offset:3px}.promo-film:fullscreen{width:100%;height:100%;margin:0;background:#030810;display:grid;place-items:center}.promo-film:fullscreen video{mask-image:none;-webkit-mask-image:none;max-height:100vh}.promo-film:fullscreen .film-controls{bottom:3%}
@media(max-width:620px){.promo-film{width:100%;border-radius:0}.promo-play{width:48px;height:48px;bottom:12%}.promo-play svg{width:24px;height:24px}.film-controls{inset:auto 2% 1%;gap:5px;padding:2px 5px}.film-time{font-size:10px}.film-controls button{width:36px;height:36px;flex-basis:36px}}
@media(prefers-reduced-motion:reduce){.film-controls,.promo-play{transition:none}}