#dfc-counter{display:flex;gap:6px;justify-content:center;align-items:center}.digit{position:relative;width:56px;height:84px;perspective:400px}.static.upper,.static.lower{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#fff;border:3px solid #A72F37;border-radius:4px}.static.upper{top:0;border-bottom:none}.static.lower{bottom:0;border-top:1px solid #A72F37}.flip.upper,.flip.lower{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:#fff;border:3px solid #A72F37;border-radius:4px;backface-visibility:hidden;display:none}.flip.upper{top:0;transform-origin:bottom}.flip.lower{bottom:0;transform-origin:top;transform:rotateX(90deg)}.static .inner,.flip .inner{font-size:72px;font-family:"Acumin Pro Condensed",Sans-serif;font-weight:700;color:#A72F37;height:84px;line-height:72px;text-align:center}.static.upper .inner,.flip.upper .inner{position:relative;top:0}.static.lower .inner,.flip.lower .inner{position:relative;top:-42px}.digit.flip .flip.upper{display:block;animation:flipFront 0.8s cubic-bezier(.4,.2,.2,1) forwards}.digit.flip .flip.lower{display:block;animation:flipBack 0.8s cubic-bezier(.4,.2,.2,1) forwards}@keyframes flipFront{0%{transform:rotateX(0deg)}100%{transform:rotateX(-90deg)}}@keyframes flipBack{0%{transform:rotateX(90deg)}100%{transform:rotateX(0deg)}}