.wrapper{--duration: 0;--one-second: 1s;--digit-height: 90px;--text-color: inherit;font-size:100px;position:relative;display:flex;flex-direction:row}.time-part{text-align:center;height:var(--digit-height);overflow:hidden;box-sizing:border-box;position:relative}.digit-wrapper{--offset: calc( var(--iteration-duration) - mod(var(--duration), var(--iteration-duration)) );animation-delay:calc(-1 * var(--one-second) * var(--offset));animation-iteration-count:calc(var(--duration) / var(--iteration-duration) + var(--offset) / var(--iteration-duration));display:flex;flex-direction:column;animation-duration:calc(var(--one-second) * var(--iteration-duration));animation-timing-function:cubic-bezier(1,0,1,0)}.digit,.countdown-separator,.countdown-label{color:var(--text-color)!important}.digit,.countdown-separator,.countdown-label{display:inline-block;height:var(--digit-height)}@keyframes days-tens{0%{transform:translateY(calc(-1 * var(--digit-height)))}9.99998843%{transform:translateY(calc(-1 * var(--digit-height)))}10%{transform:translateY(calc(-2 * var(--digit-height)))}19.99998843%{transform:translateY(calc(-2 * var(--digit-height)))}20%{transform:translateY(calc(-3 * var(--digit-height)))}29.99998843%{transform:translateY(calc(-3 * var(--digit-height)))}30%{transform:translateY(calc(-4 * var(--digit-height)))}39.99998843%{transform:translateY(calc(-4 * var(--digit-height)))}40%{transform:translateY(calc(-5 * var(--digit-height)))}49.99998843%{transform:translateY(calc(-5 * var(--digit-height)))}50%{transform:translateY(calc(-6 * var(--digit-height)))}59.99998843%{transform:translateY(calc(-6 * var(--digit-height)))}60%{transform:translateY(calc(-7 * var(--digit-height)))}69.99998843%{transform:translateY(calc(-7 * var(--digit-height)))}70%{transform:translateY(calc(-8 * var(--digit-height)))}79.99998843%{transform:translateY(calc(-8 * var(--digit-height)))}80%{transform:translateY(calc(-9 * var(--digit-height)))}89.99998843%{transform:translateY(calc(-9 * var(--digit-height)))}90%{transform:translateY(calc(-10 * var(--digit-height)))}99.99998843%{transform:translateY(calc(-10 * var(--digit-height)))}to{transform:translateY(calc(-11 * var(--digit-height)))}}.time-part.days.tens .digit-wrapper{--iteration-duration: 8640000;animation-name:days-tens}@keyframes days-ones{0%{transform:translateY(calc(-1 * var(--digit-height)))}9.99988426%{transform:translateY(calc(-1 * var(--digit-height)))}10%{transform:translateY(calc(-2 * var(--digit-height)))}19.99988426%{transform:translateY(calc(-2 * var(--digit-height)))}20%{transform:translateY(calc(-3 * var(--digit-height)))}29.99988426%{transform:translateY(calc(-3 * var(--digit-height)))}30%{transform:translateY(calc(-4 * var(--digit-height)))}39.99988426%{transform:translateY(calc(-4 * var(--digit-height)))}40%{transform:translateY(calc(-5 * var(--digit-height)))}49.99988426%{transform:translateY(calc(-5 * var(--digit-height)))}50%{transform:translateY(calc(-6 * var(--digit-height)))}59.99988426%{transform:translateY(calc(-6 * var(--digit-height)))}60%{transform:translateY(calc(-7 * var(--digit-height)))}69.99988426%{transform:translateY(calc(-7 * var(--digit-height)))}70%{transform:translateY(calc(-8 * var(--digit-height)))}79.99988426%{transform:translateY(calc(-8 * var(--digit-height)))}80%{transform:translateY(calc(-9 * var(--digit-height)))}89.99988426%{transform:translateY(calc(-9 * var(--digit-height)))}90%{transform:translateY(calc(-10 * var(--digit-height)))}99.99988426%{transform:translateY(calc(-10 * var(--digit-height)))}to{transform:translateY(calc(-11 * var(--digit-height)))}}.time-part.days.ones .digit-wrapper{--iteration-duration: 864000;animation-name:days-ones}@keyframes hours-tens{0%{transform:translateY(calc(-1 * var(--digit-height)))}16.66550927%{transform:translateY(calc(-1 * var(--digit-height)))}16.66666667%{transform:translateY(calc(-2 * var(--digit-height)))}58.33217593%{transform:translateY(calc(-2 * var(--digit-height)))}58.33333333%{transform:translateY(calc(-3 * var(--digit-height)))}99.9988426%{transform:translateY(calc(-3 * var(--digit-height)))}to{transform:translateY(calc(-4 * var(--digit-height)))}}.time-part.hours.tens .digit-wrapper{--iteration-duration: 86400;animation-name:hours-tens}@keyframes hours-ones{0%{transform:translateY(calc(-1 * var(--digit-height)))}4.16550927%{transform:translateY(calc(-1 * var(--digit-height)))}4.16666667%{transform:translateY(calc(-2 * var(--digit-height)))}8.33217593%{transform:translateY(calc(-2 * var(--digit-height)))}8.33333333%{transform:translateY(calc(-3 * var(--digit-height)))}12.49884259%{transform:translateY(calc(-3 * var(--digit-height)))}12.49999999%{transform:translateY(calc(-4 * var(--digit-height)))}16.66550927%{transform:translateY(calc(-4 * var(--digit-height)))}16.66666667%{transform:translateY(calc(-5 * var(--digit-height)))}20.83217593%{transform:translateY(calc(-5 * var(--digit-height)))}20.83333333%{transform:translateY(calc(-6 * var(--digit-height)))}24.9988426%{transform:translateY(calc(-6 * var(--digit-height)))}25%{transform:translateY(calc(-7 * var(--digit-height)))}29.16550927%{transform:translateY(calc(-7 * var(--digit-height)))}29.16666667%{transform:translateY(calc(-8 * var(--digit-height)))}33.33217593%{transform:translateY(calc(-8 * var(--digit-height)))}33.33333333%{transform:translateY(calc(-9 * var(--digit-height)))}37.49884259%{transform:translateY(calc(-9 * var(--digit-height)))}37.49999999%{transform:translateY(calc(-10 * var(--digit-height)))}41.66550927%{transform:translateY(calc(-10 * var(--digit-height)))}41.66666667%{transform:translateY(calc(-11 * var(--digit-height)))}45.83217593%{transform:translateY(calc(-11 * var(--digit-height)))}45.83333333%{transform:translateY(calc(-12 * var(--digit-height)))}49.9988426%{transform:translateY(calc(-12 * var(--digit-height)))}50%{transform:translateY(calc(-13 * var(--digit-height)))}54.16550927%{transform:translateY(calc(-13 * var(--digit-height)))}54.16666667%{transform:translateY(calc(-14 * var(--digit-height)))}58.33217593%{transform:translateY(calc(-14 * var(--digit-height)))}58.33333333%{transform:translateY(calc(-15 * var(--digit-height)))}62.49884259%{transform:translateY(calc(-15 * var(--digit-height)))}62.49999999%{transform:translateY(calc(-16 * var(--digit-height)))}66.66550927%{transform:translateY(calc(-16 * var(--digit-height)))}66.66666667%{transform:translateY(calc(-17 * var(--digit-height)))}70.83217593%{transform:translateY(calc(-17 * var(--digit-height)))}70.83333333%{transform:translateY(calc(-18 * var(--digit-height)))}74.9988426%{transform:translateY(calc(-18 * var(--digit-height)))}75%{transform:translateY(calc(-19 * var(--digit-height)))}79.16550927%{transform:translateY(calc(-19 * var(--digit-height)))}79.16666667%{transform:translateY(calc(-20 * var(--digit-height)))}83.33217593%{transform:translateY(calc(-20 * var(--digit-height)))}83.33333333%{transform:translateY(calc(-21 * var(--digit-height)))}87.49884259%{transform:translateY(calc(-21 * var(--digit-height)))}87.49999999%{transform:translateY(calc(-22 * var(--digit-height)))}91.66550927%{transform:translateY(calc(-22 * var(--digit-height)))}91.66666667%{transform:translateY(calc(-23 * var(--digit-height)))}95.83217593%{transform:translateY(calc(-23 * var(--digit-height)))}95.83333333%{transform:translateY(calc(-24 * var(--digit-height)))}99.9988426%{transform:translateY(calc(-24 * var(--digit-height)))}to{transform:translateY(calc(-25 * var(--digit-height)))}}.time-part.hours.ones .digit-wrapper{--iteration-duration: 86400;animation-name:hours-ones}@keyframes minutes-tens{0%{transform:translateY(calc(-1 * var(--digit-height)))}16.6388889%{transform:translateY(calc(-1 * var(--digit-height)))}16.66666667%{transform:translateY(calc(-2 * var(--digit-height)))}33.30555556%{transform:translateY(calc(-2 * var(--digit-height)))}33.33333333%{transform:translateY(calc(-3 * var(--digit-height)))}49.97222223%{transform:translateY(calc(-3 * var(--digit-height)))}50%{transform:translateY(calc(-4 * var(--digit-height)))}66.6388889%{transform:translateY(calc(-4 * var(--digit-height)))}66.66666667%{transform:translateY(calc(-5 * var(--digit-height)))}83.30555556%{transform:translateY(calc(-5 * var(--digit-height)))}83.33333333%{transform:translateY(calc(-6 * var(--digit-height)))}99.97222223%{transform:translateY(calc(-6 * var(--digit-height)))}to{transform:translateY(calc(-7 * var(--digit-height)))}}.time-part.minutes.tens .digit-wrapper{--iteration-duration: 3600;animation-name:minutes-tens}@keyframes minutes-ones{0%{transform:translateY(calc(-1 * var(--digit-height)))}9.83333334%{transform:translateY(calc(-1 * var(--digit-height)))}10%{transform:translateY(calc(-2 * var(--digit-height)))}19.83333334%{transform:translateY(calc(-2 * var(--digit-height)))}20%{transform:translateY(calc(-3 * var(--digit-height)))}29.83333334%{transform:translateY(calc(-3 * var(--digit-height)))}30%{transform:translateY(calc(-4 * var(--digit-height)))}39.83333334%{transform:translateY(calc(-4 * var(--digit-height)))}40%{transform:translateY(calc(-5 * var(--digit-height)))}49.83333334%{transform:translateY(calc(-5 * var(--digit-height)))}50%{transform:translateY(calc(-6 * var(--digit-height)))}59.83333334%{transform:translateY(calc(-6 * var(--digit-height)))}60%{transform:translateY(calc(-7 * var(--digit-height)))}69.83333334%{transform:translateY(calc(-7 * var(--digit-height)))}70%{transform:translateY(calc(-8 * var(--digit-height)))}79.83333334%{transform:translateY(calc(-8 * var(--digit-height)))}80%{transform:translateY(calc(-9 * var(--digit-height)))}89.83333334%{transform:translateY(calc(-9 * var(--digit-height)))}90%{transform:translateY(calc(-10 * var(--digit-height)))}99.83333334%{transform:translateY(calc(-10 * var(--digit-height)))}to{transform:translateY(calc(-11 * var(--digit-height)))}}.time-part.minutes.ones .digit-wrapper{--iteration-duration: 600;animation-name:minutes-ones}@keyframes seconds-tens{0%{transform:translateY(calc(-1 * var(--digit-height)))}15%{transform:translateY(calc(-1 * var(--digit-height)))}16.66666667%{transform:translateY(calc(-2 * var(--digit-height)))}31.66666667%{transform:translateY(calc(-2 * var(--digit-height)))}33.33333333%{transform:translateY(calc(-3 * var(--digit-height)))}48.33333333%{transform:translateY(calc(-3 * var(--digit-height)))}50%{transform:translateY(calc(-4 * var(--digit-height)))}65%{transform:translateY(calc(-4 * var(--digit-height)))}66.66666667%{transform:translateY(calc(-5 * var(--digit-height)))}81.66666667%{transform:translateY(calc(-5 * var(--digit-height)))}83.33333333%{transform:translateY(calc(-6 * var(--digit-height)))}98.33333333%{transform:translateY(calc(-6 * var(--digit-height)))}to{transform:translateY(calc(-7 * var(--digit-height)))}}.time-part.seconds.tens .digit-wrapper{--iteration-duration: 60;animation-name:seconds-tens}@keyframes seconds-ones{0%{transform:translateY(calc(-1 * var(--digit-height)))}10%{transform:translateY(calc(-2 * var(--digit-height)))}20%{transform:translateY(calc(-3 * var(--digit-height)))}30%{transform:translateY(calc(-4 * var(--digit-height)))}40%{transform:translateY(calc(-5 * var(--digit-height)))}50%{transform:translateY(calc(-6 * var(--digit-height)))}60%{transform:translateY(calc(-7 * var(--digit-height)))}70%{transform:translateY(calc(-8 * var(--digit-height)))}80%{transform:translateY(calc(-9 * var(--digit-height)))}90%{transform:translateY(calc(-10 * var(--digit-height)))}to{transform:translateY(calc(-11 * var(--digit-height)))}}.time-part.seconds.ones .digit-wrapper{--iteration-duration: 10;animation-name:seconds-ones}