@import "../../style/utils.module.less";
@import "../../style/CommonStyle.module.less";

.videoBox {
  position: relative;
  width: 100%;
  height: 100%;

  .thumbNail {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .videoWrap {
    position: absolute;
    left: 0;
    top: 0;
    > .liveIcon {
      z-index: 2;
      position: absolute;
      left: 18px;
      top: 18px;
    }
    &:focus {
      &::after {
        .focused(@boxShadow:22px, @borderRadius: 12px);
      }
    }

    &.isHorizontalWrap {
      .arrow {
        &.leftBtn {
          .position(@position: absolute, @top: 189px, @left: 18px);
        }
        &.rightBtn {
          .position(@position: absolute, @top: 189px, @right: 18px);
        }
      }
    }
  }
}
