.swal2-popup {
  background: #000000ad;
  backdrop-filter: blur(5px);
}
.swal2-popup::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  bottom: 0;
  left: 0;
  border: 3px solid transparent;
  border-radius: 10px;
  background-image: linear-gradient(348deg, #242324, #100406),
    linear-gradient(
      180deg,
      #a78059 -30%,
      #f2d7a9 22%,
      #715236 72%,
      #f1bb73 112%
    );
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.swal2-popup-loader {
  background: none !important;
  backdrop-filter: none !important;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.swal2-popup-loader::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 130px !important;
  height: 130px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: conic-gradient(
    from 0deg,
    rgba(242, 215, 169, 0) 0%,
    rgba(242, 215, 169, 0.15) 35%,
    #f2d7a9 70%,
    #f1bb73 90%,
    rgba(242, 215, 169, 0) 100%
  ) !important;
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
  animation: loader-spin 1.1s linear infinite;
  z-index: 0;
}

.swal2-popup-loader .swal2-image {
  position: relative;
  z-index: 1;
}

.scale-up-center {
  filter: drop-shadow(0 0 10px rgba(242, 215, 169, 0.55));
  animation: scale-up-center 1.6s ease-in-out infinite;
}

@keyframes scale-up-center {
  0%,
  100% {
    transform: scale(0.85);
    filter: drop-shadow(0 0 6px rgba(242, 215, 169, 0.35));
  }
  50% {
    transform: scale(1);
    filter: drop-shadow(0 0 16px rgba(242, 215, 169, 0.7));
  }
}

@keyframes loader-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.swal2-title {
  color: #fff;
}
.swal2-html-container {
  color: #fff;
  text-align: center;
}
.swal2-styled.swal2-confirm {
  background: var(--primary);
  border: 2px solid #fde97d;
  border-radius: 10px;
}
.swal2-icon.swal2-success
  [class^="swal2-success-circular-line"][class$="left"] {
  background: 0 0 !important;
}
.swal2-success-circular-line-right {
  background: 0 0 !important;
}
.swal2-icon.swal2-success .swal2-success-fix {
  background: 0 0 !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
  border: 0.25em solid rgb(164 219 134);
}
.swal2-title {
  z-index: 1;
}