/* Styles for the custom alert */
#squizee-alert {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  animation: bounceIn 0.2s ease forwards;
}

@keyframes bounceIn {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}




    .squizee-alert-content {
      text-align: center;
    }

    .squizee-alert-icon {
      font-size: 30px;
      margin-bottom: 10px;
    }

    .squizee-alert-hidden {
      display: none;
    }

/* Keyframes for spinning animation */
@keyframes spin {
  0% {
    transform: rotate(0rad);
  }
  10% {
    transform: rotate(0.6283rad); /* Approximately equivalent to 36 degrees */
  }
  20% {
    transform: rotate(1.2566rad); /* Approximately equivalent to 72 degrees */
  }
  30% {
    transform: rotate(1.8849rad); /* Approximately equivalent to 108 degrees */
  }
  40% {
    transform: rotate(2.5131rad); /* Approximately equivalent to 144 degrees */
  }
  50% {
    transform: rotate(3.1416rad); /* Approximately equivalent to 180 degrees */
  }
  60% {
    transform: rotate(3.7699rad); /* Approximately equivalent to 216 degrees */
  }
  70% {
    transform: rotate(4.3982rad); /* Approximately equivalent to 252 degrees */
  }
  80% {
    transform: rotate(5.0265rad); /* Approximately equivalent to 288 degrees */
  }
  90% {
    transform: rotate(5.6549rad); /* Approximately equivalent to 324 degrees */
  }
  100% {
    transform: rotate(6.2832rad); /* Approximately equivalent to 360 degrees */
  }
}



/* Apply spinning animation to the icon */
.squizee-alert-icon.iconSpin {
  display: block; /* Ensure the element is displayed as a block */
  animation: spin 1s linear infinite; /* Adjust duration and timing function as needed */
}