.fmv{z-index:120;isolation:isolate;color:#f6f4ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;touch-action:none;background:#101a1b;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) both fmv-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes fmv-in{0%{opacity:0}}.fmv :is(button,input,select,[tabindex]):focus-visible{outline-offset:4px;outline:2px solid #fb0}.fmv button{cursor:pointer}.fmv button:disabled{cursor:default;opacity:.35}.fmv-ambient{pointer-events:none;opacity:calc(1 - var(--fmv-pull,0));transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.fmv.is-dragging .fmv-ambient{transition:none}.fmv-backdrop{filter:blur(65px)saturate(1.3)brightness(.7);background-position:50%;background-size:cover;width:120%;height:120%;position:absolute;inset:-10%}.fmv-ambient:after{content:"";background:linear-gradient(#01050885,#01050815 35%,#01050830 65%,#010508aa);position:absolute;inset:0}.fmv-top,.fmv-bottom,.fmv-controls{transition:opacity .35s,transform .35s}@media (hover:hover){.fmv.is-idle .fmv-caption,.fmv.is-idle .fmv-hint{opacity:0}}.fmv.is-bare :is(.fmv-top,.fmv-bottom,.fmv-arrow),.fmv.is-bare :is(.fmv-top,.fmv-bottom) :is(button,a){opacity:0;pointer-events:none}.fmv.is-bare .fmv-top{transform:translateY(-10px)}.fmv.is-bare .fmv-bottom{transform:translateY(10px)}.fmv-top{z-index:5;padding:max(16px, env(safe-area-inset-top)) 28px 12px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.fmv-heading{gap:5px;font-size:13px;display:grid}.fmv-heading>span>span{color:#fb0}.fmv-count{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:#f6f4ec99;font-size:10px}.fmv-top-actions{gap:8px;display:flex}.fmv-icon{color:#f6f4ec;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101a1b80;border:1px solid #f6f4ec26;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.fmv-icon:hover{color:#010508;background:#fb0;border-color:#fb0}.fmv-stage{z-index:1;cursor:grab;flex:1;min-height:0;position:relative}.fmv-stage:active{cursor:grabbing}.fmv-slide{grid-template:minmax(0,1fr)/minmax(0,1fr);padding:8px 92px;display:grid;position:absolute;inset:0;overflow:hidden}.fmv-reveal,.fmv-drag{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.fmv-drag>img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:zoom-in;border-radius:12px;flex-shrink:0;max-width:100%;max-height:100%;box-shadow:0 18px 80px #01050830}.fmv-drag>img.is-zoomed{cursor:move}.fmv-light{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 36%,#fff8df3b 48%,#fff8df73 50%,#0000 63%);position:absolute;inset:-15%}.fmv-arrow{z-index:4;isolation:isolate;color:#f6f4ec;place-items:center;width:56px;height:50px;margin-top:-25px;transition:color .2s,opacity .35s;display:grid;position:absolute;top:50%}.fmv-arrow:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010508b8;border:1px solid #f6f4ec40;border-radius:9px;transition:background .2s,border-color .2s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:skew(-10deg);box-shadow:0 10px 30px #01050866}.fmv-arrow:hover{color:#010508}.fmv-arrow:hover:before{background:#fb0;border-color:#fb0;transform:skew(-10deg)scale(1.05)}.fmv-arrow:active:before{transform:skew(-10deg)scale(.95)}.fmv .fmv-arrow:focus-visible{outline:none}.fmv-arrow:focus-visible:before{outline-offset:3px;outline:2px solid #fb0}.fmv-prev{left:22px}.fmv-next{right:22px}.fmv-drag{container-type:size}.fmv-video{width:min(100cqw, 100cqh * var(--fmv-ar,1.7778));max-height:100cqh;aspect-ratio:var(--fmv-ar,16 / 9);background:#010508;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 18px 80px #01050830}.fmv-video>video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.fmv.is-idle .fmv-video:not(.is-paused)>video{cursor:none}.fmv-bigplay,.fmv-loading{z-index:1;isolation:isolate;color:#010508;place-items:center;width:78px;height:62px;margin:-31px 0 0 -39px;display:grid;position:absolute;top:50%;left:50%}.fmv-bigplay:before,.fmv-loading:before{content:"";z-index:-1;background:#fb0;border-radius:11px;transition:background .2s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:skew(-10deg);box-shadow:0 10px 36px #01050866}.fmv-bigplay:hover:before{background:#ffd04d;transform:skew(-10deg)scale(1.05)}.fmv-loading{color:#fb0}.fmv-loading:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101a1bb3}.fmv-loading svg{animation:1s linear infinite fmv-spin}@keyframes fmv-spin{to{transform:rotate(360deg)}}.fmv-video-message{z-index:1;text-align:center;background:#101a1bcc;border-radius:20px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fmv-video-message button{color:#010508;background:#fb0;border-radius:99px;margin-top:12px;padding:10px 18px}.fmv-controls{z-index:2;background:linear-gradient(#0000,#010508a6 50%,#010508d9);padding:40px 14px 10px;position:absolute;inset:auto 0 0}.fmv.is-idle .fmv-video:not(.is-paused) .fmv-controls:not(:focus-within){opacity:0;pointer-events:none;transform:translateY(8px)}.fmv-control-row{align-items:center;gap:4px;display:flex}.fmv-controls button{color:#f6f4ec;flex-shrink:0;place-items:center;width:38px;height:38px;transition:color .2s;display:grid;position:relative}.fmv-controls button:hover{color:#fb0}.fmv-controls button small{place-items:center;padding-top:2px;font-size:8px;font-weight:600;display:grid;position:absolute;inset:0}.fmv-controls .fmv-play{isolation:isolate;width:46px;margin-right:6px}.fmv-controls .fmv-play,.fmv-controls .fmv-play:hover{color:#010508}.fmv-controls .fmv-play:before{content:"";z-index:-1;background:#fb0;border-radius:7px;transition:background .2s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:3px 0;transform:skew(-10deg)}.fmv-controls .fmv-play:hover:before{background:#ffd04d;transform:skew(-10deg)scale(1.05)}.fmv-controls .fmv-speed{isolation:isolate;width:auto;min-width:48px;font:600 11px var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;padding:0 9px}.fmv-controls .fmv-speed:before{content:"";z-index:-1;border:1px solid #f6f4ec4d;border-radius:5px;transition:border-color .2s;position:absolute;inset:8px 2px;transform:skew(-10deg)}.fmv-controls .fmv-speed:hover:before{border-color:#fb0}.fmv-timeline{--fmv-track:3px;align-items:center;height:18px;margin-bottom:2px;display:flex}.fmv-timeline:is(:hover,:focus-within){--fmv-track:5px}.fmv-timeline input{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:18px;margin:0}.fmv-timeline input::-webkit-slider-runnable-track{height:var(--fmv-track);background:linear-gradient(to right, #fb0 var(--played,0%), #f6f4ec73 var(--played,0%), #f6f4ec73 var(--buffered,0%), #f6f4ec33 var(--buffered,0%));border-radius:10px;transition:height .15s}.fmv-timeline input::-moz-range-track{height:var(--fmv-track);background:linear-gradient(to right, #fb0 var(--played,0%), #f6f4ec73 var(--played,0%), #f6f4ec73 var(--buffered,0%), #f6f4ec33 var(--buffered,0%));border-radius:10px;transition:height .15s}.fmv-timeline input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:calc((var(--fmv-track) - 13px) / 2);background:#fb0;border-radius:50%;transition:transform .15s;transform:scale(0);box-shadow:0 0 0 4px #fb03}.fmv-timeline input::-moz-range-thumb{background:#fb0;border:0;border-radius:50%;width:13px;height:13px;transition:transform .15s;transform:scale(0);box-shadow:0 0 0 4px #fb03}.fmv-timeline:is(:hover,:focus-within) input::-webkit-slider-thumb{transform:scale(1)}.is-paused .fmv-timeline input::-webkit-slider-thumb{transform:scale(1)}.fmv-timeline:is(:hover,:focus-within) input::-moz-range-thumb{transform:scale(1)}.is-paused .fmv-timeline input::-moz-range-thumb{transform:scale(1)}@media (hover:none){.fmv-timeline input::-webkit-slider-thumb{transform:scale(1)}.fmv-timeline input::-moz-range-thumb{transform:scale(1)}}.fmv-time{font:11px var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;font-variant-numeric:tabular-nums;margin-inline:6px auto}.fmv-time span{color:#f6f4ec99}.fmv-volume{align-items:center;display:flex}.fmv-volume input{opacity:0;accent-color:#fb0;cursor:pointer;width:0;transition:width .25s cubic-bezier(.22,1,.36,1),opacity .2s,margin .25s}.fmv-volume:is(:hover,:focus-within) input{opacity:1;width:72px;margin-right:6px}.fmv-bottom{z-index:3;padding:14px 28px max(18px, env(safe-area-inset-bottom));gap:12px;display:grid;position:relative}.fmv-credit{gap:8px;max-width:720px;display:grid}.fmv-author{align-items:center;gap:10px;display:flex}.fmv-author strong{font-size:14px;font-weight:600;display:block}.fmv-author small{color:#f6f4ec99;font-size:11px;display:block}.fmv-avatar{color:#010508;background:#fb0;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid;overflow:hidden}.fmv-avatar img{object-fit:cover;width:100%;height:100%}.fmv-caption{color:#f6f4eccc;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;transition:opacity .35s;display:-webkit-box;overflow:hidden}.fmv-thumbs{scrollbar-width:none;justify-content:safe center;gap:10px;padding:5px;display:flex;overflow-x:auto}.fmv-thumbs button{opacity:.5;border-radius:9px;flex-shrink:0;width:52px;height:52px;transition:opacity .2s,transform .2s;position:relative;overflow:hidden}.fmv-thumbs button:hover{opacity:.9}.fmv-thumbs button[aria-pressed=true]{opacity:1;transform:translateY(-2px);box-shadow:0 0 0 2px #fb0}.fmv-thumbs img,.fmv-thumbs video{object-fit:cover;width:100%;height:100%}.fmv-thumb-play{color:#fff;margin:auto;position:absolute;inset:0}.fmv-hint{text-align:center;letter-spacing:.03em;color:#f6f4ec80;font-size:10px;transition:opacity .35s}@media (min-width:900px){.fmv-bottom{grid-template-columns:1fr auto 1fr;align-items:center}.fmv-credit{max-width:440px}.fmv-thumbs{grid-column:2;max-width:400px}.fmv-hint{text-align:right;justify-self:end;max-width:170px}}@media (max-width:767px){.fmv-top{padding:max(10px, env(safe-area-inset-top)) 14px 8px}.fmv-top-actions{gap:4px}.fmv-heading{font-size:11px}.fmv-icon{width:40px;height:40px}.fmv-arrow{width:42px;height:44px;margin-top:-22px}.fmv-prev{left:12px}.fmv-next{right:12px}.fmv-controls{padding:32px 8px 6px}.fmv-control-row{gap:0}.fmv-controls button{width:36px;height:38px}.fmv-controls .fmv-play{width:42px}.fmv-time{margin-left:4px;font-size:10px}.fmv-volume input{display:none}.fmv-bottom{padding:12px 16px max(12px, env(safe-area-inset-bottom));gap:6px}.fmv-caption{-webkit-line-clamp:2;font-size:12px}}@media (max-width:767px),(pointer:coarse) and (max-height:540px){.fmv-top{pointer-events:none;background:linear-gradient(#010508b3,#01050800);padding-bottom:30px;position:absolute;inset:0 0 auto}.fmv:not(.is-film) .fmv-bottom{pointer-events:none;background:linear-gradient(#01050800,#01050899 45%,#010508e0);padding-top:48px;position:absolute;inset:auto 0 0}.fmv :is(.fmv-top,.fmv-bottom) :is(button,a){pointer-events:auto}.fmv-slide{padding:0}.fmv-drag>img,.fmv-video{box-shadow:none;border-radius:0}}@media (hover:none) and (max-width:767px),(pointer:coarse) and (max-height:540px){.fmv-arrow{display:none}}@media (max-height:540px){.fmv-caption,.fmv-hint,.fmv-author small{display:none}.fmv-bottom{padding-block:4px}.fmv-thumbs button{width:32px;height:32px}.fmv-top{padding-block:4px}}@media (prefers-reduced-motion:reduce){.fmv,.fmv *{transition:none!important;animation:none!important}}
