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

.panel {
  background-color: @BG_COLOR_01;
}
.tBody {
  height: @globalHeight;
  .tVerticalPagenator {
    height: 100vh !important;
    > div > div > div {
      margin-bottom: 70px;
    }
  }
  .tButton {
    margin-top: -20px;
  }
}

.arrow {
  width: 110px;
  height: 55px;
  background-color: #656b78;
  border-radius: 110px 110px 0 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  opacity: 0.7;
  transform: translateX(-55px);

  &:hover {
    background-color: @PRIMARY_COLOR_RED;
    opacity: 1;
  }

  &::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 45px;
    width: 18px;
    height: 18px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    animation: homeArrowDown 1.5s linear infinite;
    transform: rotate(-45deg);
  }
}

@keyframes homeArrowDown {
  50% {
    top: 20px;
  }
}
