@import 'src/styles/common';

.browser {
  width: 100%;
  height: calc(100% - 32px);
  position: relative;
}

.browserInnerWrapper {
  display: flex;
  position: absolute;
  overflow: hidden;
  width: 100vw;
  transition: height 0.3s linear;
  &.shorter {
    height: calc(100vh - 194px);
  }

  &.taller {
    height: calc(100vh - 146px);
  }
}

.browserImageWrapper {
  height: 100%;
}

.browserOverlay {
  background: $white;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  width: 100vw;
  z-index: 150;
}

.exampleLinks {
  margin-top: 50px;
  margin-left: 40px;
}

.exampleLink {
  margin-left: 40px;
  margin-bottom: 30px;
}

.objectType {
  color: $grey;
  margin-right: 15px;
  width: 60px;
  text-align: right;
  display: inline-block;
}

.objectLabel {
  color: $blue;
}