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