.ui-dialog {
  width: 800px !important;
  font-family: 'Roboto', sans-serif !important;
  font-family: var(--font-base) !important;
}

.ui-dialog {
  max-width: 80vw;
    left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.ui-dialog .ui-dialog-titlebar {
  background: #201C40 !important;
  background: var(--color-deep-purple) !important;
  padding: 1rem !important;
}

.ui-dialog .ui-dialog-titlebar {
  color: white;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.22566 4.81108C5.83514 4.42056 5.20197 4.42056 4.81145 4.81108C4.42092 5.20161 4.42092 5.83477 4.81145 6.2253L10.5862 12L4.81151 17.7747C4.42098 18.1652 4.42098 18.7984 4.81151 19.1889C5.20203 19.5794 5.8352 19.5794 6.22572 19.1889L12.0004 13.4142L17.7751 19.1889C18.1656 19.5794 18.7988 19.5794 19.1893 19.1889C19.5798 18.7984 19.5798 18.1652 19.1893 17.7747L13.4146 12L19.1893 6.2253C19.5799 5.83477 19.5799 5.20161 19.1893 4.81108C18.7988 4.42056 18.1657 4.42056 17.7751 4.81108L12.0004 10.5858L6.22566 4.81108Z%22 fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") !important;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  top: initial;
    background-position: center center;
  background-size: 44px;
  top: inherit;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  padding: 1rem;
}

.ui-dialog .l-content-stack > * {
  margin-top: 0;
}