@gravity-ui/uikit/build/cjs/components/Dialog/Dialog.css

Gravity UI base styling and components

.g-dialog {
  --_--side-padding: 32px;
  --_--close-button-space: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--g-dialog-width, var(--_--width));
}
.g-dialog__modal:has(.g-dialog_max-width_s) {
  --g-modal-max-width: 480px;
}
.g-dialog__modal:has(.g-dialog_max-width_m) {
  --g-modal-max-width: 720px;
}
.g-dialog__modal:has(.g-dialog_max-width_l) {
  --g-modal-max-width: 900px;
}
.g-dialog__modal:has(.g-dialog_full-width) {
  --g-modal-width: 100%;
}
.g-dialog_max-width_s, .g-dialog_max-width_m, .g-dialog_max-width_l, .g-dialog_full-width {
  width: auto;
}
.g-dialog_has-scroll {
  overflow-y: auto;
  max-height: calc(100vh - var(--g-modal-margin, 20px) * 2);
}
.g-dialog_size_s {
  --_--width: 480px;
}
.g-dialog_size_m {
  --_--width: 720px;
}
.g-dialog_size_l {
  --_--width: 900px;
}
.g-dialog_has-close {
  --_--close-button-space: 24px;
}
.g-dialog_mobile {
  --_--side-padding: 20px;
  height: 100%;
}