.countdown--root{display:block;position:relative}.countdown--root[data-apply-overlay=true]::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.countdown--wrapper{display:grid;width:100%;align-items:center}@media only screen and (min-width:768px){.countdown--root[data-columns="2"] .countdown--wrapper{gap:var(--spacing--block);justify-content:center;grid-template-columns:minmax(250px,570px) max-content}}.countdown--bg-image{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;z-index:0}.countdown--text-container{display:flex;flex-direction:column;z-index:1;padding:var(--spacing--item) 0}.flexbox-gap .countdown--text-container{gap:var(--spacing--item)}.no-flexbox-gap .countdown--text-container>*{margin:calc(var(--spacing--item)/ 2)}@media only screen and (max-width:767px){.countdown--text-container{text-align:center}}.countdown--text-container>*{order:1}.countdown--overline{order:0}.countdown--timer{z-index:1;display:grid;-moz-column-gap:var(--spacing--1);column-gap:var(--spacing--1);grid:auto/auto-flow minmax(0,1fr) auto;align-items:center;text-align:center;text-transform:uppercase;margin:0;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:var(--spacing--item) 0}.countdown--item{display:grid;row-gap:var(--spacing--1);width:-moz-fit-content;width:fit-content;margin:0 auto}.countdown--digits{position:relative;display:grid;-moz-column-gap:2px;column-gap:2px;grid:auto/auto-flow minmax(0,1fr);justify-content:center;margin:0 auto;color:var(--color--body)}.countdown--root[data-light-number=true] .countdown--digits{color:var(--color--alternative)}.countdown--digit{font-variant-numeric:tabular-nums;display:grid;position:relative;border-radius:4px;overflow:hidden;font-size:var(--number-size);line-height:calc(var(--number-size) * 1.4)}.countdown--root[data-timer-bg=light] .countdown--digit{background-color:rgba(255,255,255,.4)}.countdown--root[data-timer-bg=dark] .countdown--digit{background-color:rgba(0,0,0,.4)}@media only screen and (max-width:767px){.countdown--digit{font-size:var(--mobile-number-size);line-height:calc(var(--mobile-number-size) * 1.4)}}.countdown--digit>*{visibility:hidden;opacity:0;transform:translate3d(0,16px,0);padding:calc(var(--spacing--1)/ 2) var(--spacing--1);grid-area:1/-1}.countdown--seperator{font-size:var(--number-size);height:calc(var(--number-size) * 1.4);margin-bottom:auto;display:flex;align-items:center}@media only screen and (max-width:767px){.countdown--seperator{font-size:var(--mobile-number-size);height:calc(var(--mobile-number-size) * 1.4)}}.countdown--unit{line-height:initial}