.blur {
  filter: blur(1px);
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background-color: #282e38cc !important;
}
.toast-message ul {
  font-weight: 600;
  margin: 0;
  padding: 0 10px;
}
#swal2-title {
  text-align: left;
  margin: auto;
  font-size: 16px;
  padding: 0 40px;

  color: white;
}
div:where(.swal2-container) div:where(.swal2-popup) {
  width: 22em !important;
  background-color: #313844 !important;
  box-shadow: rgb(0 0 0) 0px 5px 15px !important;
}
div:where(.swal2-container) div:where(.swal2-actions) {
  /* margin: 0 !important; */
}

#swal2-title ul {
  padding-left: 0 !important;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background-color: #4ca3f7 !important;
  color: #fff !important;
  font-weight: 800 !important;
  border: none !important;
}
div:where(.swal2-container) .swal2-html-container {
  color: #fff !important;
  font-size: 17px;
  font-family: "Karla", sans-serif;
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  background-color: #42e4d1 !important;
}

/* koyu tema için css stil ekleme */
.swal2-popup {
  color: #fff !important;
}
.swal2-title {
  color: #fff !important;
  font-size: 24px !important;
}
.swal2-content {
  color: #fff !important;
}
.swal2-styled {
  background-color: #555 !important;
  color: #fff !important;
}

/* ##################################        /sweetalert2             ###################################### */
/* ##################################                     ###################################### */