.preloader{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:99999;background:#18191a;display:flex;align-items:center;justify-content:center;transition:opacity .5s}.filmstrip-preloader{display:flex;align-items:center;position:relative;height:48px;width:120px;background:#222;border-radius:8px;box-shadow:0 2px 16px rgba(0,0,0,.18);overflow:visible}.filmstrip-bar{position:absolute;left:16px;right:16px;top:50%;height:12px;background:linear-gradient(90deg,#28a7e9 60%,#fff 100%);border-radius:6px;transform:translateY(-50%);animation:filmstrip-move 1.2s linear infinite}.film-sprocket{width:12px;height:12px;background:#18191a;border:2px solid #28a7e9;border-radius:50%;margin:0 2px;z-index:2;animation:sprocket-pop 1.2s infinite}.film-sprocket:nth-child(1){animation-delay:0s}.film-sprocket:nth-child(2){animation-delay:.2s}.film-sprocket:nth-child(3){animation-delay:.4s}.film-sprocket:nth-child(4){animation-delay:.6s}.film-sprocket:nth-child(5){animation-delay:.8s}@keyframes filmstrip-move{0%{background-position:0 0}100%{background-position:120px 0}}@keyframes sprocket-pop{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}