.offer-countdown{text-align:center;perspective:400px}.offer-countdown *,.offer-countdown *:before,.offer-countdown *:after{box-sizing:border-box}.offer-countdown__piece{display:inline-block;margin:0 5px}.offer-countdown__card{display:block;position:relative;padding-bottom:.72em;font-size:1.25rem;line-height:.95}.offer-countdown__label{position:relative;display:block;margin-top:5px;font-size:10px;line-height:10px;text-align:center;text-transform:uppercase;color:#000}.offer-countdown__top,.offer-countdown__bottom,.offer-countdown__back:before,.offer-countdown__back:after{display:block;width:2.4em;height:.72em;padding:.25em;color:#ccc;background:#222;border-radius:.15em .15em 0 0;transform-style:preserve-3d;transform:translateZ(0)}.offer-countdown__bottom{position:absolute;top:50%;left:0;color:#fff;background:#393939;border-top:solid 1px #000;border-radius:0 0 .15em .15em;pointer-events:none;overflow:hidden}.offer-countdown__bottom:after{display:block;margin-top:-.72em}.offer-countdown__back:before,.offer-countdown__bottom:after{content:attr(data-value)}.offer-countdown__back{position:absolute;top:0;left:0;height:100%;pointer-events:none}.offer-countdown__back:before{position:relative;z-index:-1;overflow:hidden}.is-flipping .offer-countdown__back:before{animation:offer-countdown-flip-top .3s cubic-bezier(.37,.01,.94,.35) both;transform-origin:center bottom}.is-flipping .offer-countdown__back .offer-countdown__bottom{transform-origin:center top;animation:offer-countdown-flip-bottom .6s cubic-bezier(.15,.45,.28,1)}@keyframes offer-countdown-flip-top{0%{transform:rotateX(0);z-index:2}0%,99%{opacity:.99}to{transform:rotateX(-90deg);opacity:0}}@keyframes offer-countdown-flip-bottom{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:.99}to{opacity:.99;transform:rotateX(0);z-index:5}}@media (prefers-reduced-motion: reduce){.is-flipping .offer-countdown__back:before,.is-flipping .offer-countdown__back .offer-countdown__bottom{animation-duration:1ms}}