@import "https://fonts.googleapis.com/css2?family=Rozha+One&family=Libre+Franklin:wght@400;500;600&family=Sometype+Mono:wght@400;500&display=swap";@property --pj-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.pj{--pj-bg:#0a0a0a;--pj-fg:#f2f2f2;--pj-muted:#9a9a9a;--pj-accent:var(--media-accent-color,#d9d9d9);--pj-accent-text:var(--media-accent-text-color,#0a0a0a);--pj-hole:#2c2c2c;--pj-hole-lit:#4a4a4a;--pj-plate:#0a0a0ad1;--pj-line:#f2f2f224;--pj-radius:var(--media-border-radius,14px);--pj-f-body:var(--media-font-family,"Libre Franklin", system-ui, sans-serif);--pj-f-mono:"Sometype Mono", ui-monospace, monospace;--pj-u:var(--media-scale-unit,16px);--pj-rail:16px;--pj-pitch:22px;--pj-gap:10px;--pj-btn:calc(var(--pj-u) * 2.5);--pj-pull:.44s;--pj-glow:0 0 2px #0009, 0 0 14px #0000008c;box-sizing:border-box;background:var(--pj-bg);color:var(--pj-fg);border-radius:var(--pj-radius);box-shadow:inset 0 0 0 1px var(--media-border-color,#f2f2f214);font:400 calc(var(--pj-u) * .875) / 1.3 var(--pj-f-body);isolation:isolate;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto;padding:0;display:grid;position:relative;container:pj/inline-size}.pj *,.pj :before,.pj :after{box-sizing:border-box}.pj:focus-visible{outline:2px solid var(--pj-accent);outline-offset:2px}:is(.pj[data-fullscreen],.pj:fullscreen){border-radius:0;grid-template-rows:minmax(0,1fr)}.pj:fullscreen .pj-gate{aspect-ratio:auto}@media (width>=1280px){.pj:fullscreen{--pj-u:calc(var(--media-scale-unit,16px) * 1.3)}}@media (width>=1920px){.pj:fullscreen{--pj-u:calc(var(--media-scale-unit,16px) * 1.75);--pj-rail:24px;--pj-pitch:32px}}.pj:has(.pj-fps[data-rate="0.5"]){--pj-pull:.88s}.pj:has(.pj-fps[data-rate="0.75"]){--pj-pull:.58s}.pj:has(.pj-fps[data-rate="1.5"]){--pj-pull:.3s}.pj:has(.pj-fps[data-rate="2"]){--pj-pull:.22s}.pj>media-hotkey,.pj>media-gesture{position:absolute}.pj-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pj-rail{width:var(--pj-rail);margin:var(--pj-gap);background:var(--pj-hole);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22'%3E%3Crect x='1.5' y='5' width='13' height='12' rx='2.6'/%3E%3C/svg%3E") 0 0 / 100% var(--pj-pitch) repeat-y;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22'%3E%3Crect x='1.5' y='5' width='13' height='12' rx='2.6'/%3E%3C/svg%3E") 0 0 / 100% var(--pj-pitch) repeat-y;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='22'%3E%3Crect x='1.5' y='5' width='13' height='12' rx='2.6'/%3E%3C/svg%3E") 0 0 / 100% var(--pj-pitch) repeat-y;align-self:stretch;transition:background-color .3s}.pj:has(.pj-play:not([data-paused])) .pj-rail{background:var(--pj-hole-lit);animation:pj-advance var(--pj-pull) linear infinite}@keyframes pj-advance{0%,15.9%{-webkit-mask-position:0 0;mask-position:0 0}16%,31.9%{-webkit-mask-position:0 calc(var(--pj-pitch) / 3);-webkit-mask-position:0 calc(var(--pj-pitch) / 3);mask-position:0 calc(var(--pj-pitch) / 3)}32%,47.9%{-webkit-mask-position:0 calc(var(--pj-pitch) * 2 / 3);-webkit-mask-position:0 calc(var(--pj-pitch) * 2 / 3);mask-position:0 calc(var(--pj-pitch) * 2 / 3)}48%,to{-webkit-mask-position:0 var(--pj-pitch);-webkit-mask-position:0 var(--pj-pitch);mask-position:0 var(--pj-pitch)}}.pj-gate{aspect-ratio:16/9;margin-block:var(--pj-gap);border-radius:calc(var(--pj-radius) * .7);background:#000;place-self:stretch stretch;min-width:0;min-height:0;position:relative;overflow:hidden}.pj-frame{position:absolute;inset:0}.pj-frame>:is(video,mux-video,hls-video,hlsjs-video,dash-video){object-fit:var(--media-object-fit,contain);width:100%;height:100%;display:block;position:absolute;inset:0}.pj:has(.pj-play:not([data-paused])) .pj-frame{animation:.44s linear both pj-pull}@keyframes pj-pull{0%,24.9%{transform:translateY(-7%)}25%,49.9%{transform:translateY(-4.6%)}50%,74.9%{transform:translateY(-2.2%)}75%,83.9%{transform:translateY(.7%)}84%,91.9%{transform:translateY(-.3%)}92%,to{transform:none}}.pj-flicker{pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:#fff;position:absolute;inset:0}.pj:has(.pj-play:not([data-paused])) .pj-flicker{animation:.7s step-end both pj-lamp}@keyframes pj-lamp{0%{opacity:.32}12%{opacity:.08}24%{opacity:.24}40%{opacity:.04}58%{opacity:.12}76%,to{opacity:0}}.pj-burn{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.pj:has(.pj-play[data-paused]:not([data-ended])):has(.pj-ui[data-started]):not(:has(.pj-strip[data-dragging])) .pj-burn{display:block}.pj-burn-grow{transform-box:fill-box;transform-origin:50%;animation:9s cubic-bezier(.55,0,.75,.45) 3.5s forwards pj-burn;transform:scale(0)}@keyframes pj-burn{0%{transform:scale(0)}8%{transform:scale(.12)}to{transform:scale(1.35)}}.pj-burn-ember{animation:.9s steps(3,end) infinite pj-ember}@keyframes pj-ember{0%{opacity:1}33%{opacity:.7}66%{opacity:.92}}.pj-poster{position:absolute;inset:0}.pj-poster:not([data-visible]){display:none}.pj-poster-image{object-fit:var(--media-object-fit,contain);width:100%;height:100%;display:block}.pj-poster-image:not([src]):not([srcset]){visibility:hidden}.pj-controls{pointer-events:none;position:absolute;inset:0}.pj-ui{pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0}.pj-ui>*{min-width:0}.pj-top{font:500 calc(var(--pj-u) * .6875) / 1 var(--pj-f-mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:var(--pj-glow);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;transition:transform .32s steps(4,end);display:flex}.pj-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.pj-timecode{font-variant-numeric:tabular-nums;flex:none;margin-inline-start:auto}.pj-timecode span{color:var(--pj-accent);opacity:.75}.pj-center{place-items:center;display:grid}.pj-leader-play{aspect-ratio:1;width:clamp(64px,17cqw,132px);color:var(--pj-fg);cursor:pointer;pointer-events:auto;border-radius:50%;outline:none;place-items:center;display:grid;position:relative}.pj-leader-play:not([data-paused]){visibility:hidden}.pj-leader-play:focus-visible{outline:2px solid var(--pj-accent);outline-offset:4px}.pj-leader{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0a94;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 2px #f2f2f2cc,0 6px 30px #00000059}.pj-leader-sweep{background:conic-gradient(#f2f2f242 0 var(--pj-sweep), transparent var(--pj-sweep));animation:1.6s steps(24,end) infinite pj-sweep;position:absolute;inset:0}@keyframes pj-sweep{to{--pj-sweep:360deg}}.pj-leader-cross{background:linear-gradient(#f2f2f280,#f2f2f280) 50%/1px 100% no-repeat,linear-gradient(#f2f2f280,#f2f2f280) 50%/100% 1px no-repeat;position:absolute;inset:0}.pj-leader-ring{border-radius:50%;position:absolute;inset:16%;box-shadow:inset 0 0 0 1px #f2f2f28c}.pj-leader-icon{filter:drop-shadow(0 1px 6px #00000080);width:34%;height:34%;transition:transform .2s;position:relative}@media (hover:hover){.pj-leader-play:hover .pj-leader-icon{transform:scale(1.12)}.pj-leader-play:hover .pj-leader{box-shadow:inset 0 0 0 2px var(--pj-fg), 0 6px 30px #00000059}}.pj-buffering{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.pj-buffering:not([data-visible]){display:none}.pj-leader-small{width:44px;height:44px;position:relative}.pj-leader-small .pj-leader-sweep{animation-duration:.8s}.pj-plate{background:var(--pj-plate);border-top:1px solid var(--pj-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;gap:2px;padding:6px 10px 8px;transition:transform .32s steps(4,end);display:grid}.pj-ui:not([data-visible]):not(:has(:focus-visible)) .pj-plate{transform:translateY(calc(100% + 2px))}.pj-ui:not([data-visible]):not(:has(:focus-visible)) .pj-top{transform:translateY(-100%)}.pj:has(.pj-ui:not([data-visible])):not(:has(:focus-visible)){cursor:none}.pj-strip{cursor:pointer;touch-action:none;outline:none;align-items:center;height:34px;display:flex;position:relative}.pj-reels{align-items:center;width:100%;height:100%;display:flex;position:relative}.pj-reel{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end,100%) + 2px) 0 calc(var(--media-slider-chapter-start,0%) + 2px));align-items:center;display:flex;position:absolute;inset:0}.pj-reel:first-of-type{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end,100%) + 2px) 0 var(--media-slider-chapter-start,0%))}.pj-reel:last-of-type{clip-path:inset(0 calc(100% - var(--media-slider-chapter-end,100%)) 0 calc(var(--media-slider-chapter-start,0%) + 2px))}.pj-reel:only-of-type{clip-path:none}.pj-strip-track{background:repeating-linear-gradient(90deg,#0000 0 4px,#0000008c 4px 8px) 0 2px/100% 3px no-repeat,repeating-linear-gradient(90deg,#0000 0 4px,#0000008c 4px 8px) 0 calc(100% - 2px)/100% 3px no-repeat,repeating-linear-gradient(90deg,#0000 0 23px,#00000059 23px 24px) 0/100% 10px no-repeat,#f2f2f229;border-radius:3px;height:22px;transition:height .15s;position:absolute;inset-inline:0;overflow:hidden}.pj-strip[data-interactive] .pj-strip-track{height:26px}.pj-strip-buffer,.pj-strip-fill{inset-block:0;pointer-events:none;position:absolute;left:0}.pj-strip-buffer{width:var(--media-slider-buffer,0%);background:#f2f2f21f}.pj-strip-fill{width:var(--media-slider-fill,0%);background:repeating-linear-gradient(90deg, transparent 0 4px, #0a0a0abf 4px 8px) 0 2px / 100% 3px no-repeat, repeating-linear-gradient(90deg, transparent 0 4px, #0a0a0abf 4px 8px) 0 calc(100% - 2px) / 100% 3px no-repeat, repeating-linear-gradient(90deg, transparent 0 23px, #0a0a0a4d 23px 24px) 0 50% / 100% 10px no-repeat, var(--pj-accent)}.pj-strip[data-dragging] .pj-strip-fill{width:var(--media-slider-pointer,0%)}.pj-strip-thumb{left:var(--media-slider-fill,0%);border:2px solid var(--pj-fg);z-index:2;background:#0a0a0a40;border-radius:4px;outline:none;width:16px;height:32px;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 0 0 1px #0009,0 2px 10px #00000080}.pj-strip[data-dragging] .pj-strip-thumb{left:var(--media-slider-pointer,0%)}.pj-strip-thumb:focus-visible{outline:2px solid var(--pj-accent);outline-offset:3px}.pj-preview{pointer-events:none;visibility:hidden;transform-origin:bottom;justify-items:center;gap:6px;display:grid;position:absolute;bottom:calc(100% + 10px)}.pj-strip[data-pointing] .pj-preview,.pj-strip[data-dragging] .pj-preview{visibility:visible;animation:.18s steps(3,end) both pj-preview-in}@keyframes pj-preview-in{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.pj-strip[data-disabled] .pj-preview{display:none}.pj-preview-still{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10'%3E%3Crect x='1.5' y='2' width='5' height='6' rx='1.2' fill='%233a3a3a'/%3E%3C/svg%3E") 2px 0 / 8px 10px repeat-y, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10'%3E%3Crect x='1.5' y='2' width='5' height='6' rx='1.2' fill='%233a3a3a'/%3E%3C/svg%3E") calc(100% - 2px) 0 / 8px 10px repeat-y, var(--pj-bg);box-shadow:0 0 0 1px var(--pj-line), 0 8px 24px #00000080;border-radius:8px;padding:5px 12px;display:block}.pj-preview-thumb{background:#000;border-radius:3px;max-width:168px;display:block;overflow:hidden}.pj-preview-image{display:block}.pj-preview-meta{background:var(--pj-bg);max-width:220px;font:500 calc(var(--pj-u) * .6875) / 1.2 var(--pj-f-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:baseline;gap:8px;padding:4px 8px;display:flex}.pj-preview-time{font-variant-numeric:tabular-nums}.pj-preview-chapter{text-overflow:ellipsis;min-width:0;color:var(--pj-muted);overflow:hidden}.pj-preview-chapter:empty{display:none}.pj-row{align-items:center;gap:2px;min-width:0;display:flex}.pj-space{flex:auto;min-width:4px}.pj-btn{width:var(--pj-btn);height:var(--pj-btn);color:var(--pj-fg);cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;flex:none;place-items:center;padding:0;display:grid;position:relative}.pj-btn[data-hidden],.pj-btn[hidden]{display:none}.pj-btn:focus-visible{outline:2px solid var(--pj-accent);outline-offset:1px}.pj-btn:before{content:"";border-radius:inherit;clip-path:inset(0 0 100%);background:#f2f2f21a;position:absolute;inset:0}@media (hover:hover){.pj-btn:hover:before{animation:.24s steps(4,end) both pj-frameline}}@keyframes pj-frameline{to{clip-path:inset(0)}}.pj-btn:active{transform:translateY(1px)}.pj-i{width:calc(var(--pj-u) * 1.375);height:calc(var(--pj-u) * 1.375);position:relative}.pj-play .pj-i{width:calc(var(--pj-u) * 1.5);height:calc(var(--pj-u) * 1.5)}.pj-play:not([data-paused]) .pj-i-play,.pj-play[data-paused] .pj-i-pause,.pj-play[data-ended] .pj-i-play,.pj-play[data-ended] .pj-i-pause,.pj-play:not([data-ended]) .pj-i-restart,.pj-mute[data-muted] .pj-i-on,.pj-mute:not([data-muted]) .pj-i-off,.pj-full[data-fullscreen] .pj-i-enter,.pj-full:not([data-fullscreen]) .pj-i-exit{display:none}.pj-sound{flex:none;align-items:center;display:flex}.pj-gain{width:72px;height:var(--pj-btn);cursor:pointer;touch-action:none;outline:none;align-items:center;margin-inline:2px 8px;display:flex;position:relative}.pj-gain[data-hidden]{display:none}.pj-gain-track{background:repeating-linear-gradient(90deg,#f2f2f238 0 3px,#0000 3px 6px);height:14px;position:absolute;inset-inline:0}.pj-gain-fill{inset-block:0;width:var(--media-slider-fill,0%);background:repeating-linear-gradient(90deg, var(--pj-fg) 0 3px, transparent 3px 6px);position:absolute;left:0}.pj-gain-thumb{left:var(--media-slider-fill,0%);background:var(--pj-accent);border-radius:2px;outline:none;width:4px;height:22px;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 0 0 1px #0009}.pj-gain-thumb:focus-visible{outline:2px solid var(--pj-accent);outline-offset:3px}.pj-sound:has(.pj-mute[data-muted]) .pj-gain-fill{opacity:.25}.pj-time{font:500 calc(var(--pj-u) * .75) / 1 var(--pj-f-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;padding-inline:6px;display:flex}.pj-time-sep,.pj-time-total{color:var(--pj-muted)}.pj-fps{width:auto;min-width:var(--pj-btn);font:500 calc(var(--pj-u) * .75) / 1 var(--pj-f-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:3px;padding-inline:10px;display:flex}.pj-fps-num{position:relative}.pj-fps-num:before{content:attr(data-fps)}.pj-fps .pj-fps-num:before{content:"24"}.pj-fps[data-rate="0.5"] .pj-fps-num:before{content:"12"}.pj-fps[data-rate="0.75"] .pj-fps-num:before{content:"18"}.pj-fps[data-rate="1.25"] .pj-fps-num:before{content:"30"}.pj-fps[data-rate="0.25"] .pj-fps-num:before{content:"6"}.pj-fps[data-rate="1.5"] .pj-fps-num:before{content:"36"}.pj-fps[data-rate="1.75"] .pj-fps-num:before{content:"42"}.pj-fps[data-rate="2"] .pj-fps-num:before{content:"48"}.pj-fps-unit{color:var(--pj-muted);font-size:calc(var(--pj-u) * .625);text-transform:uppercase;position:relative}.pj-fps:not([data-rate="1"]) .pj-fps-num{color:var(--pj-accent)}.pj-cc[data-active]{color:var(--pj-accent);background:linear-gradient(currentColor,currentColor) 50% calc(100% - 5px)/36% 2px no-repeat}.pj-reel-btn:disabled{opacity:.35;cursor:default}.pj-row .pj-btn:after{z-index:5;background:var(--pj-fg);color:var(--pj-bg);font:500 calc(var(--pj-u) * .625) / 1 var(--pj-f-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;visibility:hidden;border-radius:5px;padding:6px 8px;position:absolute;bottom:calc(100% + 8px);left:0}.pj-row .pj-btn[aria-label]:after{content:attr(aria-label)}.pj-row .pj-btn[aria-label][aria-keyshortcuts]:after{content:attr(aria-label) "   " attr(aria-keyshortcuts)}.pj-space~.pj-btn:after{left:auto;right:0}@media (hover:hover){.pj-row .pj-btn:hover:not([aria-expanded=true]):after{visibility:visible;animation:.16s steps(3,end) .35s both pj-preview-in}}.pj-row .pj-btn:focus-visible:not([aria-expanded=true]):after{visibility:visible}.pj-slate{gap:5px;min-width:0;display:grid}.pj-reel-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:color-mix(in srgb, var(--pj-fg) 70%, transparent);overflow:hidden}.pj-reel-name:empty{display:none}.pj-cue{aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;visibility:hidden;background:radial-gradient(circle,#fffffff2 0 52%,#ffffff80 62%,#0000 72%);border-radius:50%;width:clamp(14px,4.2cqw,40px);position:absolute;top:9%;right:7%}.pj[data-pj-cue] .pj-cue{visibility:visible}.pj-center{grid-template-areas:"stack"}.pj-center>*{grid-area:stack}.pj-end{margin:0;letter-spacing:-.01em;text-shadow:var(--pj-glow);visibility:hidden;align-self:start;margin-top:6%;font:400 clamp(26px,7.5cqw,72px)/1 Rozha One,Georgia,serif}.pj:has(.pj-play[data-ended]) .pj-end{visibility:visible;animation:.44s linear both pj-pull}.pj:has(.pj-play[data-ended]) .pj-frame{filter:grayscale()brightness(.45)}.pj-leader-play[data-ended] .pj-leader-icon{display:none}.pj-leader-play[data-ended]:after{content:"";background:currentColor;width:34%;height:34%;position:relative;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12a7 7 0 1 0 2.05-4.95M5 4.5V8h3.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12a7 7 0 1 0 2.05-4.95M5 4.5V8h3.5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.pj{--pj-spill:#d6aa78}.pj-house{aspect-ratio:16/9;z-index:1;border-radius:inherit;pointer-events:none;background:var(--pj-house-image,none) center / 100% 100% no-repeat;width:100%;display:none;position:absolute;top:50%;left:0;overflow:hidden;translate:0 -50%}.pj-house:before{content:"";background:rgb(0 0 0/var(--pj-house-dim,.64));position:absolute;inset:0}.pj-house:after{content:"";background:radial-gradient(ellipse 75% 85% at 48% 22%, var(--pj-spill), transparent 72%);mix-blend-mode:soft-light;opacity:.75;position:absolute;inset:0}.pj[data-pj-cinema]{background:radial-gradient(ellipse 64% 58% at 50% 34%, color-mix(in srgb, var(--pj-spill) 20%, #050505), #050505 78%)}.pj[data-pj-cinema] .pj-house{display:block}.pj[data-pj-cinema] .pj-rail{visibility:hidden}.pj[data-pj-cinema] .pj-gate{background:0 0;border-radius:0;grid-column:1/-1;margin:0;position:static;overflow:visible}.pj[data-pj-cinema] .pj-frame,.pj[data-pj-cinema] .pj-center,.pj[data-pj-cinema] .pj-buffering{left:calc(var(--pj-screen-x,17) * 1cqw);top:calc(50% + (var(--pj-screen-y,17) - 50) * .5625cqw);width:calc(var(--pj-screen-w,66) * 1cqw);height:calc(var(--pj-screen-h,66) * .5625cqw);position:absolute;bottom:auto;right:auto}.pj[data-pj-cinema] .pj-frame{z-index:2;box-shadow:0 0 70px -6px color-mix(in srgb, var(--pj-spill) 50%, transparent);background:#000;border-radius:2px;animation:.44s steps(4,end) both pj-house-in;overflow:hidden}.pj[data-pj-cinema] .pj-controls{z-index:3}.pj[data-pj-cinema]{padding:0;overflow:hidden}.pj[data-pj-cinema] .pj-ui{inset:var(--pj-gap) var(--pj-gap) 0}.pj[data-pj-cinema] .pj-plate{width:min(100%, calc(var(--pj-u) * 58));border:1px solid var(--pj-line);border-bottom:0;border-radius:12px 12px 0 0;grid-row:3;place-self:end center}.pj[data-pj-cinema] .pj-ui:not([data-visible]):not(:has(:focus-visible)) .pj-plate{transform:translateY(calc(100% - 44px))}@keyframes pj-house-in{0%{transform:scale(1.36)}to{transform:none}}.pj[data-pj-cinema] .pj-house{animation:.44s steps(4,end) both pj-house-in}.pj-cinema[aria-pressed=true]{color:var(--pj-accent);background:linear-gradient(currentColor,currentColor) 50% calc(100% - 5px)/36% 2px no-repeat}@container pj (width<=640px){.pj-cinema{display:none}}.pj-flag{z-index:25;min-width:76px;box-shadow:0 0 0 1px var(--pj-line);color:var(--pj-fg);font:500 calc(var(--pj-u) * .8125) / 1 var(--pj-f-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;pointer-events:none;background:#0a0a0adb;border-radius:8px;place-items:center;padding:10px 14px;display:grid;position:absolute;top:50%;translate:0 -50%}.pj-flag:not([data-open]){display:none}.pj-flag[data-starting-style],.pj-flag[data-ending-style]{clip-path:inset(0 0 100%)}.pj-flag{transition:clip-path .18s steps(3,end)}.pj-seek-flag[data-direction=backward]{left:6%}.pj-seek-flag[data-direction=forward]{right:6%}.pj-seek-flag[data-direction=backward] .pj-flag-value:before{content:"−"}.pj-seek-flag[data-direction=forward] .pj-flag-value:before{content:"+"}.pj-volume-flag{top:14%;left:50%;translate:-50%}.pj-volume-flag-fill{background:repeating-linear-gradient(90deg, var(--pj-fg) 0 3px, transparent 3px 6px) 0 100% / var(--media-volume-fill,0%) 4px no-repeat;padding-bottom:8px;display:block}.pj-volume-flag[data-max] .pj-volume-flag-fill,.pj-volume-flag[data-min] .pj-volume-flag-fill{animation:.3s linear pj-pull}.pj-menu{z-index:40;width:max-content;min-width:calc(var(--pj-u) * 12);max-width:var(--media-menu-available-width,90vw);max-height:min(var(--media-menu-available-height,70vh), 22rem);background:var(--pj-bg);color:var(--pj-fg);box-shadow:0 0 0 1px var(--pj-line), 0 14px 40px #0000008c;--media-popup-side-offset:10px;border:0;border-radius:10px;margin:0;padding:0;overflow:auto}.pj-menu[data-open]{animation:.2s steps(4,end) both pj-preview-in}.pj-menu-content{outline:none;flex-direction:column;padding:8px;display:flex}.pj-menu-label{font:500 calc(var(--pj-u) * .625) / 1 var(--pj-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pj-muted);padding:8px 10px 4px}.pj-menu-group{flex-direction:column;display:flex}.pj-menu-group:empty,.pj-menu-group[data-hidden]{display:none}.pj-menu-sep{background:var(--pj-line);height:1px;margin:6px 4px}.pj-menu-item{min-height:calc(var(--pj-u) * 2.25);cursor:pointer;font:500 calc(var(--pj-u) * .8125) / 1 var(--pj-f-body);font-variant-numeric:tabular-nums;border-radius:6px;outline:none;align-items:center;gap:10px;padding:0 10px;display:flex}.pj-menu-item[data-highlighted],.pj-menu-item:focus-visible{background:#f2f2f21a}.pj-menu-item:focus-visible{outline:2px solid var(--pj-accent);outline-offset:-2px}.pj-menu-badge{font:500 calc(var(--pj-u) * .625) / 1 var(--pj-f-mono);color:var(--pj-muted);text-transform:uppercase}.pj-menu-badge:empty{display:none}.pj-menu-item[data-rate]:before{content:"24 fps";min-width:4.2em}.pj-menu-item[data-rate="0.25"]:before{content:"6 fps"}.pj-menu-item[data-rate="0.5"]:before{content:"12 fps"}.pj-menu-item[data-rate="0.75"]:before{content:"18 fps"}.pj-menu-item[data-rate="1.25"]:before{content:"30 fps"}.pj-menu-item[data-rate="1.5"]:before{content:"36 fps"}.pj-menu-item[data-rate="1.75"]:before{content:"42 fps"}.pj-menu-item[data-rate="2"]:before{content:"48 fps"}.pj-menu-item[data-rate] [data-part=label]{font:500 calc(var(--pj-u) * .6875) / 1 var(--pj-f-mono);color:var(--pj-muted)}.pj-menu-check{border-radius:2.5px;width:10px;height:12px;margin-inline-start:auto;box-shadow:inset 0 0 0 1.5px #f2f2f24d}.pj-menu-item[aria-checked=true] .pj-menu-check{background:var(--pj-accent);box-shadow:none}.pj video::-webkit-media-text-track-container{transition:translate .32s steps(4,end)}.pj[data-controls-visible] video::-webkit-media-text-track-container{translate:0 calc(var(--pj-u) * -5.5)}.pj-ui:not([data-started]) .pj-plate,.pj-ui:not([data-started]) .pj-timecode{visibility:hidden}@container style(--media-controls-before-start:visible){.pj-ui:not([data-started]) .pj-plate,.pj-ui:not([data-started]) .pj-timecode{visibility:visible}}.pj-error{z-index:30;text-align:center;background:radial-gradient(circle at 50% 46%,#783c1459,#0000 60%),#0a0a0aeb;align-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.pj-error:not([data-open]){display:none}.pj-error-tag{font:500 calc(var(--pj-u) * .6875) / 1 var(--pj-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pj-muted)}.pj-error-title{font-weight:600;font-size:calc(var(--pj-u) * 1.0625)}.pj-error-text{max-width:44ch;color:var(--pj-muted)}.pj-btn-text{background:var(--pj-accent);width:auto;color:var(--pj-accent-text);font:600 calc(var(--pj-u) * .8125) / 1 var(--pj-f-body);margin-top:6px;padding-inline:18px}@media (pointer:coarse){.pj{--pj-btn:44px}}@container pj (width<=640px){.pj-seek{display:none}.pj-gain{width:56px}}@container pj (width<=480px){.pj-rail,.pj-gate{--pj-rail:7px;--pj-pitch:11px;--pj-gap:5px}.pj-gain,.pj-pip,.pj-cc,.pj-time-sep,.pj-time-total{display:none}.pj-plate{padding:4px 6px 6px}.pj-top{font-size:calc(var(--pj-u) * .625);padding:9px 10px}.pj-fps{padding-inline:6px}}@container pj (width<=400px){.pj-reel-btn,.pj-fps{display:none}}@container pj (width<=340px){.pj-rail,.pj-gate{--pj-rail:5px;--pj-pitch:9px;--pj-gap:3px}.pj-title,.pj-fps-unit{display:none}}@media (prefers-reduced-motion:reduce){.pj *,.pj :before,.pj :after{transition:none!important;animation:none!important}.pj-leader-sweep{--pj-sweep:90deg}}@media (forced-colors:active){.pj-btn,.pj-leader-play{forced-color-adjust:none;color:buttontext;background:buttonface;border:1px solid buttontext}.pj-strip-fill,.pj-gain-fill{background:highlight}.pj-strip-thumb,.pj-gain-thumb{background:highlight;border-color:canvastext}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.pj{--pj-plate:#0a0a0af7;--pj-muted:#c4c4c4}}
