.active{
  position: relative;
}
.active::before{
  position: absolute;
  white-space: pre;
  color: #c90536;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.2;
}
.active.v02::before{
  content: '55%\AOFF';
}
.active.long::before{
  content: '83%\AOFF';
}
.active.rilax::before{
  content: '80%\AOFF';
}
.active.rise::before{
  content: '70%\AOFF';
}
.active.magic-80::before{
  content: '72%\AOFF';
}
.active.magic-14::before{
  content: '71%\AOFF';
}
.active.oasis-20::before{
  content: '69%\AOFF';
}
.active.support-v01::before{
  content: '62%\AOFF';
}
.active.sheet-25::before{
  content: '60%\AOFF';
}
.active.nek::before{
  content: '60%\AOFF';
}
.active.wea::before{
  content: '50%\AOFF';
}