/* Compact promotion details, shared by React and static public pages. */
.public-offer-layout { display:flex; min-height:20px; align-items:center; justify-content:center; gap:10px; }
.public-offer-layout > [role='status'] { width:auto; }
.public-offer-copy { white-space:nowrap; }
.public-offer-ending { display:inline-flex; align-items:center; gap:10px; color:#b6c6d6; white-space:nowrap; font-size:12px; }
.public-offer-claim { color:#8fbbd8; white-space:nowrap; font-size:12px; font-weight:550; }
.public-offer-surface:hover .public-offer-claim { text-decoration:underline; text-underline-offset:3px; }
.promo-header-spacer { height:41px; }
.offer-countdown { display:inline-flex; align-items:center; justify-content:center; gap:8px; color:#edf3fa; font-family:'Geist',sans-serif; }
.offer-countdown[hidden] { display:none; }
.offer-countdown-label { color:#b6c6d6; font-size:10px; font-weight:450; white-space:nowrap; }
.offer-countdown-digits { display:inline-flex; gap:10px; }
.offer-countdown-unit { position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; }
.offer-countdown-unit + .offer-countdown-unit::before { content:':'; position:absolute; top:0; left:-7px; color:#8fbbd880; font-size:12px; line-height:18px; }
.offer-countdown-number { display:block; min-width:16px; color:#edf3fa; font-size:13px; font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:0; line-height:18px; text-align:center; }
.offer-countdown-unit-label { color:#a8bacb; font-size:8px; line-height:10px; letter-spacing:.4px; text-transform:uppercase; }
.offer-countdown--compact .offer-countdown-unit { gap:1px; }
.offer-countdown--compact .offer-countdown-number { min-width:23px; padding:1px 3px; border:1px solid #8fbbd82e; border-radius:4px; background:#8fbbd80d; font-size:12px; line-height:16px; }
.offer-countdown-unit-label { display:none; }
.offer-countdown--compact .offer-countdown-unit + .offer-countdown-unit::before { font-size:11px; line-height:20px; }
.offer-countdown--card { display:flex; justify-content:space-between; gap:14px; margin:22px 0 0; padding:14px 0; border-top:1px solid rgb(var(--ui-border-rgb)); border-bottom:1px solid rgb(var(--ui-border-rgb)); color:rgb(var(--ui-ink-rgb)); }
.offer-countdown--card:not(:has(.offer-countdown-label)) { justify-content:flex-end; }
.offer-countdown--card .offer-countdown-label { color:rgb(var(--ui-muted-rgb)); font-size:11px; }
.offer-countdown--card .offer-countdown-digits { gap:16px; }
.offer-countdown--card .offer-countdown-number { min-width:25px; color:rgb(var(--ui-ink-rgb)); padding:3px 6px; border:1px solid rgb(var(--ui-accent-rgb) / .18); border-radius:5px; background:rgb(var(--ui-accent-rgb) / .04); font-size:21px; font-weight:450; line-height:26px; letter-spacing:-.3px; }
.offer-countdown--card .offer-countdown-unit + .offer-countdown-unit::before { left:-10px; color:rgb(var(--ui-muted-rgb) / .5); font-size:17px; line-height:34px; }
.offer-countdown--card .offer-countdown-unit-label { color:rgb(var(--ui-muted-rgb)); font-size:7px; line-height:9px; letter-spacing:.5px; }
@media(max-width:900px) {
  .public-offer-layout { gap:10px; }
  .public-offer-layout .public-offer-label { display:none; }
  .public-offer-layout .offer-countdown-label { display:none; }
}
@media(max-width:639px) {
  .public-offer-layout { min-height:18px; gap:12px; }
  .public-offer-ending { display:none; }
  .public-offer-claim { font-size:11px; }
  .offer-countdown--compact .offer-countdown-number { min-width:21px; font-size:11px; line-height:14px; }
  .offer-countdown--compact .offer-countdown-unit + .offer-countdown-unit::before { line-height:18px; }
  .promo-header-spacer { height:39px; }
}

@media(max-width:359px) { .public-offer-layout { gap:6px; } }