.countdown-flip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:32px 16px;box-sizing:border-box;z-index:2}
.countdown-flip{--countdown-color:var(--vvo-color-element-primary,#301953)}
.countdown-flip__title{display:flex;height:38px;flex-direction:column;justify-content:center;align-self:stretch;margin:0 0 4px;color:var(--countdown-color,#301953);text-align:center;font-family:var(--vvo-typography-title-xsmall-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-xsmall-fontsize,24px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-xsmall-lineheight,32px);letter-spacing:var(--vvo-typography-title-xsmall-letterspacing-bold,0)}
.countdown-flip__title[hidden]{display:none}
.countdown-flip__text{font-size:40px;font-weight:700;text-align:center}
.countdown-flip__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.flipclock{--fc-size:112px;--fc-gap:12px;--fc-color:var(--flipclock-color,#301953);--fc-bg:var(--flipclock-bg,#f2f2f2);--fc-accent:var(--flipclock-accent,#b5400a);--fc-border:var(--flipclock-border,#d8dada);--fc-label-offset:calc(8px + var(--vvo-typography-title-2xsmall-lineheight, 28px));display:flex;align-items:center;justify-content:center;gap:var(--fc-gap);font-variant-numeric:tabular-nums}
.flipclock__expired{margin:0;font-size:40px;font-weight:700;text-align:center;color:var(--countdown-color,#301953)}
.flipclock__unit{display:flex;flex-direction:column;align-items:center;gap:8px}
.flipclock__label{color:var(--countdown-color,#301953);text-align:center;font-family:var(--vvo-typography-title-2xsmall-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-2xsmall-fontsize,18px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-2xsmall-lineheight,28px);letter-spacing:var(--vvo-typography-title-2xsmall-letterspacing-bold,0);text-transform:capitalize}
.flipclock__card{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--fc-size);height:var(--fc-size);color:var(--fc-color);font-size:calc(var(--fc-size) * .58);font-weight:700;line-height:1}
.flipclock__text{display:block}
.flipclock__dots{display:flex;flex-direction:column;justify-content:center;align-self:stretch;margin-bottom:var(--fc-label-offset);gap:calc(var(--fc-size) * .14)}
.flipclock__dots::before,.flipclock__dots::after{content:"";width:calc(var(--fc-size) * .08);height:calc(var(--fc-size) * .08);border-radius:50%;background:var(--countdown-color,#301953)}
.flipclock[data-style="1"] .flipclock__card{padding:0 calc(var(--fc-size) * .1);background:var(--fc-bg);border-radius:calc(var(--fc-size) * .1);perspective:400px}
.flipclock__sizer{visibility:hidden}
.flipclock__half,.flipclock__flap{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:var(--fc-bg);backface-visibility:hidden}
.flipclock__half .flipclock__text,.flipclock__flap .flipclock__text{position:absolute;left:0;width:100%;height:200%;display:flex;align-items:center;justify-content:center}
.flipclock__half--top,.flipclock__flap--top{top:0;border-radius:calc(var(--fc-size) * .1) calc(var(--fc-size) * .1) 0 0;transform-origin:50% 100%}
.flipclock__half--top .flipclock__text,.flipclock__flap--top .flipclock__text{top:0}
.flipclock__half--bottom,.flipclock__flap--bottom{top:50%;border-radius:0 0 calc(var(--fc-size) * .1) calc(var(--fc-size) * .1);transform-origin:50% 0}
.flipclock__half--bottom .flipclock__text,.flipclock__flap--bottom .flipclock__text{top:-100%}
.flipclock[data-style="1"] .flipclock__card::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--flipclock-split,rgba(255,255,255,0.9));z-index:4}
.flipclock__flap{display:none;z-index:3}
.flipclock__card.is-flipping .flipclock__flap{display:block}
.flipclock__card.is-flipping .flipclock__flap--top{animation:flipclock-top .32s ease-in forwards}
.flipclock__card.is-flipping .flipclock__flap--bottom{transform:rotateX(90deg);animation:flipclock-bottom .32s .32s ease-out forwards}
@keyframes flipclock-top{from{transform:rotateX(0)}
to{transform:rotateX(-90deg)}
}
@keyframes flipclock-bottom{from{transform:rotateX(90deg)}
to{transform:rotateX(0)}
}
.flipclock[data-style="2"] .flipclock__card{border-radius:50%;color:var(--countdown-color,#301953)}
.flipclock__ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.flipclock__arc{fill:none;stroke:var(--fc-accent);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .4s ease}
.flipclock[data-style="2"] .flipclock__text{position:relative}
.flipclock[data-style="2"] .flipclock__arc{stroke:var(--countdown-arc-color,var(--vvo-color-element-brandhighlight,#ac3900))}
.flipclock[data-style="3"] .flipclock__card{padding:0 calc(var(--fc-size) * .1);background:#fff;border:1px solid var(--fc-border);border-radius:calc(var(--fc-size) * .14)}
.flipclock[data-style="1"] .flipclock__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--vvo-space-halfX,2px);min-width:0;height:auto;padding:0;background:transparent}
.flipclock[data-style="1"] .flipclock__sizer{display:none}
.flipclock[data-style="1"] .flipclock__half,.flipclock[data-style="1"] .flipclock__flap{justify-content:center;gap:var(--vvo-space-1X,4px);align-self:stretch}
.flipclock[data-style="1"] .flipclock__half{position:relative;top:auto;display:flex}
.flipclock[data-style="1"] .flipclock__card.is-flipping .flipclock__flap{display:flex}
.flipclock[data-style="1"] .flipclock__half--top,.flipclock[data-style="1"] .flipclock__flap--top{align-items:flex-start;border-radius:var(--vvo-size-border-radius-300,12px) var(--vvo-size-border-radius-300,12px) var(--vvo-size-border-radius-0,0) var(--vvo-size-border-radius-0,0);background:var(--all-vvo-core-color-neutral-25,#f2f2f2)}
.flipclock[data-style="1"] .flipclock__half--bottom,.flipclock[data-style="1"] .flipclock__flap--bottom{align-items:flex-end;border-radius:var(--vvo-size-border-radius-0,0) var(--vvo-size-border-radius-0,0) var(--vvo-size-border-radius-300,12px) var(--vvo-size-border-radius-300,12px);background:var(--all-vvo-core-color-neutral-0,#FFF)}
.flipclock[data-style="1"] .flipclock__half .flipclock__text,.flipclock[data-style="1"] .flipclock__flap .flipclock__text{position:relative;top:auto;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;color:var(--vvo-color-element-primary,#301953);text-align:center}
@media(min-width:768px){.flipclock[data-style="1"] .flipclock__card{width:106px;border-radius:var(--vvo-size-border-radius-500,20px)}
.flipclock[data-style="1"] .flipclock__half,.flipclock[data-style="1"] .flipclock__flap{height:52px}
.flipclock[data-style="1"] .flipclock__flap--bottom{top:54px}
.flipclock[data-style="1"] .flipclock__half .flipclock__text,.flipclock[data-style="1"] .flipclock__flap .flipclock__text{width:48px;height:106px;font-family:var(--vvo-typography-title-2xlarge-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-2xlarge-fontsize,72px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-2xlarge-lineheight,90px);letter-spacing:var(--vvo-typography-title-2xlarge-letterspacing-bold,0.8px)}
.flipclock[data-style="2"] .flipclock__card{width:106px;min-width:106px;height:106px}
.flipclock[data-style="2"] .flipclock__text{display:flex;width:106px;height:106px;flex-direction:column;justify-content:center;color:var(--countdown-color,#301953);text-align:center;font-family:var(--vvo-typography-title-xlarge-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-xlarge-fontsize,60px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-xlarge-lineheight,72px);letter-spacing:var(--vvo-typography-title-2xlarge-letterspacing-regular,0.8px)}
.flipclock[data-style="3"] .flipclock__card{display:flex;width:106px;min-width:106px;height:106px;padding:0;justify-content:center;align-items:center;border-radius:var(--vvo-size-border-radius-300,12px);border:1px solid var(--vvo-color-element-lowcontrast,rgba(0,0,0,0.20));background:var(--all-vvo-core-color-neutral-0,#FFF)}
.flipclock[data-style="3"] .flipclock__text{display:flex;width:106px;height:106px;flex-direction:column;justify-content:center;flex-shrink:0;color:var(--countdown-color,#301953);text-align:center;font-family:var(--vvo-typography-title-2xlarge-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-2xlarge-fontsize,72px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-2xlarge-lineheight,90px);letter-spacing:var(--vvo-typography-title-2xlarge-letterspacing-bold,0.8px)}
}
@media(max-width:767px){.countdown-flip{padding:24px 16px}
.countdown-flip__title{margin-bottom:4px;font-family:var(--vvo-typography-title-2xsmall-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-2xsmall-fontsize,18px);line-height:var(--vvo-typography-title-2xsmall-lineheight,28px);letter-spacing:var(--vvo-typography-title-2xsmall-letterspacing-bold,0)}
.flipclock__label{font-family:var(--vvo-typography-body-large-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-body-large-fontsize,16px);line-height:var(--vvo-typography-body-large-lineheight,24px);letter-spacing:var(--vvo-typography-body-large-letterspacing-bold,0)}
.flipclock{--fc-size:72px;--fc-gap:8px;--fc-label-offset:calc(8px + var(--vvo-typography-body-large-lineheight, 24px))}
.flipclock__expired,.countdown-flip__text{font-size:28px}
.flipclock[data-style="1"] .flipclock__card{width:90px;border-radius:var(--vvo-size-border-radius-300,12px)}
.flipclock[data-style="1"] .flipclock__half,.flipclock[data-style="1"] .flipclock__flap{width:90px;height:41px}
.flipclock[data-style="1"] .flipclock__flap--bottom{top:43px}
.flipclock[data-style="1"] .flipclock__half .flipclock__text,.flipclock[data-style="1"] .flipclock__flap .flipclock__text{width:28px;height:84px;font-family:var(--vvo-typography-title-large-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-large-fontsize,48px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-large-lineheight,60px);letter-spacing:var(--vvo-typography-title-large-letterspacing-bold,0.8px)}
.flipclock[data-style="2"] .flipclock__card{width:84px;min-width:84px;height:84px}
.flipclock[data-style="2"] .flipclock__text{display:flex;width:84px;height:84px;flex-direction:column;justify-content:center;color:var(--countdown-color,#301953);text-align:center;font-family:var(--vvo-typography-title-large-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-large-fontsize,48px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-large-lineheight,60px);letter-spacing:var(--vvo-typography-title-large-letterspacing-bold,0.8px)}
.flipclock[data-style="3"] .flipclock__card{display:flex;width:84px;min-width:84px;height:84px;padding:0;justify-content:center;align-items:center;border-radius:var(--vvo-size-border-radius-300,12px);border:1px solid var(--vvo-color-element-lowcontrast,rgba(0,0,0,0.20));background:var(--all-vvo-core-color-neutral-0,#FFF)}
.flipclock[data-style="3"] .flipclock__text{display:flex;width:84px;height:84px;flex-direction:column;justify-content:center;flex-shrink:0;color:var(--countdown-color,#301953);text-align:center;font-family:var(--vvo-typography-title-xlarge-fontfamily-secondary,Roboto);font-size:var(--vvo-typography-title-xlarge-fontsize,60px);font-style:normal;font-weight:700;line-height:var(--vvo-typography-title-xlarge-lineheight,72px);letter-spacing:var(--vvo-typography-title-2xlarge-letterspacing-regular,0.8px)}
}
@media(prefers-reduced-motion:reduce){.flipclock__card.is-flipping .flipclock__flap--top,.flipclock__card.is-flipping .flipclock__flap--bottom{animation:none}
.flipclock__arc{transition:none}
}