@tailwind base;
@tailwind components;
@tailwind utilities;

@import "./base/base";
@import "./components/Spinner";
@import "./components/Swal";

.animate {
  transition: 0.2s ease all;
}

.animate-easy {
  transition: 0.3s ease all;
}

.animate-movement {
  transition: 0.4s ease all;
}

.animate-medium {
  transition: 0.6s ease all;
}

.animate-very-long {
  transition: 6s ease all;
}

.Toastify__progress-bar--success {
  background-color: var(--color-primary) !important;
}

.--toastify-color-transparent .Toastify__toast-icon {
  background-color: var(--color-primary) !important;
}

.Toastify__toast--success .Toastify__icon svg path {
  fill: var(--color-primary) !important;
}

:root {
  --toastify-icon-color-success: #3c85ee !important;
}

.Toastify__toast {
  background-color: var(--color-bg) !important;
  color: var(--color-text) !important;
}

.disable-force-touch {
  -webkit-touch-callout: none;
}
