.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: var(--font-family);
}

.ui-widget.ui-widget-content {
  border: 1px var(--base-border-color) solid;
  border-radius: 16px;
  padding: 16px;
  max-width: 100%;
  width: 100% !important;
}
  @media(min-width: 480px) {
    .ui-widget.ui-widget-content {
      max-width: 460px;
    }
  }

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-titlebar-close {
  background: transparent;
  border: 0;
  padding-bottom: 1em;
}

.ui-dialog .ui-dialog-titlebar-close {
  top: 16px;
}

.ui-dialog .ui-dialog-title {
  font-size: var(--font-size-h5);
  color: var(--color-gray-020);
  font-weight: 600;
  white-space: normal;
}

.ui-button .ui-icon.ui-icon-closethick {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"%3E%3Cpath fill="%23123456" d="M18 6.41L16.59 5 12 9.59 7.41 5 6 6.41 10.59 11 6 15.59 7.41 17 12 12.41 16.59 17 18 15.59 13.41 11z"/%3E%3C/svg%3E');
  background-size: 28px 28px;
  background-position: center;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 0 16px;
  border: 0;
}