/* One lightweight signature for both the first HTML paint and React loaders. */
.casper-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:220px;padding:24px;color:#bfeaff;font:15px/1.4 Georgia,serif;text-align:center}
.casper-loader-art{position:relative;display:block;flex-shrink:0;width:min(440px,100%);aspect-ratio:480/210;background:url('/brand/frostfire/loading-signature.svg') center/contain no-repeat;isolation:isolate}
.casper-loader-label{max-width:32ch;color:inherit!important;font:inherit!important}
.casper-loader--compact{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:40px;max-width:100%;padding:8px 0;gap:8px;text-align:left;font-size:13px}
.casper-loader--compact .casper-loader-art{width:140px;max-width:100%;height:2px;aspect-ratio:auto;background:#18384b;overflow:hidden;border-radius:100%;box-shadow:0 0 8px #45bcff18}
.casper-loader--compact .casper-loader-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#42c5ff 38%,#d7f5ff 50%,#ff9a68 65%,transparent);transform:translateX(-100%);animation:casper-signature-pass 2.6s ease-in-out infinite}
.casper-boot{position:fixed;inset:0;z-index:1000;margin:0;padding:0;background:#020e1b;min-height:100dvh;display:grid;place-items:center}
.casper-boot .casper-loader{width:min(100%,520px);box-sizing:border-box;padding:24px}
@keyframes casper-signature-pass{0%{transform:translateX(-100%);opacity:0}20%,80%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@media(prefers-reduced-motion:reduce){.casper-loader--compact .casper-loader-art::after{animation:none;transform:none;opacity:.7}}