.counter-bar{--section-background-color: #222;--font-color: #fff;--time-background-color: #555;--time-font-color: #fff}.counter-bar{display:block;background-color:var(--section-background-color);color:var(--font-color);padding:1rem 0}.counter-bar .counter-bar__inner{display:flex;flex-direction:column;gap:1rem}@media(min-width: 760px){.counter-bar .counter-bar__inner{flex-direction:row;justify-content:center;gap:5rem;align-items:center}}.counter-bar .counter-bar__content{display:flex;justify-content:center;align-items:center;gap:1rem}@media(min-width: 768px){.counter-bar .counter-bar__content{justify-content:flex-start}}.counter-bar .counter-bar__counter{background-color:var(--section-background-color);color:var(--font-color);display:flex;justify-content:center}.counter-bar a{color:var(--font-color);text-decoration:none}.counter-bar a:hover{text-decoration:underline}.counter-bar #counter{background-color:var(--section-background-color);color:var(--font-color);display:flex;justify-content:center;align-items:center;gap:1rem;opacity:0;transition:all .3s ease}.counter-bar #counter.initialized{opacity:1}.counter-bar #counter.expired{display:none}.counter-bar #counter.expired+.counter-bar__expired-message{display:block}.counter-bar #counter>*{display:flex;flex-direction:column;justify-content:center;gap:.25rem;align-items:center;padding:1rem;background-color:var(--time-background-color);color:var(--time-font-color);border-radius:1rem}.counter-bar #counter [data-time]{font-size:1.5em;line-height:1}.counter-bar #counter .label{line-height:1;text-transform:uppercase;font-size:.9rem}.counter-bar .counter-bar__expired-message{display:none}