/* ============================================
   COMPONENTS - COUNTDOWN
   ============================================ */
.countdown {
    font-size: calc(1rem + 2vw);
    font-family: var(--font-chewy);
    padding: 0 1.2em;
    display: inline-block;
    margin: 0;
    line-height: 1.2;
    vertical-align: baseline;
}

.countdown-number {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: baseline;
    line-height: 1.2;
    transform: translateY(0.25em);
}

.countdown-number span {
    display: inline-block;
    animation: rollNumber 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    line-height: 1.2;
    vertical-align: baseline;
}

.countdown-number span:nth-child(1) {
    animation-delay: 0.2s;
}

.countdown-number span:nth-child(2) {
    animation-delay: 0.3s;
}

.countdown-number span:nth-child(3) {
    animation-delay: 0.4s;
}

@media (max-width: 500px) {
    .countdown {
        padding: 0;
    }
}