@import 'styles/Variables.scss';

.dialog {
  width: map-get($container-width, 'desktop');
  position: fixed;
  z-index: 2;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;

  @media only screen and (max-width: $max-mobile-width) {
    width: auto;
    margin: 0 0.1em;
  }
}

.title {
  text-align: center;
  margin-top: 1em;
}

.closeButton {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  margin: 0;
}