html.fonts-pending{background:#060606}html.fonts-pending body{visibility:hidden}html.fonts-pending::after{content:'';position:fixed;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;border:2px solid #ccf90433;border-top-color:#ccf904;border-radius:50%;animation:font-wait .8s linear infinite}html.fonts-fallback body,html.fonts-fallback body *{font-family:Arial,sans-serif!important}@keyframes font-wait{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html.fonts-pending::after{animation:none}}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .35s ease both}@keyframes page-out{to{opacity:0}}@keyframes page-in{from{opacity:0}to{opacity:1}}html:not(.fonts-pending) body:not(.is-loading)>main{animation:content-arrive .45s ease both}@keyframes content-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),html:not(.fonts-pending) body>main{animation:none}}