@import '../../../common/style/var.less';

.vant-doc-simulator {
  position: absolute;
  top: @zf-doc-padding + @zf-doc-header-top-height;
  right: @zf-doc-padding;
  z-index: 1;
  box-sizing: border-box;
  width: @zf-doc-simulator-width;
  min-width: @zf-doc-simulator-width;
  overflow: hidden;
  background: #fafafa;
  border-radius: @zf-doc-border-radius;
  box-shadow: 0 8px 12px #ebedf0;
  @media (max-width: 1100px) {
    right: auto;
    left: 750px;
  }
  @media (min-width: @zf-doc-row-max-width) {
    right: 50%;
    margin-right: -@zf-doc-row-max-width / 2 + 24px;
  }
  &-fixed {
    position: fixed;
    top: @zf-doc-padding;
  }
  iframe {
    display: block;
    width: 100%;
  }
}