#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.digit-roll-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.digit-roll-list,.digit-roll-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.digit-roll-item{position:relative;width:61px;height:75px;margin:0 3px;text-align:center;overflow:hidden;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAABKCAMAAAA/m6yiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABOUExURQAAABIuQRIuQQBZnQBZnRIuQRIuQQBZnQBZnQBZnQBZnQBZnQBZnQ1OgA9orBIuQQJVlQZKfQ81UQ81UBIuQhE4VAFVlQ9Dag9nqhIvQoY0OyIAAAAMdFJOUwD8WpDu1BXtkQaIiTQt6kUAAACESURBVFjD7dg7FoMgGETh0ahAJPnBt/vfqJgdZCid238FcGgGCN5Fps4HAK/I9i7a0doVHfmkpaWlpaWfrIcKPaDfaLz1sCmROE0Gs5njabZb23p8/+9Y7aeX/cO0L7c+M3nufBqaTN95btBWvHerPyYtLS0t/WRdt1rwi8lYdPAdvdZc2CbOaDJgTEsAAAAASUVORK5CYII=) no-repeat}.digit-roll-bar{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all 2s ease-in-out;transition:all 2s ease-in-out}.digit-roll-bar span{font-size:58px}.digit-roll-bar span,.digit-roll-commas{display:block;width:100%;height:100%;color:#ddf0ff;letter-spacing:normal;word-spacing:normal}.digit-roll-commas{font-size:54px}