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

:focus-visible{outline:2px solid rgba(94,234,212,.9);outline-offset:3px}

html,body{height:100%}

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

body{font-size:16px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

@supports (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)){
  .backdrop-blur-xl{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}