.bp-stats {
  display: grid;
  gap: 3rem;
  list-style: none;
  margin: 0;
  padding: 0; }
  .bp-stats .title {
    font-size: 4rem;
    display: block;
    margin: 0; }
  .bp-stats .sep {
    display: block;
    height: 1px;
    margin: 1rem 0 1.25rem;
    position: relative;
    transition: all 1s ease-in-out; }
    .bp-stats .sep:after {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: var(--wp--preset--color--blue); }
  .bp-stats .text {
    display: block;
    font-size: 1.125rem;
    margin: 0; }
  .bp-stats li {
    transition: opacity 0.5s ease-in-out;
    opacity: 0; }
    .bp-stats li .sep:after {
      transition: width 1s ease-in-out;
      width: 0; }
  .bp-stats.active li {
    opacity: 1; }
    .bp-stats.active li .sep:after {
      width: 100%; }
    .bp-stats.active li:nth-child(1) {
      transition-delay: 0; }
      .bp-stats.active li:nth-child(1) .sep:after {
        transition-delay: 200ms; }
    .bp-stats.active li:nth-child(2) {
      transition-delay: 800ms; }
      .bp-stats.active li:nth-child(2) .sep:after {
        transition-delay: 1000ms; }
    .bp-stats.active li:nth-child(3) {
      transition-delay: 1600ms; }
      .bp-stats.active li:nth-child(3) .sep:after {
        transition-delay: 1800ms; }