@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important;}
}

:focus{outline:none;}

:focus-visible{
  outline:2px solid rgb(30 134 255);
  outline-offset:2px;
}

html{color-scheme:light;}

img{max-width:100%;height:auto;display:block;}

body{font-size:16px;}

#mobileMenu[data-state="open"] #menuBackdrop{opacity:1;}
#mobileMenu[data-state="open"] #menuPanel{opacity:1;transform:translateY(0);}

#mobileMenu[data-state="closed"] #menuBackdrop{opacity:0;}
#mobileMenu[data-state="closed"] #menuPanel{opacity:0;transform:translateY(24px);}