.salebanner{max-width:var(--max);margin:0 auto;padding:var(--sp-8) var(--gutter)}.salebanner__wrap{border-radius:var(--r-lg);padding:clamp(var(--sp-6),4vw,var(--sp-12));display:grid;grid-template-columns:1.5fr auto;gap:var(--sp-8) var(--sp-16);align-items:center}@media(max-width:820px){.salebanner__wrap{grid-template-columns:1fr;gap:var(--sp-8)}}.salebanner--ink .salebanner__wrap{background:var(--ink);color:#fff}.salebanner--surface .salebanner__wrap{background:var(--surface);color:var(--ink);border:1px solid var(--hairline)}.salebanner__lead{display:grid;gap:var(--sp-4);min-width:0}.salebanner__eyebrow{margin:0}.salebanner--ink .salebanner__eyebrow{color:#ffffff9e}.salebanner--ink .salebanner__eyebrow:before{background:#ffffff8c}.salebanner--ink .salebanner__eyebrow b{color:#fff}.salebanner__title{font:500 calc(var(--t-section) * var(--salebanner-title-scale, 1))/1.05 var(--font-sans);letter-spacing:-.03em;margin:0;text-wrap:balance}.salebanner__title .light{font-weight:300}.salebanner--ink .salebanner__title .light{color:#ffffffa6}.salebanner--surface .salebanner__title .light{color:var(--text-muted)}.salebanner__sub{font:400 var(--t-lead)/1.5 var(--font-sans);letter-spacing:-.005em;margin:0;max-width:46ch}.salebanner--ink .salebanner__sub{color:#ffffffc7}.salebanner--surface .salebanner__sub{color:var(--text-muted)}.salebanner__timer{display:grid;gap:var(--sp-3);justify-items:start}@media(max-width:820px){.salebanner__timer{justify-items:start}}.salebanner__timer-cap{font:500 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;order:-1}.salebanner--ink .salebanner__timer-cap{color:#ffffff80}.salebanner--surface .salebanner__timer-cap{color:var(--text-muted)}.countdown__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-1)}.countdown__unit{display:grid;gap:6px;justify-items:center;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);position:relative}.countdown__unit+.countdown__unit:before{content:":";position:absolute;left:calc(-1 * var(--sp-1));top:50%;transform:translate(-50%,-60%);font:400 22px/1 var(--font-mono);opacity:.35}.salebanner--ink .countdown__unit{background:#ffffff0f}.salebanner--surface .countdown__unit{background:var(--bg);border:1px solid var(--hairline)}.countdown__num{font:500 clamp(30px,4vw,44px)/1 var(--font-mono);letter-spacing:-.02em;min-width:2ch;text-align:center}.countdown__lab{font:500 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.salebanner--ink .countdown__lab{color:#ffffff80}.salebanner--surface .countdown__lab{color:var(--text-muted)}.countdown__ended{font:500 var(--t-lead)/1.3 var(--font-sans);letter-spacing:-.01em;padding:var(--sp-3) 0}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-countdown.css.map */