.cmp-countdown{display:flex}
.cmp-countdown--align-center{justify-content:center}
.cmp-countdown__container{display:flex;gap:8px;width:100%}
@media(min-width:768px){.cmp-countdown__container{width:100%}
}
.cmp-countdown__endMessage{display:none;flex-direction:column;text-align:center}
.cmp-countdown__items{display:flex}
.cmp-countdown__item{display:flex;flex-direction:column;gap:8px;text-align:center;width:25%;margin:8px}
.cmp-countdown__endMessageText{padding:0 1em 0 1em}
.cmp-countdown__endMessageText,.cmp-countdown__count{display:flex;flex-direction:column;font-size:50px;font-weight:600 !important;min-height:.7em;min-width:2em;justify-content:center}
.cmp-countdown__endMessageText--size-xl,.cmp-countdown__count--size-xl{font-size:10vw}
@media(min-width:768px){.cmp-countdown__endMessageText--size-xl,.cmp-countdown__count--size-xl{font-size:80px}
}
.cmp-countdown__endMessageText--size-l,.cmp-countdown__count--size-l{font-size:8.5vw}
@media(min-width:768px){.cmp-countdown__endMessageText--size-l,.cmp-countdown__count--size-l{font-size:65px}
}
.cmp-countdown__endMessageText--size-m,.cmp-countdown__count--size-m{font-size:6.5vw}
@media(min-width:768px){.cmp-countdown__endMessageText--size-m,.cmp-countdown__count--size-m{font-size:50px}
}
.cmp-countdown__endMessageText--size-s,.cmp-countdown__count--size-s{font-size:5.25vw}
@media(min-width:768px){.cmp-countdown__endMessageText--size-s,.cmp-countdown__count--size-s{font-size:40px}
}
.cmp-countdown__endMessageText--size-xs,.cmp-countdown__count--size-xs{font-size:4vw}
@media(min-width:768px){.cmp-countdown__endMessageText--size-xs,.cmp-countdown__count--size-xs{font-size:30px}
}
.cmp-countdown__endMessageText--color-white,.cmp-countdown__count--color-white{color:#fff}
.cmp-countdown__endMessageText--color-black,.cmp-countdown__count--color-black{color:#212121}
.cmp-countdown__endMessageText--color-gray,.cmp-countdown__count--color-gray{color:#cecece}
.cmp-countdown__endMessageText--box-color-white,.cmp-countdown__count--box-color-white{background-color:#fff;height:2em}
.cmp-countdown__endMessageText--box-color-black,.cmp-countdown__count--box-color-black{background-color:#212121;height:2em}
.cmp-countdown__endMessageText--box-color-gray,.cmp-countdown__count--box-color-gray{background-color:#cecece;height:2em}
.cmp-countdown__name--color-white{color:#fff}
.cmp-countdown__name--color-black{color:#212121}
.cmp-countdown__name--color-gray{color:#cecece}
@media(max-width:480px){.cmp-countdown .cmp-countdown__item{gap:unset}
}