/* A single, quiet sweep around the menu button's circular outline. */
.menu-toggle{position:relative;isolation:isolate}
.menu-toggle::before,.menu-toggle::after{
  content:'';position:absolute;inset:-1px;border-radius:50%;padding:1.5px;
  pointer-events:none;opacity:0;
  background:conic-gradient(from 0deg,transparent 0deg,transparent 215deg,#25c5ee 238deg,#8956d6 264deg,#ed43ad 290deg,#b9e950 316deg,transparent 350deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
}
.menu-toggle::before{animation:menu-outline-shimmer var(--shimmer-duration,1.5s) ease-in-out .9s 1 both}
@media(hover:hover) and (pointer:fine){
  .menu-toggle[aria-expanded="false"]:hover::after{animation:menu-outline-shimmer var(--shimmer-duration,1.5s) ease-in-out 0s 1 both}
}
.menu-toggle[aria-expanded="false"]:focus-visible::after{animation:menu-outline-shimmer var(--shimmer-duration,1.5s) ease-in-out 0s 1 both}
@keyframes menu-outline-shimmer{
  0%{opacity:0;transform:rotate(-110deg)}
  18%{opacity:.9}
  76%{opacity:.9}
  100%{opacity:0;transform:rotate(250deg)}
}
@media(prefers-reduced-motion:reduce){
  .menu-toggle::before,.menu-toggle[aria-expanded="false"]:focus-visible::after,.menu-toggle[aria-expanded="false"]:hover::after{animation:none}
}