.o-dialog {
  --dlg-close-size: var(--o-icon_size_control-m);
  --dlg-close-color: var(--o-color-info2);
  --dlg-close-color-hover: var(--o-color-primary2);
  --dlg-close-color-active: var(--o-color-primary3);

  --dlg-color: var(--o-color-info1);
  --dlg-header-color: var(--o-color-info1);
  --dlg-bg-color: var(--o-color-control5-light);
  --dlg-radius: var(--o-radius_control-l);
  --dlg-shadow: var(--o-shadow-1);

  --dlg-max-height: 100%;
  --dlg-min-width: 272px;

  --dlg-margin: 0px;

  --dlg-edge-gap: 32px;
  --dlg-inner-gap: 24px;
  --actions-justify: var(--dlg-actions-justify, center);
  --dlg-btn-gap: 16px;
}

.o-dialog-auto {
  --dlg-max-height: 80%;
}

.o-dialog-exlarge {
  --dlg-width: 65%;
  --dlg-max-height: 780px;
  --dlg-min-height: 520px;
}
.o-dialog-large {
  --dlg-width: 60%;
  --dlg-max-height: 780px;
  --dlg-min-height: 424px;
}
.o-dialog-medium {
  --dlg-width: 40%;
  --dlg-max-height: 480px;
  --dlg-min-height: 328px;
}

.o-dialog-small {
  --dlg-width: 25%;
  --dlg-max-height: 272px;
  --dlg-min-height: 224px;

  --dlg-header-gap: 16px;
}