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

.topsTitle {
  margin-top: 70px;
  color: @COLOR_GRAY08;
  font-weight: bold;
  font-size: 36px;
}

.topShowContainer {
  display: flex;
  flex-wrap: nowrap;

  .videoContainer {
    .size(@w: 754px, @h: 438px);
    border: 1px solid @COLOR_GRAY02;
    background-color: #fff;
    padding: 18px;
    border-radius: 12px;
    box-sizing: border-box;
    margin-top: 26px;
    position: relative;

    > img {
      object-fit: cover;
      .size(@w: 718px, @h: 402px);
    }
    &:focus {
      &::after {
        .focused(@boxShadow: 22px, @borderRadius: 12px);
      }
    }
  }
}
