body:has(.initial-loader) { margin: 0; background: #f8fafb; }
.initial-loader { display: grid; min-height: 100vh; min-height: 100dvh; place-content: center; justify-items: center; gap: 36px; background: #071c35; color: #fff; }
.initial-loader-brand { display: flex; align-items: center; gap: 12px; font-family: Manrope, Arial, sans-serif; }
.initial-loader-mark { position: relative; display: block; overflow: hidden; width: 55px; height: 55px; background: #0732c6; }
.initial-loader-mark img { position: absolute; width: 381.59%; height: auto; max-width: none; left: -140.8%; top: -69.35%; }
.initial-loader-brand strong { display: block; font-size: 25px; font-weight: 800; letter-spacing: -1.1px; line-height: 1.1; }
.initial-loader-brand strong > span { color: #087ca7; }
.initial-loader-brand small { display: block; margin-top: 1px; color: #9fb6ca; font-size: 9px; font-weight: 700; letter-spacing: 3.15px; line-height: 1.8; }
.initial-loader-brand small > span { color: #087ca7; }
.initial-loader-lines { display: grid; gap: 9px; width: min(280px, 70vw); }
.initial-loader-lines > span { height: 7px; overflow: hidden; border-radius: 10px; background: #ffffff18; }
.initial-loader-lines > span:nth-child(2) { width: 80%; }
.initial-loader-lines > span:nth-child(3) { width: 55%; }
.initial-loader-lines > span::after { content: ''; display: block; width: 45%; height: 100%; background: linear-gradient(90deg, transparent, #56ced080, transparent); animation: ocean-initial-load 1.2s ease-in-out infinite; }
@keyframes ocean-initial-load { from { transform: translateX(-110%); } to { transform: translateX(230%); } }
@media (prefers-reduced-motion: reduce) { .initial-loader-lines > span::after { animation: none; } }
.initial-loader:not(.is-branded):not(.is-skeleton) { visibility: hidden; }
.initial-loader.is-light { background: #f8fafb; color: #071c35; }
.initial-loader.is-light .initial-loader-brand small { color: #617889; }
.initial-loader.is-light .initial-loader-lines > span { background: #dfe8ed; }
.initial-loader.is-skeleton { align-content: start; justify-items: stretch; gap: 22px; padding: 8vh max(22px, 8vw); background: #f8fafb; }
.initial-loader.is-skeleton > span { display: block; width: 70%; height: 22px; border-radius: 6px; background: #e3eaee; }
.initial-loader.is-skeleton > span:first-child { width: 100%; height: 58px; margin-bottom: 7vh; }
.initial-loader.is-skeleton > span:nth-child(2) { width: 48%; height: 65px; }
.initial-loader.is-skeleton > span:last-child { width: 100%; height: 35vh; margin-top: 25px; }