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

.press-card__battle-result {
  margin-top: .22rem;
  margin-bottom: .22rem;
  height: 2.22rem;

  display: flex;
  flex-direction: column;
  overflow-y: auto;

  &--center {
    justify-content: center;
  }

  .press-card__battle-result-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .48rem;
    font-size: .24rem;
    color: #212124;
    height: .34rem;
    margin: 0 0 .24rem 0;
    box-sizing: border-box;
  }
}

.press-card__battle-result-left {
  font-size: .24rem;
  line-height: .34rem;
  color: #212124;
}

.press-card__battle-result-right {
  width: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}

.press-card__battle-result-title {
  font-size: .2rem;
  color: #fff;
  width: .28rem;
  height: .28rem;
  margin-left: .2rem;

  display: flex;
  align-items: center;
  justify-content: center;

  &--win {
    background: #48c284;
  }

  &--fail {
    background: #e54545;
  }

  &--tie {
    background: #5300c3;
  }

  &--pending {
    background: #8c8b9b;
  }
}