
/* ========================================================
   V140 MATCH UI
   ======================================================== */


/* 공유 버튼을 수정/삭제와 같은 체급으로 */
.v140-share {
  min-width: 64px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 16px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 13px !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}


/* A팀 승리 = 빨강 */
.v140-win-a {
  color: #ff9b9b !important;

  background:
    rgba(190, 52, 65, .24) !important;

  border:
    1px solid
    rgba(255, 95, 107, .42) !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(255,255,255,.02) !important;

  font-weight: 900 !important;
}


/* B팀 승리 = 파랑 */
.v140-win-b {
  color: #9ebcff !important;

  background:
    rgba(55, 103, 206, .25) !important;

  border:
    1px solid
    rgba(104, 151, 255, .42) !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(255,255,255,.02) !important;

  font-weight: 900 !important;
}


/* 통계 토글 */
.v140-counting-button {
  min-width: 88px !important;
  height: 46px !important;

  padding:
    0 14px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border-radius:
    13px !important;

  font-size:
    14px !important;

  font-weight:
    900 !important;

  cursor:
    pointer !important;

  white-space:
    nowrap !important;
}


.v140-counted {
  color:
    #78efb5 !important;

  background:
    rgba(35, 153, 102, .18) !important;

  border:
    1px solid
    rgba(66, 211, 145, .34) !important;
}


.v140-reference {
  color:
    #ffd777 !important;

  background:
    rgba(184, 130, 30, .18) !important;

  border:
    1px solid
    rgba(236, 180, 60, .35) !important;
}


.v140-counting-button:disabled {
  opacity:
    .55 !important;

  cursor:
    wait !important;
}


@media (max-width: 760px) {

  .v140-share,
  .v140-counting-button {
    height:
      42px !important;

    min-height:
      42px !important;
  }

}
