.film-chapters{--seg-p:0;list-style:none;margin:0}.film-ch{position:relative;padding-bottom:1.125rem}.film-ch:last-child{padding-bottom:0}.film-ch-btn{display:block;width:100%;text-align:left;border-radius:.875rem;padding:.5rem .75rem .625rem;margin:-.5rem -.75rem;color:var(--brand-body-text);transition:background-color .25s ease-out,color .25s ease-out}.film-ch-btn:hover{background:color-mix(in srgb,var(--color-foreground) 5%,transparent)}.film-ch-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.film-ch-title{font-family:var(--font-ui);font-weight:700;font-size:.9375rem;text-transform:lowercase;color:var(--color-foreground);transition:color .25s ease-out}.film-ch[data-active="1"] .film-ch-title{color:var(--color-primary)}.film-ch-time{font-family:var(--font-mono);font-size:.75rem;color:color-mix(in srgb,var(--brand-body-text) 70%,transparent)}.film-ch-line{display:block;margin-top:.125rem;font-size:.875rem;line-height:1.45;opacity:.88;transition:opacity .25s ease-out}.film-ch-btn:hover .film-ch-line,.film-ch[data-active="1"] .film-ch-line{opacity:1}.film-ch-bar{display:block;margin-top:.5rem;height:2px;border-radius:2px;background:color-mix(in srgb,var(--color-foreground) 8%,transparent);overflow:hidden;opacity:0;transition:opacity .25s ease-out}.film-ch-bar>span{display:block;height:100%;background:var(--color-primary);transform-origin:left;transform:scaleX(0)}.film-ch[data-active="1"] .film-ch-bar{opacity:1}.film-ch[data-active="1"] .film-ch-bar>span{transform:scaleX(var(--seg-p))}.film-video{display:block;box-shadow:0 1px 2px rgba(10,16,24,.08),0 44px 90px -34px rgba(10,16,24,.5);outline:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);outline-offset:-1px}html[data-theme=dark] .film-video{outline-color:rgba(255,255,255,.12);box-shadow:0 1px 2px rgba(0,0,0,.4),0 44px 90px -30px rgba(0,0,0,.85)}.film-toggle{position:absolute;right:.875rem;bottom:.875rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:9999px;color:#fff;background:rgba(10,17,24,.72);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);box-shadow:0 8px 24px -10px rgba(0,0,0,.6);transition:transform .2s ease-out,background-color .2s ease-out}.film-toggle:hover{background:rgba(10,17,24,.9);transform:translateY(-1px)}