[data-animate=opacity] {
  --animate-delay: 0ms;
  --animate-duration: 600ms;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: var(--animate-duration);
          transition-duration: var(--animate-duration);
  -webkit-transition-delay: var(--animate-delay);
          transition-delay: var(--animate-delay);
  will-change: opacity;
}

[data-animate=opacity]._show {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  [data-animate=opacity] {
    opacity: 1;
    -webkit-transition-duration: 0ms;
            transition-duration: 0ms;
    -webkit-transition-delay: 0ms;
            transition-delay: 0ms;
  }
}
@supports (appearance:none){

}

 @media (prefers-reduced-motion: reduce){

@supports (appearance:none){

}

}