.page-transition{position:fixed;inset:0;z-index:99999;display:grid;padding:1.25rem;place-items:center;visibility:hidden;opacity:0;pointer-events:none;background:rgba(247,248,250,.94);backdrop-filter:blur(10px);transition:opacity .22s ease,visibility 0s linear .22s}
.page-transition.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .22s ease}
.page-transition__panel{display:flex;width:min(25rem,100%);padding:1.5rem;align-items:center;flex-direction:column;border:1px solid #dfe4eb;border-radius:1.25rem;background:#fff;box-shadow:0 22px 65px rgba(21,29,42,.15);text-align:center}
.page-transition__route{display:block;width:min(16.25rem,100%);height:auto;overflow:visible}.page-transition__path{fill:none;stroke:#cfd6df;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 9}.page-transition__pin path{fill:#253247}.page-transition__pin circle{fill:#fff}.page-transition__pin--finish path{fill:#ed6c0c}.page-transition__traveler{fill:#ff7618;stroke:#fff;stroke-width:3;filter:drop-shadow(0 4px 5px rgba(237,108,12,.35))}
.page-transition__panel strong{margin-top:.55rem;color:#151d2a;font:600 1rem/1.4 Poppins,sans-serif}.page-transition__panel span{margin-top:.3rem;color:#5e6b7d;font:400 .78rem/1.5 Poppins,sans-serif}.is-page-transitioning body{cursor:progress}
@media(max-width:480px){.page-transition__panel{padding:1.1rem}.page-transition__route{width:13.5rem}}
@media(prefers-reduced-motion:reduce){.page-transition{transition:none}.page-transition__route animateMotion{display:none}.page-transition__traveler{transform:translate(130px,24px)}}
