.dialog-model {
  --modal-height: 656px;
  max-height: min(100%, var(--modal-height));
  display: flex;
}

.dialog,
.dialog__content,
.dialog__content__wrapper {
  flex: 1;
  min-height: 0;

  display: flex;
}

.dialog {
  background-color: var(--bg-surface);

  &__content {
    flex-direction: column;
  }
}

.dialog__content-container {
  padding-top: var(--sp-extra-tight);
  padding-bottom: var(--sp-extra-loose);
}