sweetalert2/themes/minimal.css

A beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes, supported fork of sweetalert

[data-swal2-theme='minimal'] {
  /* BACKDROP */
  --swal2-backdrop-transition: none;

  /* POPUP */
  --swal2-border-radius: 0;

  /* ANIMATIONS */
  --swal2-show-animation: none;
  --swal2-hide-animation: none;

  /* INPUT */
  --swal2-input-border-radius: 0;
  --swal2-input-box-shadow: none;
  --swal2-input-transition: none;

  /* CLOSE BUTTON */
  --swal2-close-button-transition: none;

  /* COMMON VARIABLES FOR ALL ACTION BUTTONS */
  --swal2-action-button-transition: none;

  /* CONFIRM BUTTON */
  --swal2-confirm-button-border-radius: 0;

  /* DENY BUTTON */
  --swal2-deny-button-border-radius: 0;

  /* CANCEL BUTTON */
  --swal2-cancel-button-border-radius: 0;

  /* TOASTS */
  --swal2-toast-show-animation: none;
  --swal2-toast-hide-animation: none;
  --swal2-toast-border: 1px solid rgba(0, 0, 0, 0.3);
  --swal2-toast-box-shadow: none;
}

/* ICON ANIMATIONS */
[data-swal2-theme='minimal'] div:where(.swal2-icon).swal2-icon-show,
[data-swal2-theme='minimal'] div:where(.swal2-icon).swal2-icon-show .swal2-x-mark,
[data-swal2-theme='minimal'] div:where(.swal2-icon).swal2-icon-show .swal2-icon-content,
[data-swal2-theme='minimal'] div:where(.swal2-icon).swal2-icon-show .swal2-success-line-tip,
[data-swal2-theme='minimal'] div:where(.swal2-icon).swal2-icon-show .swal2-success-line-long,
[data-swal2-theme='minimal'] div:where(.swal2-icon).swal2-icon-show .swal2-success-circular-line-right,
[data-swal2-theme='minimal'] .swal2-toast .swal2-icon-show .swal2-success-line-tip,
[data-swal2-theme='minimal'] .swal2-toast .swal2-icon-show .swal2-success-line-long {
  animation: none;
}