:target {
  outline: none !important;
  outline-offset: 0 !important;
}

@-webkit-keyframes anchor-pop {
  0%   { -webkit-transform: scale(1); transform: scale(1); }
  35%  { -webkit-transform: scale(1.04); transform: scale(1.04); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes anchor-pop {
  0%   { -webkit-transform: scale(1); transform: scale(1); }
  35%  { -webkit-transform: scale(1.04); transform: scale(1.04); }
  100% { -webkit-transform: scale(1); transform: scale(1); }
}

.anchor-highlight {
  -webkit-animation: anchor-pop 600ms cubic-bezier(.2,.7,.3,1);
          animation: anchor-pop 600ms cubic-bezier(.2,.7,.3,1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.anchor-highlight:focus,
.anchor-highlight:focus-visible,
.anchor-highlight:focus-within {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

a[href^="#"],
a[href^="#"]:focus,
a[href^="#"]:active {
  -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .anchor-highlight {
    -webkit-animation: none !important;
            animation: none !important;
  }
  .anchor-highlight:focus,
  .anchor-highlight:focus-visible,
  .anchor-highlight:focus-within {
    outline: none !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .anchor-highlight:focus,
  .anchor-highlight:focus-visible,
  .anchor-highlight:focus-within {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
  }
}