/*
 * Countdown widget.
 */
.ekl-countdown {
    @apply w-full;
}

.ekl-countdown__units {
    @apply flex flex-wrap items-stretch justify-center gap-[16px];

    &[hidden] {
        @apply hidden;
    }
}

.ekl-countdown__unit {
    @apply flex min-w-[88px] flex-col items-center justify-center rounded-[10px] bg-ekl-neutral-50 px-[16px] py-[14px] text-center;
}

.ekl-countdown__digits {
    @apply text-[40px] font-bold leading-none text-ekl-text;

    font-variant-numeric: tabular-nums;
}

.ekl-countdown__label {
    @apply mt-[8px] text-[13px] font-medium uppercase leading-none tracking-[0.06em] text-ekl-neutral-700;
}

.ekl-countdown__expired {
    @apply text-center text-[20px] font-semibold text-ekl-text;

    &[hidden] {
        @apply hidden;
    }
}

.ekl-countdown[hidden] {
    @apply hidden;
}