.film-root{color:#f0eee4;background:#1e2b24;position:absolute;inset:0;overflow:hidden}.film-stage{z-index:2;background:#1e2b24;position:absolute;inset:0;overflow:hidden}.film-stage canvas,.film-stage .dom{width:100%;height:100%;position:absolute;inset:0}.film-dots{z-index:5;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:clamp(10px,1.6vw,24px);transform:translateY(-50%)}.film-dots i{background:#3d4e44;border-radius:50%;width:6px;height:6px;transition:background .3s;display:block}.film-dots i.on{background:#f0eee4}.film-panel{z-index:4;opacity:0;visibility:hidden;will-change:opacity, transform;position:absolute}.film-fade{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(#1e2b2400 0%,#1e2b248c 45%,#1e2b24 92%);position:absolute;inset:0}