.countdown-banner{display:flex;flex-direction:column;justify-content:center;gap:10px;position:relative;color:var(--color-text)}.countdown-banner--inner{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1280px;width:100%;margin:0 auto;gap:15px;background:var(--banner-bg, #eb9389);padding:20px 35px;border-radius:12px}@media only screen and (min-width: 768px){.countdown-banner{flex-direction:row}.countdown-banner--inner{width:750px;gap:20px;padding:15px 60px}}.countdown-banner--inner .countdown-banner--timer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}.countdown-banner .countdown-banner--subheading{font-size:20px}.countdown-banner .countdown-banner--heading{font-size:40px;font-weight:700;margin-bottom:10px}.countdown-banner--description{font-size:16px;font-weight:600}.countdown-banner--bg{width:100%;z-index:0}.countdown-banner--bg img{width:100%;height:100%;object-fit:cover}.countdown-banner--content{text-align:center;line-height:normal}.countdown-banner--content,.countdown-banner--timer{position:relative;z-index:5}.countdown-banner .countdown-timer{display:inline-flex;flex-wrap:wrap;justify-content:center;min-height:80px}.countdown-banner .countdown-timer--column{display:flex;flex-direction:column;text-align:center;justify-content:center;position:relative;padding:0 5px}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column{padding:0 5px}}.countdown-banner .countdown-timer--column--number{display:flex;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;border-radius:8px;padding:10px;background:var(--timer-box-color, #fff);width:40px;height:40px}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column--number{font-size:2rem;width:60px;height:60px}}.countdown-banner .countdown-timer--column--text{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}@media only screen and (min-width: 768px){.countdown-banner .countdown-timer--column--text{font-size:.75rem}}.countdown-banner .countdown-timer--column+.countdown-timer--column .countdown-timer--column--number{position:relative}
/*# sourceMappingURL=/cdn/shop/t/6/assets/countdown-banner.css.map */
