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

.tPanel {
  background-color: @BG_COLOR_02;

  .tVerticalPagenator {
    height: 100% !important;

    .banner {
      position: fixed;
      z-index: 0;
      .size(@w: 100%, @h: 650px);

      > img {
        .size(@w: inherit, @h: inherit);
      }
    }

    .tHeader {
      position: fixed;
      z-index: 1;
      .size(@w: 100%, @h: 170px);
      padding: 0 0 80px 60px;
      background-color: transparent;
      background-image: linear-gradient(
        to bottom,
        rgba(52, 52, 52, 0.66),
        rgba(0, 0, 0, 0) 80%
      );
      color: @COLOR_WHITE;
      .font(@fontFamily: @baseFont, @fontSize: 42px);
      font-weight: 600;

      // Back button
      > button {
        background-image: url("../../../assets/images/btn/btn-60-wh-back-nor@3x.png");
        &:focus {
          background-image: url("../../../assets/images/btn/btn-60-wh-back-foc@3x.png");
        }
      }

      // Title
      > div {
        margin-left: -31px;
      }
    }

    .tBody {
      width: 100%;
      padding-top: 400px;
    }
  }
}
