@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes slide-from-right {
  0% {
    transform: translate(30px);
    opacity: 0
  }

  to {
    transform: translate(0);
    opacity: 1
  }
}

@keyframes slide-to-left {
  0% {
    transform: translate(0);
    opacity: 1
  }

  to {
    transform: translate(-30px);
    opacity: 0
  }
}

@keyframes astroFadeInOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes astroFadeIn {
  0% {
    opacity: 0;
    mix-blend-mode: plus-lighter
  }

  to {
    opacity: 1;
    mix-blend-mode: plus-lighter
  }
}

@keyframes astroFadeOut {
  0% {
    opacity: 1;
    mix-blend-mode: plus-lighter
  }

  to {
    opacity: 0;
    mix-blend-mode: plus-lighter
  }
}

@keyframes astroSlideFromRight {
  0% {
    transform: translate(100%)
  }
}

@keyframes astroSlideFromLeft {
  0% {
    transform: translate(-100%)
  }
}

@keyframes astroSlideToRight {
  to {
    transform: translate(100%)
  }
}

@keyframes astroSlideToLeft {
  to {
    transform: translate(-100%)
  }
}

.astro-route-announcer {
  position: absolute;
  left: 0;
  top: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
  width: 1px;
  height: 1px
}

html {
  scroll-behavior: smooth
}

@media (prefers-reduced-motion) {

  ::view-transition-group(*),
  ::view-transition-new(*),
  ::view-transition-old(*) {
    animation: none !important
  }

  [data-astro-transition-scope] {
    animation: none !important
  }
}