.modal--active {
  background: var(--color-white-alpha-85); }

.modal__dialog {
  max-width: 615px;
  height: auto; }
  @media (max-width: 940px) {
    .modal__dialog {
      width: 90%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-height: 400px; } }
  @media (min-width: 941px) {
    .modal__dialog {
      width: 615px; } }
  .modal__dialog:not([class*='bg-variant-']):not([class*='bg-brand--']) .modal__close svg {
    color: var(--color-brand-secondary); }

.modal__main {
  height: auto;
  padding-bottom: 0;
  text-align: center; }
  .modal__main .form__header--grey {
    color: #8a8a8a; }

.modal__icon {
  width: 50px;
  height: 50px;
  margin-left: 50%; }
  @media (min-width: 941px) {
    .modal__icon {
      width: 60px;
      height: 60px; } }

.modal__footer {
  position: relative; }
  .modal__footer .button-group {
    column-gap: 30px; }

@media (min-width: 768px) {
  .modal .form__header--title {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center; } }

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