html.crm-standalone {
  --crm-dialog-header-bg: none;
  --crm-dialog-inner-shadow: none;
}
.nook-dialog {
  /* center in main content area */
  left: var(--nook-nav-menu-width);

  /* avoid getting cut off below the bottom of the screen */
  overflow-y: auto;

  background-color: var(--crm-c-background);
  color: var(--crm-c-text);

  border: 1px var(--nook-grey-mid);
  border-radius: var(--crm-roundness);

  padding: 1.5rem;
}

.nook-dialog h2.nook-dialog-title {
  font-weight: 500;
  font-size: 1.25rem;
  margin-top: 0;
}
/* override default h3 */
#bootstrap-theme .nook-dialog h3.nook-dialog-subtitle,
.crm-container .nook-dialog h3.nook-dialog-subtitle {
  font-weight: 500;
  font-size: 1rem;
}

.nook-dialog-buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-top: 2rem;
}
.nook-dialog-buttons > *:not(button) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.nook-dialog::backdrop {
  backdrop-filter: blur(1px);
  background: #19202e73;
}
.nook-blur {
  filter: blur(1px);
  background: #19202e73;
}