.page-transition{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:24px;background:rgba(244,247,249,.82);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:1;transition:opacity .16s ease}.page-transition[hidden]{display:none}.page-transition-card{display:flex;align-items:center;gap:15px;min-width:250px;padding:16px 20px;border:1px solid rgba(211,218,225,.9);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 22px 70px rgba(23,27,30,.18)}.page-transition-mark{position:relative;width:52px;height:52px;flex:0 0 52px}.page-transition-mark img{display:block;width:42px;height:42px;margin:5px;border-radius:50%}.page-transition-mark span{position:absolute;inset:0;border:3px solid rgba(239,32,44,.14);border-top-color:#ef202c;border-right-color:#ef202c;border-radius:50%;animation:page-transition-spin .72s linear infinite}.page-transition-copy{display:grid;gap:3px}.page-transition-copy strong{color:#171b1e;font-size:15px}.page-transition-copy small{color:#7b8797;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}body.page-is-transitioning{cursor:progress}@keyframes page-transition-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-transition-mark span{animation-duration:1.8s}}@media (max-width:600px){.page-transition{padding:18px}.page-transition-card{min-width:230px;padding:14px 17px;border-radius:14px}}