/* Selected Elastic Dock. Current location and transient hover are separate. */
#app .site-nav.nav-r09[data-nav-policy] {
  --nav-r21-glass-fill: rgb(15 15 15 / .62);
  --nav-r23-dock-extra: 0px;
  --nav-r23-padding-gain: 7px;
  --nav-r23-base-padding: 14px;
}
#app .site-nav.nav-r09[data-nav-policy=flow] {
  position: relative;
  top: auto;
  width: 100%;
  max-width: 1680px;
  translate: 0 0;
}
#app .site-nav.nav-r09[data-nav-policy=compact].is-nav-compact {
  width: min(calc(var(--nav-r21-compact-width,600px) + var(--nav-r23-dock-extra,0px)),calc(100% - 32px));
}
#app .site-nav.nav-r09[data-nav-policy] .nav-r09-links > a {
  padding-inline: calc(var(--nav-r23-base-padding) + var(--nav-r23-weight,0)*var(--nav-r23-padding-gain));
  color: #dedede;
  transition: color .22s ease, padding .26s cubic-bezier(.22,1,.36,1);
}
#app .site-nav.nav-r09[data-nav-policy] .nav-r09-links > a[aria-current=page]:not([data-nav-highlighted]) {
  color: #fff;
}
#app .site-nav.nav-r09[data-nav-policy] .nav-r09-links > a[data-nav-highlighted] {
  color: #000;
}
#app .site-nav.nav-r09[data-nav-policy] .nav-r09-links > a > .nav-r09-roll {
  transform: translateY(calc(var(--nav-r23-weight,0)*-2px)) scale(calc(1 + var(--nav-r23-weight,0)*.08));
  transition: transform .28s cubic-bezier(.22,1,.36,1);
}
/* Dispersion refracts the backdrop only. Text is never part of the filter. */
#app .site-nav.nav-r09[data-nav-glass=dispersion]::before,
#app .site-nav.nav-r09 > .wordmark[data-nav-glass=dispersion],
#app .site-nav.nav-r09 .nav-r09-links[data-nav-glass=dispersion],
#app .site-nav.nav-r09 .nav-r09-toggle[data-nav-glass=dispersion] {
  -webkit-backdrop-filter: blur(1.5px) var(--nav-r21-refraction,blur(0)) saturate(1.15);
  backdrop-filter: blur(1.5px) var(--nav-r21-refraction,blur(0)) saturate(1.15);
}
#app .site-nav.nav-r09[data-nav-glass=frost]::before,
#app .site-nav.nav-r09 > .wordmark[data-nav-glass=frost],
#app .site-nav.nav-r09 .nav-r09-links[data-nav-glass=frost],
#app .site-nav.nav-r09 .nav-r09-toggle[data-nav-glass=frost] {
  -webkit-backdrop-filter: blur(11px) saturate(1.15);
  backdrop-filter: blur(11px) saturate(1.15);
}
#app .site-nav.nav-r09[data-nav-policy].is-nav-compact > .wordmark,
#app .site-nav.nav-r09[data-nav-policy].is-nav-compact .nav-r09-links,
#app .site-nav.nav-r09[data-nav-policy].is-nav-compact .nav-r09-toggle {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media(max-width:950px) and (min-width:761px) {
  #app .site-nav.nav-r09[data-nav-policy] { --nav-r23-base-padding: 12px; }
}
@media(max-width:760px) {
  #app .site-nav.nav-r09[data-nav-policy] { --nav-r23-padding-gain: 0px; }
  #app .site-nav.nav-r09[data-nav-policy=compact].is-nav-compact {
    width: var(--nav-r21-compact-width,240px);
  }
}