.film-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border-radius:25px;background:#e8eaf3;box-shadow:0 0 0 1px #ffffffde,inset 0 1px 0 #fff}.film-video{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.film-video::cue{color:#fff;background:#141720ed;font-family:inherit;font-size:.95em}.film-cover-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#232633;background:linear-gradient(transparent 15%,#f4f5fb24)}.film-cover-play>span{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#ffffffa8;backdrop-filter:blur(16px);border:1px solid #fff;box-shadow:inset 0 1px 2px #fff,0 10px 30px -12px #28304750;transition:transform .3s var(--ease-liquid),background .3s}.film-cover-play svg{width:24px;height:24px;margin-left:3px}.film-cover-play strong{font-size:14px;font-weight:600;text-shadow:0 1px 10px white}.film-cover-play small{font-size:11px;color:#525868;text-shadow:0 1px 8px white}.film-cover-play:hover>span{transform:scale(1.06);background:#ffffffe6}.film-controls{position:absolute;z-index:3;display:flex;gap:5px;align-items:center;left:16px;right:16px;bottom:14px;min-height:50px;padding:3px 8px;border-radius:16px;color:#202431;background:#ffffffe3;backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 #fff,0 0 0 .5px #ffffffbf,0 6px 25px -12px #30395550}.film-controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:12px}.film-controls button:hover,.film-controls button[aria-pressed=true]{background:#5e5ce615}.film-controls svg{width:17px;height:17px}.film-controls :is(button,input,select):focus-visible,.film-cover-play:focus-visible{outline:2px solid #5e5ce6;outline-offset:-3px}.film-time{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;padding-right:8px}.film-time>span{color:#757a89}.film-seek{--film-progress:0%;min-width:36px;width:100%;flex:1;height:44px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.film-seek::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#5e5ce6 var(--film-progress),#d9dce5 var(--film-progress))}.film-seek::-moz-range-track{height:4px;border-radius:4px;background:#d9dce5}.film-seek::-moz-range-progress{background:#5e5ce6;height:4px}.film-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:12px;width:12px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #2029404d,0 0 0 1px #5e5ce640}.film-seek:disabled{cursor:default;opacity:.5}.film-volume{width:55px;height:44px;accent-color:#5e5ce6}.film-rate{width:53px;height:44px;border:0;background:transparent;font-size:11px}.film-wait{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#5e5ce6}.film-wait svg{width:36px;height:36px}.film-error{position:absolute;inset:20% 15% auto;z-index:4;text-align:center;padding:20px;border-radius:18px;background:#fffffff5;color:#303648;font-size:14px}.film-error button{display:inline-block;margin-top:12px;min-height:44px;padding:0 18px;border-radius:24px;background:#252835;color:white}.film-frame:fullscreen{border-radius:0;background:#101117;aspect-ratio:auto;height:100%;display:grid;place-items:center}.film-frame:fullscreen .film-video{width:100%;height:100%}.film-frame:fullscreen .film-controls{max-width:1080px;margin-inline:auto;bottom:24px}@media (max-width:600px){.film-frame{border-radius:17px}.film-frame:not(:fullscreen){aspect-ratio:auto;padding-bottom:55px}.film-frame:not(:fullscreen) .film-video{height:auto;aspect-ratio:16/9}.film-frame:not(:fullscreen) .film-cover-play,.film-frame:not(:fullscreen) .film-wait{bottom:55px}.film-controls{left:7px;right:7px;bottom:7px;padding:0 2px;gap:0;min-height:44px;border-radius:12px}.film-controls button{width:38px;min-width:38px}.film-time{font-size:9px;padding-right:6px}.film-time>span,.film-volume{display:none}.film-rate{width:45px;font-size:10px}.film-cover-play{justify-content:flex-start;padding-top:12%;gap:6px}.film-cover-play>span{width:48px;height:48px}.film-cover-play strong{font-size:12px}.film-cover-play small{display:none}.film-error{inset:8px 8px auto;padding:10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.film-cover-play:hover>span{transform:none}}@media (prefers-reduced-transparency:reduce){.film-controls,.film-cover-play>span{background:#fafbfe;backdrop-filter:none}}