.counters{display:flex;background:hsla(0,0%,100%,.75);padding:20px;border-radius:10px;box-shadow:5px 5px 20px rgba(0,0,0,.2)}.counter{letter-spacing:.125rem;position:relative;overflow:hidden;align-items:center;height:3.125rem;font-size:3.125rem;margin:0 1.25rem;font-weight:600}.counter,.counter span{line-height:1;display:flex}.counter span{z-index:1;flex-direction:column;height:100%;transition:transform 2s ease;transform:translateY(0)}.counter>span span{flex:0 0 100%;height:100%;width:30px}.counter:first-child>span{transition-delay:0s}.counter:nth-child(2)>span{transition-delay:.375s}.counter:nth-child(3)>span{transition-delay:.75s}.counter:nth-child(4)>span{transition-delay:1.125s}.counter:nth-child(5)>span{transition-delay:1.5s}.counter:nth-child(6)>span{transition-delay:1.875s}.counter:nth-child(7)>span{transition-delay:2.25s}.counter:nth-child(8)>span{transition-delay:2.625s}.counter:nth-child(9)>span{transition-delay:3s}.counter:nth-child(10)>span{transition-delay:3.375s}.counter:nth-child(11)>span{transition-delay:3.75s}.counter:nth-child(12)>span{transition-delay:4.125s}.counter:nth-child(13)>span{transition-delay:4.5s}.counter:nth-child(14)>span{transition-delay:4.875s}.counter:nth-child(15)>span{transition-delay:5.25s}.counter:nth-child(16)>span{transition-delay:5.625s}.counter:nth-child(17)>span{transition-delay:6s}.counter:nth-child(18)>span{transition-delay:6.375s}.counter:nth-child(19)>span{transition-delay:6.75s}.counter:nth-child(20)>span{transition-delay:7.125s}.counter:first-child{color:#000}.counter:nth-child(2){color:#0eb1d2}.counter:nth-child(3){color:#2d3142}.counter:nth-child(4){color:#698f3f}