.modal.flex {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--hs-palette-shade);
  z-index: 200;
}

.modal.modal--open {
  display: flex;
}

.modal__wrapper {
  position: relative;
}

.modal__card.card {
  width: 95vw;
  max-width: 800px;
  box-sizing: border-box;
  border-radius: var(--hs-radius-boxes);
}

.modal__card-content {
  max-height: 100%;
  height: 100%;
}

.modal .modal__close-button {
  position: absolute;
  right: 0;
  top: 0;
  padding: var(--hs-spacing-base);
}