@layer base,chrome;@layer components{.bfilm{--su:max(7px,calc(100cqw / 45));--bfilm-red:red;--bfilm-white:#f3f1ec;--bfilm-grey:#8a877f;margin:0;container-type:inline-size}.bfilm-screen{box-sizing:border-box;padding:calc(.7 * var(--su));border:calc(.4 * var(--su)) solid var(--bfilm-white);border-radius:calc(3.5 * var(--su))}.bfilm-player{position:relative}.bfilm-player>video{aspect-ratio:4/3;object-fit:cover;border-radius:calc(2.4 * var(--su));background:#000;width:100%;display:block}.bfilm-player:before{content:"";z-index:1;border-radius:0 0 calc(2.4 * var(--su)) calc(2.4 * var(--su));background:linear-gradient(#0000,#0009);height:30%;position:absolute;bottom:0;left:0;right:0}.bfilm-controls{z-index:2;left:calc(1.6 * var(--su));right:calc(1.6 * var(--su));bottom:calc(.4 * var(--su));color:#f3f1ec;position:absolute}.bfilm-player:before,.bfilm-controls{opacity:0;pointer-events:none;transition:opacity .25s}.bfilm.awake .bfilm-player:before,.bfilm.held .bfilm-player:before,.bfilm.awake .bfilm-controls,.bfilm.held .bfilm-controls{opacity:1}.bfilm.awake .bfilm-controls,.bfilm.held .bfilm-controls{pointer-events:auto}.bfilm-seek:focus-visible,.bfilm-btn:focus-visible,.bfilm-yt:focus-visible{border-radius:calc(.3 * var(--su));outline:2px solid #f3f1ec}.bfilm-seek{box-sizing:border-box;height:calc(1.6 * var(--su));padding-bottom:calc(.25 * var(--su));touch-action:none;cursor:pointer;align-items:flex-end;display:flex;position:relative}.bfilm-rail{height:calc(.32 * var(--su));background:#fff3;flex:1;transition:transform .1s;position:relative;transform:scaleY(.6)}.bfilm-rail>div{transform-origin:0;position:absolute;inset:0}.bfilm-loaded{transform:scaleX(var(--loaded,0));background:#fff6}.bfilm-hover{transform:scaleX(var(--hover,0));opacity:0;background:#ffffff80}.bfilm-played{background:var(--bfilm-red);transform:scaleX(var(--played,0))}.bfilm-knob{bottom:calc((.25 + .16) * var(--su));left:calc(var(--played,0) * 100%);width:calc(.8 * var(--su));height:calc(.8 * var(--su));background:var(--bfilm-red);border-radius:50%;transition:transform .1s;position:absolute;transform:translate(-50%,50%)scale(0)}.bfilm-tip{justify-items:center;gap:calc(.4 * var(--su));pointer-events:none;opacity:0;display:grid;position:absolute;bottom:100%;left:0;transform:translate(-50%)}.bfilm-tip video{width:calc(9 * var(--su));aspect-ratio:4/3;object-fit:cover;border-radius:calc(.8 * var(--su));background:#000;border:2px solid #f3f1ec}.bfilm-tiptime,.bfilm-time{font-size:max(12px,calc(1.1 * var(--su)));font-variant-numeric:tabular-nums;text-shadow:0 0 4px #000c;font-weight:500}.bfilm-seek:hover .bfilm-rail,.bfilm.scrubbing .bfilm-rail{transform:none}.bfilm-seek:hover .bfilm-knob,.bfilm.scrubbing .bfilm-knob,.bfilm-seek:focus-visible .bfilm-knob{transform:translate(-50%,50%)}.bfilm-seek:hover :is(.bfilm-hover,.bfilm-tip),.bfilm.scrubbing :is(.bfilm-hover,.bfilm-tip){opacity:1}.bfilm-row{align-items:center;gap:calc(.3 * var(--su));margin-left:calc(-.8 * var(--su));display:flex}.bfilm-btn{width:calc(2.4 * var(--su));height:calc(2.4 * var(--su));color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.bfilm-btn svg{fill:currentColor;width:100%;height:100%;display:block}.bfilm-i-play{stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.bfilm-play.paused .bfilm-i-pause,.bfilm-play:not(.paused) .bfilm-i-play,.bfilm-mute.muted .bfilm-i-on,.bfilm-mute:not(.muted) .bfilm-i-off{display:none}.bfilm-yt{height:calc(2.4 * var(--su));padding:0 calc(.4 * var(--su));margin-left:auto;margin-right:calc(-.4 * var(--su));color:inherit;align-items:center;display:flex}.bfilm-yt svg{height:calc(1.05 * var(--su));fill:currentColor;display:block}.bfilm figcaption{margin-top:calc(1.8 * var(--su))}.bfilm figcaption p{margin:0}.bfilm-subs{min-height:3.9em;margin-bottom:calc(1.2 * var(--su));font-size:max(16px,calc(1.75 * var(--su)));color:var(--bfilm-white);text-wrap:balance;line-height:1.3;transition:opacity .25s ease-out}.bfilm-subs.fading{opacity:0;transition:opacity .15s ease-in}.bfilm-credit{font-size:max(13px,calc(1.2 * var(--su)));color:var(--bfilm-grey)}}@layer layout,page;