.heart-rate{width:150px;height:73px;position:absolute;top:50%;left:calc(50% - 75px);text-align:center}.fade-in{width:100%;background-color:#fafbff;right:0;-webkit-animation:heartRateIn .6s linear infinite;animation:heartRateIn .6s linear infinite}.fade-in,.fade-out{position:absolute;height:100%;top:0}.fade-out{width:120%;left:-120%;-webkit-animation:heartRateOut .6s linear infinite;animation:heartRateOut .6s linear infinite;background:#fafbff;background:linear-gradient(90deg,#fafbff 0,#fafbff 80%,rgba(250,251,255,0))}@-webkit-keyframes heartRateIn{0%{width:100%}50%{width:0}to{width:0}}@keyframes heartRateIn{0%{width:100%}50%{width:0}to{width:0}}@-webkit-keyframes heartRateOut{0%{left:-120%}30%{left:-120%}to{left:0}}@keyframes heartRateOut{0%{left:-120%}30%{left:-120%}to{left:0}}