.countdown-banner{width:100%;background-color:var(--countdown-bg-color, #000);color:var(--countdown-text-color, #fff);display:flex;align-items:center;justify-content:center;height:var(--countdown-height, 120px);overflow:hidden}.countdown-banner__container{width:100%;max-width:100%;padding:0 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.countdown-banner__text{font-weight:600;line-height:1.3}.countdown-banner__text--before{text-align:right;justify-self:end}.countdown-banner__text--after{text-align:left;justify-self:start}.countdown-banner__timer{display:flex;align-items:center;justify-content:center;gap:1rem;grid-column:2}.countdown-banner__unit{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-banner__number{font-size:var(--countdown-font-size, 60px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;min-width:2ch;text-align:center}.countdown-banner__label{font-size:calc(var(--countdown-font-size, 60px) * .25);font-weight:400;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.countdown-banner__separator{font-size:var(--countdown-font-size, 60px);font-weight:700;line-height:1;opacity:.6;margin:0 .25rem;align-self:flex-start;padding-top:.1em}@media screen and (max-width: 749px){.countdown-banner{height:var(--countdown-mobile-height, 100vh);min-height:auto;padding:var(--countdown-mobile-padding, 3rem) 1rem}.countdown-banner__container{padding:0 1rem;grid-template-columns:1fr;gap:2rem}.countdown-banner__text{width:100%;text-align:center!important;justify-self:center!important}.countdown-banner__timer{grid-column:1}.countdown-banner__timer{flex-direction:column;gap:2rem}.countdown-banner__separator{display:none}.countdown-banner__unit{width:100%;gap:.75rem}.countdown-banner__number{font-size:calc(var(--countdown-font-size, 60px) * 1.2)}.countdown-banner__label{font-size:calc(var(--countdown-font-size, 60px) * .35)}}@media screen and (min-width: 750px) and (max-width: 989px){.countdown-banner__timer{gap:.75rem}.countdown-banner__number{font-size:calc(var(--countdown-font-size, 60px) * .8)}}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-banner__number.updating{animation:countdown-pulse .3s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/50/assets/countdown-banner.css.map */