img {
  height: auto;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }

  :target {
    scroll-margin-top: 80px;
  }
}

[data-menu="panel"] {
  visibility: hidden;

  overflow: hidden;
}

[data-menu="panel"][data-state="open"] {
  visibility: visible;
}

@media (prefers-reduced-motion: no-preference) {
  [data-menu="panel"] {

    transition: visibility 0s linear 0.5s;
  }

  [data-menu="panel"][data-state="open"] {
    transition-delay: 0s;
  }

  [data-menu="panel"] > * {
    transform: translateX(100%);
    transition: transform 0.6s ease;
  }

  [data-menu="panel"][data-state="open"] > * {
    transform: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes patron-marquee {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .flex-rail {
    animation: patron-marquee 25s linear infinite;
  }
}

img {
  -webkit-user-drag: none;
}