::view-transition-old(.mc-page){animation:.14s ease-out both mc-page-out}::view-transition-new(.mc-page){animation:.22s ease-out 60ms both mc-page-in}@keyframes mc-page-out{to{opacity:0}}@keyframes mc-page-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
.offlineBanner{z-index:1100;color:#fff;background:#1f2937;border-radius:12px;width:max-content;max-width:calc(100vw - 2rem);padding:.7rem 1rem;font-size:.95rem;line-height:1.35;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a40}@media (prefers-reduced-motion:no-preference){.offlineBanner{animation:.2s ease-out offlineBannerIn}}@keyframes offlineBannerIn{0%{opacity:0;transform:translate(-50%,8px)}}