@keyframes animate-top{0%{background:#fff;background:-moz-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cccccc));background:-webkit-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-o-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-ms-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:linear-gradient(to bottom,#ffffff 0%,#cccccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc',GradientType=0)}100%{color:#f7f7f7;transform:translateX(0) translateY(.35em) translateZ(5px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg)}}@keyframes animate-bottom{0%{color:#f7f7f7;opacity:1}100%{transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1}}@-webkit-keyframes animate-top{0%{background:#fff;background:-moz-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cccccc));background:-webkit-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-o-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-ms-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:linear-gradient(to bottom,#ffffff 0%,#cccccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc',GradientType=0)}100%{color:#f7f7f7;-webkit-transform:translateX(0) translateY(.35em) translateZ(5px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg)}}@-webkit-keyframes animate-bottom{0%{color:#f7f7f7;opacity:1}100%{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);opacity:1}}.ydu_flip_counter{display:flex;align-items:center;justify-content:center;width:80%;margin:0 auto}.ydu_flip_counter h3{margin-left:10px}.ydu_flip_counter h3 span{display:inline-block}.ydu_flip_counter h3 span::after{content:"";bottom:0;display:block;height:3px;background:#ffd000;margin-top:4px}.ydu_flip_counter .number{position:relative;float:left;margin-right:5px;font-size:3em;width:1em;height:1.5em}.ydu_flip_counter .number span:not(.number_dent){position:absolute;display:block;font-weight:700;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#000;width:1em;height:1.5em;perspective:7.14em}.ydu_flip_counter .number span.number_dent{height:10px;width:2px;background-color:#333;max-height:100%;position:absolute;display:block;top:44%;z-index:99}.ydu_flip_counter .number span.number_dent.left_dent{left:0}.ydu_flip_counter .number span.number_dent.right_dent{right:0}.ydu_flip_counter .number span:before{display:block;height:.75em;overflow:hidden;line-height:1.52em;border-radius:20% 20% 0 0;background:#fff;background:-moz-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cccccc));background:-webkit-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-o-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-ms-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:linear-gradient(to bottom,#ffffff 0%,#cccccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc',GradientType=0)}.ydu_flip_counter .number span:after{display:block;height:.75em;overflow:hidden;line-height:0;border-top:1px solid rgb(0 0 0 / .5);border-radius:0 0 20% 20%;transition:color 100ms,background-color 100ms;background:#ccc;background:-moz-linear-gradient(top,#cccccc 0%,#ffffff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#cccccc),color-stop(100%,#ffffff));background:-webkit-linear-gradient(top,#cccccc 0%,#ffffff 100%);background:-o-linear-gradient(top,#cccccc 0%,#ffffff 100%);background:-ms-linear-gradient(top,#cccccc 0%,#ffffff 100%);background:linear-gradient(to bottom,#cccccc 0%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#ffffff',GradientType=0)}.ydu_flip_counter .flip .primary:before{animation:animate-top 50ms;-moz-animation-fill-mode:forwards;-webkit-animation:animate-top 50ms;-webkit-animation-fill-mode:forwards;background:#fff;background:-moz-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#303030));background:-webkit-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-o-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:-ms-linear-gradient(top,#ffffff 0%,#cccccc 100%);background:linear-gradient(to bottom,#ffffff 0%,#cccccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc',GradientType=0)}.ydu_flip_counter .flip .primary:after{animation:animate-bottom 50ms;-moz-animation-fill-mode:forwards;animation-delay:50ms;-webkit-animation:animate-bottom 50ms;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:50ms}.ydu_flip_counter .primary:after{opacity:0;transform:translateX(0) translateY(-.28em) translateZ(.35em) rotateX(91deg) rotateY(0deg) rotateZ(0deg);-webkit-transform:translateX(0) translateY(-.28em) translateZ(.35em) rotateX(91deg) rotateY(0deg) rotateZ(0deg)}.ydu_flip_counter .primary{z-index:2}.ydu_flip_counter .secondary{z-index:1}.ydu_flip_counter [data-start="0"] span.primary:before{content:"0"}.ydu_flip_counter [data-start="0"] span.secondary:after{content:"0"}.ydu_flip_counter [data-start="0"] span.secondary:before{content:"1"}.ydu_flip_counter [data-start="0"] span.primary:after{content:"1"}.ydu_flip_counter [data-start="9"] span.primary:before{content:"9"}.ydu_flip_counter [data-start="9"] span.secondary:after{content:"9"}.ydu_flip_counter [data-start="9"] span.secondary:before{content:"0"}.ydu_flip_counter [data-start="9"] span.primary:after{content:"0"}.ydu_flip_counter [data-start="8"] span.primary:before{content:"8"}.ydu_flip_counter [data-start="8"] span.secondary:after{content:"8"}.ydu_flip_counter [data-start="8"] span.secondary:before{content:"9"}.ydu_flip_counter [data-start="8"] span.primary:after{content:"9"}.ydu_flip_counter [data-start="7"] span.primary:before{content:"7"}.ydu_flip_counter [data-start="7"] span.secondary:after{content:"7"}.ydu_flip_counter [data-start="7"] span.secondary:before{content:"8"}.ydu_flip_counter [data-start="7"] span.primary:after{content:"8"}.ydu_flip_counter [data-start="6"] span.primary:before{content:"6"}.ydu_flip_counter [data-start="6"] span.secondary:after{content:"6"}.ydu_flip_counter [data-start="6"] span.secondary:before{content:"7"}.ydu_flip_counter [data-start="6"] span.primary:after{content:"7"}.ydu_flip_counter [data-start="5"] span.primary:before{content:"5"}.ydu_flip_counter [data-start="5"] span.secondary:after{content:"5"}.ydu_flip_counter [data-start="5"] span.secondary:before{content:"6"}.ydu_flip_counter [data-start="5"] span.primary:after{content:"6"}.ydu_flip_counter [data-start="4"] span.primary:before{content:"4"}.ydu_flip_counter [data-start="4"] span.secondary:after{content:"4"}.ydu_flip_counter [data-start="4"] span.secondary:before{content:"5"}.ydu_flip_counter [data-start="4"] span.primary:after{content:"5"}.ydu_flip_counter [data-start="3"] span.primary:before{content:"3"}.ydu_flip_counter [data-start="3"] span.secondary:after{content:"3"}.ydu_flip_counter [data-start="3"] span.secondary:before{content:"4"}.ydu_flip_counter [data-start="3"] span.primary:after{content:"4"}.ydu_flip_counter [data-start="2"] span.primary:before{content:"2"}.ydu_flip_counter [data-start="2"] span.secondary:after{content:"2"}.ydu_flip_counter [data-start="2"] span.secondary:before{content:"3"}.ydu_flip_counter [data-start="2"] span.primary:after{content:"3"}.ydu_flip_counter [data-start="1"] span.primary:before{content:"1"}.ydu_flip_counter [data-start="1"] span.secondary:after{content:"1"}.ydu_flip_counter [data-start="1"] span.secondary:before{content:"2"}.ydu_flip_counter [data-start="1"] span.primary:after{content:"2"}