notipup {
  align-items: center;
  background: rgba(0, 0, 0, .4);
  display: flex;
  justify-content: center;
  height: 100vh;
  width: 100%;
  z-index: 1;
  overflow: auto;
  position: absolute;
  top: 0;
}

notipup > popup {
  background: white;
  box-shadow: inset 0 0 5px gray;
  border-radius: 20px;
  transform: scale(0);
  padding: 20px 10px;
  max-height: 90%;
  width: 90%;
  overflow: auto;
}

/*<><><><><><><><><><>*/

notipup > popup.default > h1,
notipup > popup.default > h2,
notipup > popup.default > h3,
notipup > popup.default > h4 {
  color: var(--COLOR_alt);
  display: block;
  font-family: comfortaa;
  text-align: center;
}

notipup > popup.default > p {
  color: #2f2f2f;
  display: block;
  font: bold 13px comfortaa;
  text-align: center;
  margin: auto;
  width: 90%;
}

notipup > popup.default button {
  background: var(--COLOR_alt);
  border-radius: 15px;
  border: none;
  color: white;
  cursor: pointer;
  display: block;
  font: bold 13px comfortaa;
  margin: 0 auto;
  padding: 5px 15px;
}

notipup > popup.default > img:first-child {
  display: block;
  margin: auto;
  object-fit: contain;
  height: auto;
  width: 100%;
}

notipup > popup.default > i:first-child {
  display: block;
  margin: auto;
  text-align: center;
  font-size: 3em;
}

/*<><><><><><><><><><>*/

notipup > popup.prompt > input,
notipup > popup.prompt > textarea {
  background: #D8D8D8;
  border-radius: 15px;
  border: none;
  display: block;
  font: normal 13px montserrat;
  margin: 15px auto;
  padding: 10px;
  width: 95%;
  resize: none;
  outline: none;
}

notipup > popup.prompt button {
  border: 2px solid;
  font-size: 12px;
  float: right;
  margin: 0;
  margin-right: 10px;
  padding: 8px 15px;
}
notipup > popup.prompt button:first-of-type {
  background: white;
  color: #808b96;
  transform: scale(0.95);
}

/*<><><><><><><><><><>*/

notipup > popup.default table {
  background: #FFF;
  border-collapse: collapse;
  width: 100%;
}

notipup > popup.default table th, notipup > popup.default table td {
  border: 1px solid #d9d9d9;
  font-size: 11px;
  font-family: Comfortaa;
  padding: 5px;
  text-align: center;
}

notipup > popup.default table th {
  background: #2ECC71;
  color: #FFF;
}

notipup > popup.default table tr:hover {
  background-color: #F1F1F1;
}