/* breakpoints */
.modal {
  z-index: 2500;
  --bs-modal-width: 950px;
  --border-radius: 0;
  --bs-modal-bg: var(--black);
}
.modal .modal-dialog .modal-content {
  --paddingRight: 2rem;
  border-radius: var(--border-radius);
  border: none;
  padding: 1.5rem 2rem 3rem 2rem;
  overflow: hidden;
}
.modal .modal-dialog .modal-content .modal-header {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  border: none;
  align-items: start;
  padding: 0 0 var(--paddingRight) 0;
  justify-content: space-between;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  margin-bottom: 0;
}
.modal .modal-dialog .modal-content .modal-body {
  max-height: 75vh;
  overflow-y: auto;
}
.modal .modal-dialog .modal-content .btn-close {
  --bs-btn-close-color: var(--font-clr);
  --bs-btn-close-opacity: 1;
  background-color: var(--black);
  border: none;
  border-radius: 0;
  background-size: 0.9rem;
}
[data-bs-toggle="modal"] {
  cursor: pointer;
}
.modal-backdrop.show {
  --bs-backdrop-opacity: 1;
  --bs-backdrop-zindex: 300;
  --bs-backdrop-bg: rgba(var(--clr-secondary-rgb), 0.5);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkarl24%2Fscss%2Fobjects%2F_modal.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAACA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYN%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */