@import "./lib/card-list.css";
@import "./lib/marker.css";
@import "./lib/save-button.css";
@import "./lib/provider-icon.css";
@import "./lib/status.css";
@import "./lib/api-keys/api-keys.css";

/**
 * Dialog exit animation
 */
@keyframes woswidgets-dialog-out {
  from {
    opacity: 1;
    transform: translateY(0px);
  }
  to {
    opacity: 0;
    transform: translateY(10px) scale(0.97);
  }
}

@keyframes woswidgets-dialog-overlay-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .rt-BaseDialogContent[data-state="closed"] {
    transition: none;
    animation: woswidgets-dialog-out 150ms ease-out;
  }

  .rt-BaseDialogOverlay[data-state="closed"] {
    transition: none;
    animation: woswidgets-dialog-overlay-out 300ms ease-out;
  }

  .rt-BaseDialogOverlay:where([data-state="closed"])::before {
    transition: none;
    animation: none;
    opacity: 1;
  }
}
