@import "../../style/vars";
@import "../../style/mixins";

#image-viewer {
  @include center-children();
  display: none;

  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  margin: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.75);

  #photo {
    max-width: 90vw;
    max-height: 80vh;
  }

  #cancel {
    @include square($icon-size);
    position: absolute;
    padding: $normal-margin;
    right: 0;
    top: 0;
    cursor: pointer;
  }
}