@import "../../../styles_vendor";

#content-container {
  @include media-breakpoint-down(xs) {
    height: 80vh;
    top: calc(10vh + 60px);
    position: absolute;
    z-index: 1050;
  }
  @include media-breakpoint-up(sm) {
    height: 90vh;
    top: 20vh;
  }
  @include media-breakpoint-only(md) {
    max-width: calc(#{map_get($container-max-widths, md)} - 20vw);
  }
  @include media-breakpoint-only(lg) {
    max-width: calc(#{map_get($container-max-widths, lg)} - 30vw);
  }
  @include media-breakpoint-only(xl) {
    max-width: 60vw;
  }
}

.footer-bar-wrapper {
  @include media-breakpoint-only(xs) {
    width: 100%;
    height: 50px;
  }
}

.qr-code-element {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
}
