.ui-widget-overlay {
  background-color: #000000;
}
.ui-dialog:not(.ui-dialog-off-canvas) {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 1rem calc(1rem / -4);
}
.ui-dialog .ui-dialog-title {
  float: none;
  white-space: initial;
  padding-inline-end: 3rem;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: unset;
  left: unset;
  inset-inline-end: 0.6em;
  /* Keep the close button centered even with a multi-line title. Stolen from claro. */
  transform: translateY(-50%);
  top: 50%;
  height: calc(1rem * 2);
  width: calc(1rem * 2);
  margin: 0;
}
.ui-dialog .ui-icon.ui-icon-closethick {
  background-color: #222222;
  background-image: none;
  mask-image: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e");
  -webkit-mask-image: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e");
  mask-size: contain;
  -webkit-mask-size: contain;
}
/* The hide-dialog-title class may used to create a dialog without a title bar. */
.ui-dialog.hide-dialog-title .ui-dialog-titlebar {
  padding: 0;
  border: 0;
}
.ui-dialog.hide-dialog-title .ui-dialog-title {
  display: none;
}
.ui-dialog.hide-dialog-title .ui-dialog-titlebar-close {
  transform: translateY(50%);
  z-index: 100;
}
.ui-dialog.hide-dialog-title div.messages {
  margin-inline-end: 40px;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: end;
  margin-inline-end: -4px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}
.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget textarea {
  font-family: inherit;
}
.ui-dialog .form-item label,
.ui-dialog .form-item input,
.ui-dialog .form-item textarea {
  font-size: 0.9em;
}


/* Simple popup blocks */
/* @todo make consistent with normal dialogs, or move to wildfire_feedback */
/* .spb-popup-main-wrapper {
  border-radius: 5px;
  border-width: 1px;
  box-sizing: border-box;
  padding: 10px;
}
.spb-controls {
  right: unset;
  left: unset;
  inset-inline-end: 0;
}
.spb_close {
  background: none;
  border: 0;
  font-size: 28px;
} */