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

.press-type {
  padding: .4rem 0 .6rem;


  &__item {
    display: flex;
    align-items: center;
    margin: 0 .46rem;
    padding: .24rem .32rem;
    border: .02REM solid rgba(252, 252, 252, .60);
    background: linear-gradient(101deg, rgba(238, 239, 241, .90) 15.46%, rgba(252, 252, 252, .90) 86.92%);
    box-shadow: 0 0 .2rem 0 rgba(83, 71, 134, .38);

    &+.press-type__item {
      margin-top: .24rem;
    }
  }

  &__name {
    font-size: .28rem;
    color: #212124;
    font-weight: 600;
  }

  &__desc {
    width: 5rem;
    font-size: .24rem;
    color: #2e3438;

    .icon-back {
      margin-left: .04rem;
      font-size: .2rem;
      color: #02a0e2;
      transform: rotate(180deg);
    }
  }

  &__desc-light {
    display: inline;
    color: #02a0e2;
  }

  &__desc-edit {
    display: inline-flex;
    align-items: center;
    color: #02a0e2;
  }


  &__checkbox {
    margin-left: auto;
    width: .4rem;
    height: .4rem;
    background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/dialog-checkbox.png);
    background-size: 100%;
    background-repeat: no-repeat;

    &.checked {
      background-image: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/horizon/checkbox-checked.png);
    }
  }
  // 确定按钮
  &__confirm {
    width: 1.12rem;
    height: .5rem;
    line-height: .5rem;
    margin: .24rem auto;
    font-size: .22rem;
    color: #212124;
    font-family: 'MStiffHeiPRC';
    text-align: center;
    background: url(https://image-1251917893.file.myqcloud.com/tip-project/pubg/pubg-match/bg-btn-112.png) no-repeat center / 100% 100%;
  }
}