.promo{position:relative;display:flex;align-items:center;overflow:hidden;padding-block:var(--pt, 40px) var(--pb, 40px)}.promo--small{min-height:220px}.promo--medium{min-height:320px}.promo--large{min-height:440px}.promo__media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface)}.promo__media picture,.promo__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.promo--media .promo__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay, .4))}.promo--media{color:#fff}.promo__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:var(--ai, center)}.promo__content{max-width:40rem;text-align:var(--ta, center);display:flex;flex-direction:column;align-items:var(--ai, center)}.promo__eyebrow{color:inherit;opacity:.9}.promo__title{margin-bottom:.4em;text-wrap:balance}.promo__text{margin-bottom:1.25rem;text-wrap:pretty}.promo__actions{margin-top:.5rem}.promo--media .btn--outline{color:#fff;border-color:#fff}.promo--media .btn--outline:hover{background:#fff;color:#121216}.countdown{margin-bottom:1.5rem}.countdown__label{margin:0 0 .6rem;font-size:.875rem;font-weight:600;opacity:.9}.countdown__grid{display:inline-grid;grid-template-columns:repeat(4,minmax(3.6rem,1fr));gap:.5rem}.countdown__unit{display:flex;flex-direction:column;align-items:center;padding:.6rem .25rem;border-radius:var(--radius-card);background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 22%,transparent)}.countdown__num{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.countdown__name{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-top:.15rem}.countdown__expired{margin:0;font-weight:600}@media(min-width:750px){.countdown__grid{grid-template-columns:repeat(4,5rem);gap:.75rem}.countdown__num{font-size:2rem}.promo--small{min-height:260px}.promo--medium{min-height:380px}.promo--large{min-height:520px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/promo-banner.css.map */
