@layer components{[data-component=Countdown] .countdown-unit{border:2px solid var(--countdown-unit-border-color,var(--color-light-grey,#d7d7d7));display:inline-block}[data-component=Countdown] .countdown-unit:not(:last-child){margin-right:3px}[data-component=Countdown] .countdown-unit{padding:.75rem 1rem}[data-component=Countdown] .countdown-label{text-align:center;font-size:var(--theme-text-style-text-small-font-size);text-transform:uppercase;margin-top:.2em;line-height:1;display:block}[data-component=Countdown] .countdown-face{text-align:center;font-family:var(--theme-base-font-family);font-size:var(--theme-text-style-headline-small-font-size);font-weight:var(--theme-text-style-headline-small-font-weight);line-height:var(--theme-text-style-headline-small-line-height);letter-spacing:var(--theme-text-style-headline-small-letter-spacing);-webkit-text-decoration:var(--theme-text-style-headline-small-text-decoration);text-decoration:var(--theme-text-style-headline-small-text-decoration);height:1em;line-height:1;transition:all .3s;display:block;overflow:hidden}[data-component=Countdown] .countdown-face .face-values{height:100%;display:block;position:relative}[data-component=Countdown] .countdown-face .current-face,[data-component=Countdown] .countdown-face .last-face{opacity:1;display:block}[data-component=Countdown] .countdown-face .last-face{position:absolute;top:0;left:50%;transform:translateY(100%)translate(-50%)}[data-component=Countdown] .countdown-face.countdown-face-animation .face-values{animation:.3s countdownFaceMove}[data-component=Countdown] .countdown-face.countdown-face-animation .current-face{animation:.3s ease-out countdownFaceAppear}[data-component=Countdown] .countdown-face.countdown-face-animation .last-face{animation:.3s ease-in countdownFaceLeave}@keyframes countdownFaceMove{0%{transform:translateY(-1em)}to{transform:translateY(0)}}@keyframes countdownFaceAppear{0%{opacity:0}to{opacity:1}}@keyframes countdownFaceLeave{0%{opacity:1}to{opacity:0}}}