/* PixelFlix page-loading animation (from the uploaded pixelflix.html, recoloured blue) */
body.ld{overflow:hidden}
#loader{--ld-accent:#2f7bff;--ld-alt:#7dd3fc;position:fixed;inset:0;z-index:100;background:#030714;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .35s,visibility .35s;animation:ldhide .01s 7s forwards;font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
#loader.done{opacity:0;visibility:hidden}
@keyframes ldhide{to{opacity:0;visibility:hidden}}
#loader .ld-ed{width:min(300px,80vw)}
#loader .ld-tc{font-variant-numeric:tabular-nums;font-size:clamp(18px,4.5vw,24px);letter-spacing:.08em;color:#d6e2ff;text-align:center;margin-bottom:10px}
#loader .ld-tl{position:relative;border:1px solid #162447;border-radius:8px;padding:8px;background:#060d22}
#loader .ld-trk{position:relative;height:16px;margin-bottom:5px;background:#0c1735;border-radius:3px}
#loader .ld-trk:last-of-type{margin-bottom:0}
#loader .ld-c{position:absolute;top:2px;bottom:2px;border-radius:3px;background:#1f2b4d;opacity:.35;transition:transform .7s cubic-bezier(.2,.9,.3,1.25),opacity .5s,background .5s}
#loader .ld-c.set{transform:none!important;opacity:1;background:#5b6b94}
#loader .ld-c.r.set{background:var(--ld-accent)}
#loader .ld-c.g.set{background:var(--ld-alt)}
#loader .ld-ph{position:absolute;top:0;bottom:0;left:8px;width:2px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5)}
#loader .ld-ph::before{content:"";position:absolute;top:0;left:-4px;border:5px solid transparent;border-top-color:#fff}
#loader .ld-lbl{letter-spacing:.35em;font-size:clamp(9px,2vw,11px);color:#8c9bc4;height:14px}
#loader .ld-ed,#loader .ld-lbl,#loader .ld-ln,#loader p,#loader .ld-logo{transition:opacity .35s}
#loader.fin .ld-ed,#loader.fin .ld-lbl,#loader.fin .ld-ln,#loader.fin p,#loader.fin .ld-logo{opacity:0}
#loader .ld-ln{width:min(300px,80vw);height:2px;background:#13204a}
#loader .ld-ln i{display:block;height:100%;width:0;background:#8c9bc4}
#loader p{margin:0;max-width:none;color:#8c9bc4;font-size:clamp(9px,2.2vw,11px);letter-spacing:.25em;text-align:center}
#loader .ld-logo{color:#5b6b94;font-size:10px;letter-spacing:.4em}

.noload #loader{display:none}
.noload body.ld{overflow:auto}