.nav a:focus-visible::after {
  transform: scaleX(0) !important;
}

.nav a[aria-current="page"]::after,
.nav a[aria-current="page"]:hover::after,
.nav a[aria-current="page"]:focus-visible::after {
  transform: scaleX(1) !important;
}

@media (hover: hover) and (pointer: fine) {
  .nav a:hover::after {
    transform: scaleX(1) !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .nav a:not([aria-current="page"]):hover::after {
    transform: scaleX(0) !important;
  }

  .nav a.is-touch-preview:not([aria-current="page"])::after,
  .nav a.is-touch-preview::after {
    transform: scaleX(1) !important;
  }
}

.nav a.is-touch-preview {
  color: #fff;
}