/* The 250BAR preloader (space-loader.js): a gauge that builds pressure + steps lighting up */
.spl{display:grid;justify-items:center;gap:10px;padding:28px 20px;text-align:center;color:#eafff9;font-family:Manrope,sans-serif;animation:spl-in .4s cubic-bezier(.16,1,.3,1)}
.spl.out{opacity:0;transform:scale(.97);transition:opacity .35s,transform .35s}
@keyframes spl-in{from{opacity:0;transform:translateY(10px) scale(.97)}}
.spl-dial{position:relative;width:180px;height:136px}
.spl-g{width:100%;height:100%;overflow:visible}
.spl-track{fill:none;stroke:#ffffff14;stroke-width:9;stroke-linecap:round}
.spl-fill{fill:none;stroke:url(#splg);stroke-width:9;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 6px #6ff7d877)}
.spl-tick{stroke:#ffffff40;stroke-width:2;stroke-linecap:round}
.spl-needle{transform-origin:80px 86px;transform:rotate(-120deg)}
.spl-needle line{stroke:#fff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 4px #6ff7d8)}.spl-needle circle{fill:#0b1a20;stroke:#6ff7d8;stroke-width:2.5}
.spl-num{position:absolute;left:0;right:0;bottom:6px;font:800 26px/1 "JetBrains Mono",monospace;color:#eafff9}
.spl-unit{position:absolute;left:0;right:0;bottom:-10px;font:700 10px "JetBrains Mono",monospace;letter-spacing:.2em;color:#6ff7d8}
.spl-t{display:grid;gap:4px;margin-top:8px}.spl-eye{font:800 10px "JetBrains Mono",monospace;letter-spacing:.16em;color:#6ff7d8}.spl-t strong{font-size:19px;font-weight:800}
.spl-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;min-width:220px;text-align:left}
.spl-steps li{position:relative;padding-left:28px;color:#5f777d;font-size:13.5px;transition:color .3s}
.spl-steps li:before{content:'';position:absolute;left:4px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:2px solid #ffffff26;transition:all .3s}
.spl-steps li.on{color:#eafff9}.spl-steps li.on:before{border-color:#6ff7d8;border-top-color:transparent;animation:spl-spin .8s linear infinite}
.spl-steps li.ok{color:#a9cfc6}.spl-steps li.ok:before{background:#6ff7d8;border-color:#6ff7d8;animation:none}
.spl-steps li.ok:after{content:'✓';position:absolute;left:6px;top:50%;margin-top:-8px;font:900 10px/16px Manrope,sans-serif;color:#06231c}
@keyframes spl-spin{to{transform:rotate(360deg)}}
.spl-tip{max-width:320px;margin:4px 0 0;color:#8fa9ae;font-size:12.5px;line-height:1.45}
@media(prefers-reduced-motion:reduce){.spl,.spl-steps li:before{animation:none!important}}
/* the constructor: the loader covers the frame until it is ready */
.bc-builder .spl{position:absolute;inset:0;z-index:2;align-content:center;background:radial-gradient(120% 90% at 50% 30%,#0f2a2c,#04080c 70%)}
.pc>.spl{margin:auto;min-height:60vh;align-content:center}