@import "~@enact/sandstone/styles/variables.less";
@import "~@enact/sandstone/styles/mixins.less";
@import "../../style/utils.module.less";
@import "../../style/CommonStyle.module.less";

.times {
  position: absolute;
  font-family: @baseFont;
  width: 100%;  
  right: 90px;
  bottom: -5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  text-align: right;
  letter-spacing: -1px;
  .separator {
    position: absolute;
    right: 105px;
    bottom: -5px;
  }
  .currentTime {
    position: absolute;
    right: 130px;
    bottom: -5px;
  }
  .totalTime {
    position: absolute;
    bottom: -5px;
    right:0px;
  }
  > * {
    color: #fff;
  }
}