@import '../../common/style/gp-match/palette.scss';
@import '../../common/style/gp-match/mixin.scss';
@import '../../common/style/gp-match/layout.scss';

.press__grouping-item {
  position: relative;
  margin-bottom: .24rem;
  background: linear-gradient(89deg, rgba(230, 234, 239, .70) 10.72%, rgba(252, 252, 252, .70) 94.4%);
  box-shadow: 0 .04rem .04rem 0 rgba(196, 193, 205, .80);
  overflow: hidden;

  &.press__grouping-item--end {
    .press__grouping-item-head {
      &::before {
        display: none;
      }
    }

    .press__grouping-item-name {
      background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/team-name-bg-gray.png);

      &::before {
        background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/team-name-after-gray.png);
      }
    }

    .press__grouping-item-num {
      color: rgba(33, 33, 36, .40);
    }
  }

  .press__grouping-item-head {
    display: flex;
    align-items: center;
    height: .6rem;
    padding-right: .24rem;
    background: rgba(36, 36, 37, .10);

    &::before {
      content: '';
      width: .06rem;
      height: 100%;
      background: #5b1ee9;
    }
  }

  .press__grouping-item-name {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: .16rem;
    color: #fff;
    font-size: .24rem;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/team-name-bg.png) repeat;
    background-size: cover;

    .icon-guide {
      position: relative;
      margin-left: .2rem;
      color: #fff;
      font-size: .3rem;
    }

    &::before {
      content: '';
      position: absolute;
      top: 0;
      // right: -.78rem;
      right: 0;
      transform: translateX(39px);
      width: .88rem;
      height: .6rem;
      background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/team-name-after.png) repeat;
      background-size: 100%;
      background-repeat: no-repeat;
    }
  }

  .press__grouping-item-num {
    margin-left: auto;
    color: rgba(33, 33, 36, .75);
    font-size: .24rem;
  }

  .press__grouping-item-list {
    display: flex;
    width: 99%;
    padding: .24rem;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .press__grouping-item-team {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-right: .24rem;
    border: .5px solid #212124;
    background: linear-gradient(180deg, #d6dadd 0%, #dee1e6 100%);

    &:last-child {
      margin-right: 0;
    }

    img {
      width: .9rem;
      height: .9rem;
    }
  }
}

.press__label-end {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.08rem;
  height: .32rem;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/label-end.png) no-repeat;
  background-size: 100%;
}

.press__btn-start {
  margin: 0 auto .24rem;
  width: 3.06rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  font-size: .22rem;
  color: #fff;
  font-family: 'PEACE';
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/confirm-start-black.png) no-repeat;
  background-size: 100%;
}

.press__btn-started {
  margin: 0 auto .24rem;
  width: 3.06rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  font-size: .22rem;
  color: #fff;
  font-family: 'PEACE';
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/confirm-start-gray.png) no-repeat;
  background-size: 100%;
}

.press__btn-check {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto .24rem;
  height: .5rem;
  font-size: .22rem;
  color: #ed7b2f;
  font-family: 'PEACE';

  .icon-guide {
    font-size: .24rem;
    color: #ed7b2f;
  }
}

.press__button-to-start {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto .24rem;
}

.press__text-to-start {
  margin-right: .14rem;
  font-size: .24rem;
  color: #212124;
}

.press__time-box {
  width: .42rem;
  height: .42rem;
  line-height: .42rem;
  text-align: center;
  font-family: 'AgencyFB-Bold';
  font-size: .24rem;
  color: #fff;
  background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/schedule-manage/time-box-bg.png) no-repeat;
  background-size: 100%;
}

.press__text-day {
  margin: 0 .06rem;
  line-height: .42rem;
  font-size: .28rem;
  color: #212124;
  font-family: 'PEACE';
}

.press__text-colon {
  position: relative;
  top: -.02rem;
  margin: 0 .06rem;
  line-height: .42rem;
  font-size: .32rem;
  color: #212124;
  font-family: 'AgencyFB-Bold';
}

.empty-container {
  flex: 1;
}