.background-player{position:absolute;inset:0;overflow:hidden;background:#000;pointer-events:none}
.background-player>canvas,.background-player>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.background-player>img{opacity:0}
.background-player>canvas{z-index:1}
.background-player[data-renderer="dissolve"]>canvas{display:none}

.background-load{position:absolute;z-index:4;left:50%;bottom:32px;transform:translateX(-50%);width:min(220px,calc(100% - 144px));color:#ffffffc9;pointer-events:none;text-align:center;font-size:11px;line-height:1.5;letter-spacing:.025em}
.background-load[hidden]{display:none}
.background-load-label{display:block;margin-bottom:9px;text-wrap:balance}
.background-load-track{height:2px;background:#ffffff2b;border-radius:2px;overflow:hidden}
.background-load-fill{display:block;height:100%;width:0;background:#ffffffc9;border-radius:2px;transition:width .24s ease}
.background-load[data-state="failed"] .background-load-track{display:none}
@media(max-width:700px){.background-load{bottom:25px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.background-load-fill{transition:none}}

.film-pause[hidden]{display:none}