/*================================================================================
[Workout timer]
*/
.workout-timer__counter,
.workout-timer__play-pause,
.workout-timer__reset,
.workout-timer__repetitions,
.workout-timer__volume {
  display: inline-block;
  margin: 0 5px;
}
.workout-timer__play-pause,
.workout-timer__reset,
.workout-timer__volume {
  width: 40px;
  height: 40px;
  background: #000;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 1.66em;
}
.workout-timer__play-pause {
  font-weight: bold;
}
.workout-timer__play-pause:after {
  content: '||';
}
.workout-timer__play-pause[data-paused=true]:after {
  content: '\276f';
}
.workout-timer__counter{
font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體','新細明體', sans-serif;
  font-weight: bold;
  font-size: 430px;
  color:#ffffff;
  

}
@media only screen and (max-width:1000px) {
.workout-timer__counter{
font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體','新細明體', sans-serif;
  font-weight: bold;
  font-size: 200px;
  color:#ffffff;
  

}	
}
@media only screen and (max-width:600px) {
.workout-timer__counter{
font-family: Helvetica, Arial, 'LiHei Pro', '微軟正黑體','新細明體', sans-serif;
  font-weight: bold;
  font-size: 130px;
  color:#ffffff;
  

}	
}
.workout-timer__repetitions {
  padding: 8px;
  font-weight: bold;

  color:#fff;
  border: 1px solid #333;
  background: #000;
}

.workout-timer__counter[data-state=base] {
  background: #ff0000;
  width:100%;
}
.workout-timer__counter[data-state=alternate] {
  background: #1d3763;
  width:100%;
}
.workout-timer__counter[data-state=complete] {
  background: #000000;
  width:100%;
}
.workout-timer__reset:after {
  content: '\21ba';
}
.workout-timer__volume[data-volume-level=level1]:after {
  content: '\1f508';
}
.workout-timer__volume[data-volume-level=level2]:after {
  content: '\1f509';
}
.workout-timer__volume[data-volume-level=level3]:after {
  content: '\1f50a';
}
.workout-timer__volume[data-volume-level=mute]:after {
  content: '\1f507';
}