.counter-text{color:#fff;font:600 16px/22px "Open Sans",sans-serif;text-transform:uppercase;display:block}.question-counter{display:inline-block;font-size:25px;line-height:normal;margin:0 11px 0 12px;text-align:center;vertical-align:middle}.question-counter .digit-separator{display:inline-block;font-family:"Roboto Slab",sans-serif;margin:0 1px;transform:translateY(-2px)}.question-counter .digit{animation:no-animation 1ms ease-in both;background:#5bd0fa;box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:2px;color:#fff;display:inline-block;font:600 25px/40px Roboto,sans-serif;width:30px;height:40px;margin:0 3px}.question-counter .digit .base{left:0;position:absolute;top:0;width:100%}.question-counter .digit .base.fix-align,.question-counter .digit.fix-align{animation:no-animation 1ms ease-in both}.question-counter .digit .flap{backface-visibility:hidden;left:0;height:50%;overflow:hidden;position:absolute;top:0;transform-origin:50% 100%;width:100%}.question-counter .digit .flap .inner-flap{width:100%}.question-counter .digit .flap.over.front{background-color:#5bd0fa}.question-counter .digit .flap.front,.question-counter .digit .flap.under{border-top-left-radius:2px;border-top-right-radius:2px}.question-counter .digit .flap.back{background-color:#5bd0fa;border-bottom-left-radius:2px;border-bottom-right-radius:2px;top:40%;transform-origin:50% 0}.question-counter .digit .flap.back .inner-flap{transform:translateY(-40%)}.question-counter .digit .flap.over.animate{z-index:2}.question-counter .digit .flap.under.animate{z-index:1}.question-counter .digit .flap.front.animate{animation:flip-down-front .5s ease-in both}.question-counter .digit .flap.back.animate{animation:flip-down-back .5s ease-in both}.question-counter .digit .flap.fix-align,.question-counter .digit .flap.under.animate{animation:no-animation 1ms ease-in both}.question-counter .digit .flap.under .inner-flap{background-color:#5bd0fa}@keyframes flip-down-front{0%{transform:rotateX(0)}100%{transform:rotateX(-180deg)}}@keyframes flip-down-back{0%{transform:rotateX(180deg)}100%{transform:rotateX(0)}}@keyframes no-animation{0%{transform:rotateX(1deg)}100%{transform:rotateX(0)}}@media screen and (min-width:481px){.question-counter .digit{font-size:34px;line-height:45px;width:38px;height:47px}}@media screen and (min-width:721px){.counter-text{display:inline}}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_product-components_QuestionCounter_QuestionCounter-min { display: none; }