/**
 * CSS styles for Hypzert.
 */

/* Document upload form */
#form--process-status {
  display: none;
}
#form--process-status.is-processing {
  display: block;
  padding: 1em;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  border: 1px solid #ff1e3c;
  animation: fadein 1.5s;
}
#form--process-status.is-processing .loader {
  animation: spin 1.5s linear infinite;
  margin-right: .5em;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes fadein {
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

/* Cookie list table */
.cookie-table {
  border-collapse: collapse;
}
.cookie-table td {
  vertical-align: top;
  padding: 1rem;
}
.cookie-table .category {
  color: #fff;
  padding: 1.5rem;
  background-color: #434764;
  font-size: 24px;
}
.cookie-table .th {
  font-style: italic;
}
.cookie-table .name {
  white-space: nowrap;
}
.cookie-table .duration {
  white-space: nowrap;
}


/* hypzert-valuer-stamp-download */
.hypzert-valuer-stamp-download {
  margin-bottom: 3rem;
}
.hypzert-valuer-stamp-download h2 {
  margin-bottom: 1.2rem;
  font-weight: 300;
}