.isa-modal-backdrop {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  position: relative;
  overflow: auto;
  z-index: 999;
  background: $modal-backdrop;
}

.isa-modal {
  font-family: $font-family;
  font-weight: $font-weight;
  font-size: $font-size;
  background: $modal-background-color;
  padding: $modal-padding;
  border-radius: $modal-border-radius;
  overflow: hidden;
  position: relative;

  .isa-modal-header {
    font-weight: $font-weight-bold;
    display: flex;
  }

  .isa-modal-title {
    font-size: $modal-title-font-size;
    line-height: $modal-title-line-height;
    text-align: $modal-title-text-align;
    padding: $modal-title-padding;
    margin-bottom: 0;
    width: 100%;
  }

  .isa-modal-subtitle {
    font-size: $font-size;
  }

  .isa-modal-status {
    font-size: $modal-font-size;
    font-weight: $font-weight-bold;
  }

  .isa-modal-body {
    height: $modal-body-height;
    overflow-y: scroll;
    line-height: $modal-line-height;
  }

  .isa-modal-message {
    font-weight: $font-weight;
  }

  .isa-modal-actions {
    position: absolute;
    bottom: 1.75rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .modal-hint {
    color: $font-color-gray;
    font-weight: $font-weight-bold;
    font-size: $modal-title-font-size;
  }
}
