.application.mgne.roll-dialog .window-content {
  padding: 0.55rem;
  background:
    radial-gradient(circle at top left, fade(@ember-bright, 14%), transparent 26%),
    linear-gradient(180deg, fade(@bg-char, 26%), fade(@bg-void, 22%)),
    url("@{page-bg-url}") center center / cover no-repeat,
    linear-gradient(180deg, @bg-char, @bg-void 120%);
}

.application.mgne.roll-dialog .dialog-content {
  padding: 0;
}

.application.mgne.roll-dialog .mgne-roll-dialog {
  background:
    linear-gradient(135deg, fade(@ember, 10%), transparent 32%),
    linear-gradient(180deg, fade(@bg-char, 94%), fade(@bg-void, 98%)),
    @bg-void;
  border: 1px solid fade(@gold-acid, 28%);
  border-radius: @radius-sm;
  box-shadow: @shadow-heavy, @shadow-inset;
  .ornate-frame();
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0.7rem;

  > p:first-child {
    .caps-heading();
    font-size: 0.9rem;
    color: @gold-acid;
    margin: 0;
  }

  > p:nth-child(2) {
    margin: 0;
    color: @bone;
    font-style: italic;
  }

  label {
    color: @parchment;
  }

  strong {
    color: @parchment;
  }
}

.application.mgne.roll-dialog .mgne-roll-dialog label,
.application.mgne.roll-dialog .mgne-roll-dialog .checkbox-line {
  color: @parchment;
}

.application.mgne.roll-dialog .form-footer button {
  min-width: 132px;
}
