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

.topsTitle {
  margin: 70px 0 26px;
  color: @COLOR_GRAY08;
  .font(@fontFamily: @baseFontBold, @fontSize: 36px);
}

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

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

    > img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    &:focus-within,
    &:focus {
      outline: 4px solid @PRIMARY_COLOR_RED;
      outline-offset: -3px;
      box-shadow: inset 0 0 0 4px @PRIMARY_COLOR_RED,
        0 0 50px 0 rgba(0, 0, 0, 0.5);
    }
  }
}
