.df-modal {
  margin-left: 1rem;
  margin-right: 1rem;
  position: absolute;
  border-radius: 0.625rem;
  /* Dark Mode Drop Shadow 1 */
  box-shadow: 0 0.5px 35px 0 rgba(0, 5, 37, 0.5);
}
.df-modal .passport-triangle {
  position: absolute;
}
.df-modal .passport-triangle img {
  width: 4.94rem;
  height: 4.94rem;
}
@media only screen and (max-width: 640px) {
  .df-modal .passport-triangle img {
    width: 3.25rem;
    height: 3.25rem;
  }
}
.df-modal .close {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  cursor: pointer;
  top: 0.75rem;
  right: 0.75rem;
}
@media only screen and (max-width: 640px) {
  .df-modal .close {
    width: 0.93rem;
    height: 0.93rem;
  }
}

.df-modal__inner-backdrop {
  display: flex;
  justify-content: center;
}

.df-modal__content {
  justify-content: center;
}

/*# sourceMappingURL=df_modal.css.map */