.page-transition[hidden]{display:none!important}
.page-transition{position:fixed;inset:0 0 auto 0;height:2px;z-index:10000;pointer-events:none;background:transparent;opacity:0;transition:opacity 100ms linear;overflow:hidden}
.page-transition.is-active{opacity:1}
.page-transition:after{content:"";position:absolute;inset:0;background:var(--accent);transform:translateX(-100%) scaleX(.38);transform-origin:left center}
.page-transition.is-active:after{animation:page-progress 1.05s linear infinite}
body.is-navigating main.page{opacity:1;transform:none;filter:none}
.is-auth-pending{cursor:progress!important;opacity:.72}
@keyframes page-progress{from{transform:translateX(-100%) scaleX(.38)}to{transform:translateX(260%) scaleX(.38)}}
@media(max-width:700px){
 body>.suite-bottom-nav{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%;z-index:10020;transform:none!important;animation:none!important;transition:none!important;margin:0;flex-shrink:0;min-height:64px;padding-bottom:calc(10px + env(safe-area-inset-bottom));isolation:isolate}
}
@media(prefers-reduced-motion:reduce){.page-transition,.page-transition:after{animation:none!important;transition:none!important;transform:none!important}.page-transition.is-active:after{opacity:.55}}