.anj-modal {
  display: none;
  font-size: 0.875rem;
  font-family: var(--anj-font-family);
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  background-color: var(--anj-theater);
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  will-change: opacity;
  z-index: 1050;
}
.anj-modal, .anj-modal::before, .anj-modal::after {
  box-sizing: border-box;
  outline: none;
}
.anj-modal:focus, .anj-modal:active, .anj-modal *:focus, .anj-modal *:active {
  outline: none;
}
.anj-modal.anj-show {
  opacity: 1;
}
@media (max-width: 991.98px) {
  .anj-modal.anj-show {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.anj-modal.anj-show .anj-modal-dialog {
  transform: translate(0, 0);
}
.anj-modal.anj-show .anj-modal {
  transform: translate(0, 0);
}
.anj-modal .anj-modal-dialog {
  position: relative;
  transform: translate(0, -25%);
  transition: transform 0.4s ease;
  will-change: transform;
  width: auto;
}
.anj-modal .anj-modal-content {
  box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px -4px rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  background-clip: padding-box;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%;
  will-change: max-height;
}
.anj-modal .anj-modal-content.anj-animate {
  transition: max-height 0.4s ease;
}

::slotted([slot=nav-left]),
::slotted([slot=nav-right]) {
  --anj-text: white;
  --anj-text-medium: rgba(255, 255, 255, 0.8);
  --anj-text-muted: rgba(255, 255, 255, 0.6);
  --anj-highlight: #93badf;
  --anj-neutral-dark: rgba(255, 255, 255, 0.8);
  --anj-neutral: rgba(255, 255, 255, 0.6);
  bottom: -3rem;
  position: absolute;
}
::slotted([slot=nav-left])[slot=nav-left],
::slotted([slot=nav-right])[slot=nav-left] {
  left: 50%;
  margin-left: -3rem;
}
::slotted([slot=nav-left])[slot=nav-right],
::slotted([slot=nav-right])[slot=nav-right] {
  right: 50%;
  margin-right: -3rem;
}
@media (min-width: 768px) {
  ::slotted([slot=nav-left]),
::slotted([slot=nav-right]) {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
  }
  ::slotted([slot=nav-left])[slot=nav-left],
::slotted([slot=nav-right])[slot=nav-left] {
    left: 0;
  }
  ::slotted([slot=nav-left])[slot=nav-right],
::slotted([slot=nav-right])[slot=nav-right] {
    right: 0;
  }
}

::slotted(anj-tray) {
  --anj-text: white;
  --anj-text-medium: rgba(255, 255, 255, 0.8);
  --anj-text-muted: rgba(255, 255, 255, 0.6);
  --anj-highlight: #93badf;
  --anj-neutral-dark: rgba(255, 255, 255, 0.8);
  --anj-neutral: rgba(255, 255, 255, 0.6);
  margin-top: 5rem;
  position: relative;
}
@media (min-width: 768px) {
  ::slotted(anj-tray) {
    bottom: 0;
    left: 0;
    margin-top: 0;
    right: 0;
    position: fixed;
  }
}

@media (min-width: 576px) {
  .anj-modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .anj-modal-small {
    max-width: 300px;
  }
}
@media (max-width: 991.98px) {
  .anj-modal-content {
    max-height: initial !important;
  }
}
@media (min-width: 992px) {
  .anj-modal-large,
.anj-modal-xlarge {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .anj-modal-xlarge {
    max-width: 1080px;
  }
}