body {
  background-color: #1a101a;
  margin: 0px; }

p, h1, h2, h3, h4, h5, h6, input, button, label, li, span {
  color: white; }

h1 {
  font-size: xx-large; }

.status {
  background-color: black;
  padding: 1em;
  margin: 0px;
  text-align: center;
  box-shadow: 0px 0px 10px 0px black; }
  .status.level-error {
    color: #f00; }
  .status.level-success {
    color: #0f0; }
  .status.level-warn {
    color: #fa0; }

footer {
  margin: 5em; }

section.info {
  margin: 5em; }

section.submit {
  margin: 5em; }

section.engine-select {
  margin: 10%; }
  section.engine-select ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0; }
  section.engine-select li {
    background-color: black;
    border-radius: 0.5em;
    padding: 1em;
    margin: 0.5em; }
    section.engine-select li.pinned {
      width: 30%;
      cursor: pointer;
      transition: background-color 0.1s ease-out; }
      section.engine-select li.pinned:hover {
        background-color: #452273; }
  section.engine-select div#engine-select-manual {
    position: relative;
    display: block;
    left: 1em; }
    section.engine-select div#engine-select-manual label {
      display: block; }
    section.engine-select div#engine-select-manual ul.dropdown {
      position: absolute;
      display: none;
      margin: 0;
      margin-top: -2px;
      padding: 0;
      max-width: 30em;
      background-color: #1a101a;
      background-color: black;
      border: 0.15em solid #ff74e3;
      border-radius: 0.5em;
      cursor: pointer; }
      section.engine-select div#engine-select-manual ul.dropdown li {
        padding: 1em;
        margin: 0;
        background-color: #000; }
        section.engine-select div#engine-select-manual ul.dropdown li:hover {
          background-color: #452273; }
      section.engine-select div#engine-select-manual ul.dropdown p {
        margin: 0; }
        section.engine-select div#engine-select-manual ul.dropdown p.name {
          color: white; }
        section.engine-select div#engine-select-manual ul.dropdown p.bang {
          color: gray;
          font-size: small; }

section.search {
  width: 100vw;
  height: 50vh;
  display: flex;
  flex-direction: column;
  place-content: center;
  align-items: center;
  font-size: large;
  font-weight: 500; }

section.admin-btn button.open-modal {
  position: absolute;
  right: 10%; }

div.pending-block {
  display: flex;
  margin: 1em;
  align-items: center; }
  div.pending-block span {
    display: inline-block; }
  div.pending-block button {
    transition: background-color 0.2s, color 0.2s;
    border-radius: 0.5em; }
    div.pending-block button.pending-accept {
      background-color: black;
      color: #0f0;
      border: 1px solid #0f0; }
      div.pending-block button.pending-accept:hover {
        background-color: #0f0;
        color: black; }
    div.pending-block button.pending-reject {
      background-color: black;
      color: #f00;
      border: 1px solid #f00; }
      div.pending-block button.pending-reject:hover {
        background-color: #f00;
        color: black; }
  div.pending-block p.pending-bang {
    color: #87ffaf; }
  div.pending-block p.pending-url {
    font-size: 0.8em;
    color: gray; }
  div.pending-block p.pending-webhook {
    font-size: 0.8em;
    color: #ff74e3; }
  div.pending-block p.verdict-error {
    margin-left: 2em;
    color: #fa0; }

dialog {
  background-color: #1a101a; }
  dialog button {
    margin-left: 0em; }
  dialog input {
    display: block;
    margin-bottom: 5px; }
  dialog label {
    margin-left: 1em; }
  dialog::backdrop {
    backdrop-filter: blur(1px);
    background-color: #00000080; }

input, button {
  border-radius: 0.5em;
  padding: 0.5em; }

input {
  width: 25em;
  max-width: 40vw;
  border: 0.15em solid #ff74e3;
  background-color: rgba(0, 0, 0, 0.3);
  outline: none;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out; }
  input:focus {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: #d963c1; }

button {
  margin-left: 1em;
  color: white;
  background-color: #ff74e3;
  backdrop-filter: blur(5px);
  border: 0;
  cursor: pointer;
  transition: background-color 0.2s; }
  button:hover {
    background-color: #d963c1; }

label {
  margin-right: 1em; }

a {
  color: #ff74e3;
  transition: color 0.2s; }
  a:hover {
    color: #d963c1; }

span.error-msg {
  margin-left: 1em;
  color: #ffe600;
  font-size: 0.8em; }