.wrap {
  height: 100%;
  .top {
    :global {
      .ant-tabs {
        .ant-tabs-nav {
          margin-bottom: 0;
          &::before {
            border-bottom: none;
          }

          .ant-tabs-nav-list {
            .ant-tabs-tab-active {
              .ant-tabs-tab-btn {
                background: linear-gradient(
                  180deg,
                  rgb(56, 241, 228),
                  rgb(61, 198, 253)
                );
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                font-size: 18px;
                font-weight: 700;
                text-shadow: none;
              }
            }
            .ant-tabs-tab {
              .ant-tabs-tab-btn {
                color: #add8ff;
                font-size: 18px;
                font-weight: 500;
              }
            }
            .ant-tabs-ink-bar {
              width: 20px !important;
              background: linear-gradient(
                180deg,
                rgb(56, 241, 228),
                rgb(61, 198, 253)
              );
            }
          }
        }
      }

      .ant-picker {
        border-radius: 25px;
        background: rgb(50, 111, 167);
        border: none;
        color: #fff;
      }
    }
  }

  .bottom {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 50px;
    text-align: center;
    .num {
      background: linear-gradient(
        180deg,
        rgb(170, 255, 246),
        rgb(37, 187, 255)
      );
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-family: D-DIN;
      font-size: 52px;
      font-weight: 700;
      line-height: normal;
      margin-right: 5px;
    }
  }
}
