// Bootstrap core variables and mixins
@import "../../../../common/embed/resources/less/common.less";

.overlay-controls {
    /*bottom: 15px;*/
}

.overlay-icon-move-left  { background-position: -64px -120px; }
.overlay-icon-move-right { background-position: -96px -120px; }

#box-preview {
    position:absolute;
    left: 0;
    top: 0;
    display:none;
    width:100%;
    height:100%;
    z-index: 10;
    padding: 0;

    &.top {
      padding-top: 40px;
    }
    &.bottom {
      padding-bottom: 38px;
    }
}

#id-preview {
    width:100%;
    height:100%;
    position: relative;
}

.svg-icon {
  &.play {
    &.pause {
      background-position: -20px*10 -20px;
    }
  }
}