.elw-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  opacity: 0;
  transition: opacity 0.15s linear;
}

.elw-modal-backdrop.show {
  opacity: 1;
}

.elw-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  outline: 0;
  opacity: 0;
  transition: opacity 0.15s linear;
}

.elw-modal.show {
  opacity: 1;
}

body.elw-modal-open {
  overflow: hidden;
}

.elw-modal.elw-custom-color .modal-header,
.elw-modal.elw-custom-color .elw-modal-continue,
.elw-modal.elw-custom-color .elw-modal-cancel {
  background-color: var(--elw-color);
  border-color: var(--elw-color);
  color: var(--elw-color-contrast, #ffffff);
}

.elw-modal.elw-custom-color .modal-header .modal-title {
  color: inherit;
}

.elw-modal.elw-custom-color .elw-modal-continue:hover,
.elw-modal.elw-custom-color .elw-modal-cancel:hover {
  filter: brightness(0.9);
  color: var(--elw-color-contrast, #ffffff);
}