/* A local blue glow through popup navigation lettering, never across the panel. */
@property --mpls-menu-spot-opacity{
  syntax:"<number>";
  inherits:false;
  initial-value:0;
}
.site-header .menu--popup #site-navigation .menu--link:focus-visible{
  color:#A0D6E2!important;
  -webkit-text-fill-color:#A0D6E2;
  outline:2px solid #A0D6E2;
  outline-offset:4px;
}
@media(hover:hover) and (pointer:fine){
  @supports ((background-clip:text) or (-webkit-background-clip:text)){
    .site-header .menu--popup #site-navigation .menu--link{
      --mpls-menu-spot-opacity:0;
      --mpls-menu-spot-radius:40px;
      background-image:
        radial-gradient(circle var(--mpls-menu-spot-radius) at var(--mpls-menu-spot-x,50%) var(--mpls-menu-spot-y,50%),
          rgb(160 214 226 / var(--mpls-menu-spot-opacity)) 0%,
          rgb(160 214 226 / var(--mpls-menu-spot-opacity)) 32%,
          rgb(160 214 226 / 0) 100%),
        linear-gradient(#D6DEE0,#D6DEE0);
      background-repeat:no-repeat;
      background-clip:text;
      -webkit-background-clip:text;
      color:transparent!important;
      -webkit-text-fill-color:transparent;
      transition:--mpls-menu-spot-opacity .18s cubic-bezier(.22,1,.36,1);
    }
    .site-header .menu--popup #site-navigation .menu--link.mpls-menu-pointer-hover{
      --mpls-menu-spot-opacity:1;
    }
    .site-header .menu--popup #site-navigation .menu--link:focus-visible{
      background-image:none;
      color:#A0D6E2!important;
      -webkit-text-fill-color:#A0D6E2;
    }
  }
}
@media(prefers-reduced-motion:reduce){
  .site-header .menu--popup #site-navigation .menu--link{
    background-image:none;
    color:#D6DEE0!important;
    -webkit-text-fill-color:#D6DEE0;
    transition:none;
  }
  .site-header .menu--popup #site-navigation .menu--link:hover,
  .site-header .menu--popup #site-navigation .menu--link:focus-visible{
    color:#A0D6E2!important;
    -webkit-text-fill-color:#A0D6E2;
  }
}
@media(forced-colors:active){
  .site-header .menu--popup #site-navigation .menu--link,
  .site-header .menu--popup #site-navigation .menu--link:hover,
  .site-header .menu--popup #site-navigation .menu--link:focus-visible{
    background-image:none!important;
    color:LinkText!important;
    -webkit-text-fill-color:LinkText;
    transition:none;
    forced-color-adjust:auto;
  }
}
