.wa {
  height: 65px;
  width: 640px;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
}
.wa:hover .wa__teams {
  opacity: 1;
}
.wa__match {
  height: 100%;
  width: 0;
  transition: width 1s;
}
.wa__match+.wa__match {
  border-left: 1px solid #e2e2e2;
}
.wa__time {
  top: 100%;
  margin-top: 5px;
  left: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #969696;
}
.wa__livetime {
  bottom: 100%;
  margin-bottom: 5px;
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: bold;
  color: #f00;
}
.wa__line {
  height: 1px;
  background-color: #e2e2e2;
  border-top: 12px solid #f5f5f5;
  border-bottom: 12px solid #f5f5f5;
  width: 100%;
}
.wa__cur {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #808080;
  transition: left 0.7s;
}
.wa__hidden {
  background-color: transparent;
}
.wa__text {
  color: #969696;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 1px 0 0 #f5f5f5, 0 1px 0 #f5f5f5, -1px 0 0 #f5f5f5, 0 -1px 0 #f5f5f5, 1px 1px 0 #f5f5f5, -1px -1px 0 #f5f5f5, 1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5 !important;
}
.wa__teams {
  right: 0;
  -webkit-align-self: center;
  align-self: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  transition: opacity 0.7s;
  padding: 5px 10px 5px 20px;
  background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.75) 35%);
}
.wa__logo {
  height: 20px;
  width: 20px;
}
.wa__attack {
  position: absolute;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
}
.bar {
  position: absolute;
  width: 6px;
  height: 30px;
  border: 1px solid #0f0;
  box-sizing: border-box;
}