.flipper {
	 color: #1b438e;
	 display: block;
	 font-size: 30px;
	 line-height: 100%;
	 padding: 0;
	 margin: 0;
	 height: 1.7em;
}
 .flipper.flipper-invisible {
	 font-size: 0px !important;
}
 .flipper-group {
	 position: relative;
	 white-space: nowrap;
	 display: block;
	 float: left;
	 padding: 0;
	 margin: 0;
}
 .flipper-group label {
	 position: absolute;
	 color: #fff;
	 font-size: 35%;
	 top: 100%;
	 line-height: 1em;
	 left: 50%;
	 transform: translate(-50%, 0);
	 text-align: center;
	 padding-top: 0.5em;
}
 .flipper-digit {
	 white-space: nowrap;
	 position: relative;
	 padding: 0;
	 margin: 0;
	 display: inline-block;
	 float: left;
	 height: 1.2em;
	 overflow-y: hidden;
}
 .flipper-digit span {
	 font-size: 25%;
}
 .flipper-delimiter {
	 white-space: nowrap;
	 display: block;
	 float: left;
	 padding: 0;
	 margin: 0;
	 color: #fff;
	 min-width: 0.1em;
	 white-space: nowrap;
	 display: block;
	 padding-top: 0.1em;
	 padding-bottom: 0.1em;
	 line-height: 1em;
}
 .digit-face {
	 display: block;
	 visibility: hidden;
	 position: relative;
	 border-radius: 0.1em;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 8;
	 padding-top: 0.1em;
	 padding-bottom: 0.1em;
	 padding-left: 0.1em;
	 padding-right: 0.1em;
	 box-sizing: border-box;
	 text-align: center;
}
 .digit-next {
	 display: block;
	 position: relative;
	 border-radius: 0.1em;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 8;
	 height: 1.2em;
	 background: #fff;
	 padding-top: 0.1em;
	 padding-bottom: 0.1em;
	 padding-left: 0.1em;
	 padding-right: 0.1em;
	 box-sizing: border-box;
	 text-align: center;
	 user-select: none;
}
 .digit-top {
	 z-index: 10;
	 top: 0;
	 left: 0;
	 right: 0;
	 height: 50%;
	 backface-visibility: hidden;
	 pointer-events: none;
	 overflow: hidden;
	 position: absolute;
	 background: #fff;
	 padding-top: 0.1em;
	 padding-bottom: 0;
	 padding-left: 0.1em;
	 padding-right: 0.1em;
	 border-top-left-radius: 0.1em;
	 border-top-right-radius: 0.1em;
	 box-sizing: border-box;
	 text-align: center;
	 user-select: none;
	 transition: transform 0s linear, background 0s linear;
	 transform-origin: 0 0.6em 0 !important;
	 transform-style: preserve-3d !important;
	 z-index: 20;
}
 .digit-top.r {
	 transition: transform 0.2s linear, background 0.2s linear;
	 transform: rotateX(90deg);
	 background: #1b438e;;
}
 .digit-top2 {
	 visibility: hidden;
	 position: absolute;
	 height: 50%;
	 left: 0;
	 right: 0;
	 background: #1b438e;;
	 transition: transform 0.2s linear;
	 line-height: 0em !important;
	 top: 50% !important;
	 bottom: auto !important;
	 padding-top: 0;
	 padding-bottom: 0.1em;
	 padding-left: 0.1em;
	 padding-right: 0.1em;
	 border-bottom-left-radius: 0.1em;
	 border-bottom-right-radius: 0.1em;
	 overflow: hidden;
	 text-align: center;
	 user-select: none;
	 transition: transform 0s linear, background 0s linear;
	 transform: rotateX(-90deg);
	 transform-style: preserve-3d !important;
	 transform-origin: 0 0 0 !important;
	 z-index: 20;
}
 .digit-top2.r {
	 visibility: visible;
	 transition: transform 0.2s linear 0.2s, background 0.2s linear 0.2s;
	 transform: rotateX(0deg);
	 background: #fff;
}
 .digit-bottom {
	 backface-visibility: hidden;
	 pointer-events: none;
	 position: absolute;
	 overflow: hidden;
	 background: #fff;
	 height: 50%;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 9;
	 line-height: 0em;
	 padding-top: 0;
	 padding-bottom: 0.1em;
	 padding-left: 0.1em;
	 padding-right: 0.1em;
	 border-bottom-left-radius: 0.1em;
	 border-bottom-right-radius: 0.1em;
	 box-sizing: border-box;
	 text-align: center;
	 transition: none;
}
 .digit-bottom.r {
	 transition: background 0.2s linear;
	 background: #ccc;
}
 .flipper-digit:after {
	 content: "";
	 position: absolute;
	 height: 1px;
	 background: rgba(0, 0, 0, 0.3);
	 top: 50%;
	 display: block;
	 z-index: 30;
	 left: 0;
	 right: 0;
}
 .flipper-dark {
	 color: #fff;
}
 .flipper-dark .flipper-delimiter {
	 color: #1b438e;;
}
 .flipper-dark .digit-next {
	 background: #1b438e;;
}
 .flipper-dark .digit-top {
	 background: #1b438e;;
}
 .flipper-dark .digit-top.r {
	 background: #000;
}
 .flipper-dark .digit-top2 {
	 background: #000;
}
 .flipper-dark .digit-top2.r {
	 background: #1b438e;;
}
 .flipper-dark .digit-bottom {
	 background: #1b438e;;
}
 .flipper-dark-labels .flipper-group label {
	 color: #1b438e;;
}