/*
  Custom Alert (JS) version 1.1

  --- Made by Lugico ---


  Free to use as long as credit is given.
  Usage is explained in the README.txt

*/

@keyframes show {
  0% {
    top:calc(50% - 230px);
    opacity:0;
  }
  30% {
    top: calc(50% - 140px);
  }
  80% {
    opacity:1;
  }
  100% {
    top: calc(50% - 150px);
  }
}
@keyframes hide {
  0% {
    top: calc(50% - 150px);
    opacity:1;
  }
  100% {
    top: calc(50% - 140px);
    opacity:0;
  }
}
.customAlertDiv {
  animation-name: show;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
  border-radius: 0 !important;
  color: var(--fg-default) !important;
  background-color: var(--bg-default) !important;
}

/* .customAlertDiv button:focus {
  outline: none !important;
}
.customAlertDiv button:active {
  outline: none !important;
} */
.customAlertDiv button {
  outline: none !important;
  border-radius: 0 !important;
}

.clicknet {
    background-color: rgba(0,0,0,0.7) !important;
}
.customAlertDiv input {
  border-color: var(--border);
  transition: border-color linear 0.2s;
  color: var(--fg-default);
}

.customAlertDiv input:focus {
  border-color: var(--accent);
}