.landing-loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:22px;background:#f0fafff5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s;contain:layout paint}
.landing-is-loading .landing-loader{visibility:visible;opacity:1}
.landing-loader .loader-tiles{position:relative;width:96px;height:88px}
.loader-tiles i{position:absolute;display:block;width:44px;height:49px;border:4px solid;border-radius:6px;box-shadow:inset 0 0 0 3px #ffffff50;animation:tile-settle 1.25s ease-in-out infinite}
.loader-tiles i:nth-child(1){left:3px;top:34px;color:#21a8cb;background:#7fdef292;--tile-turn:-10deg;animation-delay:-.15s}
.loader-tiles i:nth-child(2){left:48px;top:32px;color:#ef7699;background:#ffb5ce99;--tile-turn:9deg;animation-delay:0s}
.loader-tiles i:nth-child(3){left:28px;top:2px;width:38px;height:38px;color:#edb32c;background:#ffe379bb;--tile-turn:45deg;animation-delay:-.3s}
.landing-loader strong{font-family:ui-rounded,'Avenir Next',sans-serif;font-size:30px;font-weight:800;letter-spacing:-1px;color:#263d54}
.landing-loader p{margin:0;font-size:14px;color:#496779}
@keyframes tile-settle{0%,100%{transform:translateY(0) rotate(var(--tile-turn))}45%{transform:translateY(-13px) rotate(calc(var(--tile-turn) + 7deg))}70%{transform:translateY(2px) rotate(var(--tile-turn))}}
@media(prefers-reduced-motion:reduce){.landing-loader{transition:none}.loader-tiles i{animation:none;transform:rotate(var(--tile-turn))}}