*{box-sizing:border-box;margin:0;padding:0}body{background:#000}.loader{justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:absolute;inset:0}.loader--hidden{opacity:0;visibility:hidden}.loader__ring{width:100px;height:100px;position:relative}.loader__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.loader__track,.loader__fill{fill:none;stroke-width:4px;stroke-linecap:round}.loader__track{stroke:#ffffff1a}.loader__fill{stroke:#fff;stroke-dasharray:264;transition:stroke-dashoffset .2s}.loader__percent{color:#fff;letter-spacing:-.5px;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:18px;font-weight:500;display:flex;position:absolute;inset:0}.anim-canvas{object-fit:contain;opacity:0;max-width:100%;max-height:100%;transition:opacity .6s}.anim-canvas--visible{opacity:1}