.flip-digit{display:inline-flex;align-items:center;justify-content:center;position:relative;width:2.5em;height:3.2em;perspective:200px;margin:0 .1em;overflow:hidden}.digit-container{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .3s ease-in-out}.digit{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2.5em;font-family:Roboto Mono,Menlo,Monaco,Consolas,monospace;font-weight:700;line-height:1;text-align:center;background:#fff;border-radius:.1em;box-shadow:0 2px 6px rgba(0,0,0,.08);max-width:100%;max-height:100%;transition:opacity .15s ease-out}.flip-digit.flipping .digit-container{animation:flipEffect .3s ease-out}@keyframes flipEffect{0%{transform:rotateX(0deg);opacity:1}50%{transform:rotateX(90deg);opacity:.5}to{transform:rotateX(0deg);opacity:1}}.digit-gray{color:#DFDFDF!important}.digit-blue{color:#0C68BD!important}