dialog[data-potok-motion="fade"] {
  opacity: 0 !important;
  filter: none !important;
  transform: none !important;
  transition: opacity 180ms ease !important;
}
dialog[data-potok-motion="fade"].is-potok-visible {
  opacity: 1 !important;
}

dialog[data-potok-motion="fade"]::backdrop {
  opacity: 0;
  transition: opacity 180ms ease;
}

dialog[data-potok-motion="fade"].is-potok-visible::backdrop {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  dialog[data-potok-motion="fade"],
  dialog[data-potok-motion="fade"]::backdrop {
    transition-duration: 1ms !important;
  }
}