@import "/imports/ui/stylesheets/variables/breakpoints";
@import "/imports/ui/stylesheets/mixins/_scrollable";

.modal {
  @include scrollbox-vertical();

  max-width: 60vw;
  max-height: 100%;
  border-radius: var(--border-radius);
  background: #fff;
  overflow: auto;

  @include mq($small-only) {
    max-width: 95vw;
  }

  @include mq($medium-up) {
    max-width: 80vw;
  }
}

.overlay {
  z-index: 1000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.portal {
  overflow: hidden;
}