.loader { align-items: center; background: var(--color-background); display: flex; flex-direction: column; inset: 0; justify-content: center; padding: 2rem; position: fixed; text-align: center; transition: opacity 420ms ease, visibility 420ms ease; z-index: 100; }
.loader.is-leaving { opacity: 0; pointer-events: none; visibility: hidden; }
.loader-logo { height: auto; margin-bottom: 1.25rem; max-width: min(260px, 72vw); }
.loader-eyebrow { color: var(--color-accent-dark); font-size: .72rem; font-weight: 600; letter-spacing: .16em; margin-bottom: 2.5rem; text-transform: uppercase; }
.loader-route { height: 44px; max-width: 520px; position: relative; width: min(78vw, 520px); }
.loader-path { border-top: 2px dashed var(--color-line); left: 6%; position: absolute; right: 6%; top: 21px; }
.loader-point { background: var(--color-accent); border: 5px solid var(--color-background); border-radius: 50%; height: 16px; position: absolute; top: 14px; width: 16px; z-index: 1; }
.loader-point--start { left: 4%; }
.loader-point--end { right: 4%; }
.loader-plane { fill: var(--color-accent); height: 29px; left: 7%; position: absolute; top: 7px; width: 29px; z-index: 2; }
.loader-status { color: var(--color-muted); font-size: .88rem; margin: 2rem 0 0; }