html{scrollbar-gutter:stable}
body{background-attachment:fixed;overflow-x:hidden}
#swup{min-height:100dvh}
.home #swup{height:100%}
#swup h1:focus{outline:none}
.ambient-field{width:100vw;height:100dvh;right:auto;bottom:auto}
.ambient-gradient{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.navigation-progress{position:fixed;inset:0 0 auto;height:3px;z-index:2147483647;pointer-events:none;opacity:0;transition:opacity 160ms ease;overflow:hidden}
.navigation-progress>span{display:block;width:100%;height:100%;transform:scaleX(var(--navigation-progress,0));transform-origin:left center;background:#9b1b78;box-shadow:0 0 7px #9b1b784d;transition:transform 140ms ease-out}
.nav-loading .navigation-progress{opacity:1}
.nav-indeterminate .navigation-progress>span{width:24%;transform-origin:center;animation:nav-await 1100ms ease-in-out infinite;transition:none}
@keyframes nav-await{0%{transform:translateX(-105%)}100%{transform:translateX(520%)}}
@media(prefers-reduced-motion:reduce){html:not(.site-motion-on) .navigation-progress,html:not(.site-motion-on) .navigation-progress>span{transition:none}html:not(.site-motion-on).nav-indeterminate .navigation-progress>span{animation:none;transform:translateX(160%)}}