@font-face {
  font-family: 'fatest';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/webfonts/fa-solid-900.woff2');
  font-weight: 900;
}
dialog.ashcroft-popup {
  display: block;
  margin: auto;
  opacity: 0;
  translate: 0 2em;
  transition: all 0.5s;
  padding: 0;
  border: 0px solid #1d2e4f;
  box-shadow: 0 0 5px 0 #1d2e4f;
  max-width: 20em;
  margin-right: 2em;
}
dialog.ashcroft-popup[open] {
  opacity: 1;
  translate: 0 0;
}
dialog.ashcroft-popup .close {
  position: absolute;
  font-size: 1.5em;
  top: 0.25em;
  right: 0.25em;
  color: var(--primary_color);
  opacity: 1;
}
dialog.ashcroft-popup header {
  padding: 1em;
  background: #eaeaea;
  display: flex;
  flex-direction: row;
  gap: 1em;
  align-items: center;
}
dialog.ashcroft-popup header img {
  flex: 0 0 auto;
  height: 5em;
}
dialog.ashcroft-popup header h2 {
  flex: 1 1 auto;
  margin: 0;
}
dialog.ashcroft-popup .content {
  padding: 1em;
}
dialog.ashcroft-popup .popup-actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 2em;
  gap: 1em;
}
dialog.ashcroft-popup .popup-actions .button {
  background: var(--primary_color);
  color: white;
  padding: 1em;
}
dialog.ashcroft-popup .popup-actions .button::before {
  color: white;
  margin-right: 1em;
  content: '\f0e0';
  font-family: 'fatest';
  font-weight: 900;
}
dialog.ashcroft-popup .popup-actions .button:nth-child(2)::before {
  content: '\f095';
}
dialog.ashcroft-popup .popup-actions .button:nth-child(3)::before {
  content: '\f028';
}