/* Scoped CSS: never alters other HubSpot modules or the active theme. */
.hs-countdown {
  --ct-size:64px;
  --ct-gap:14px;
  --ct-radius:2px;
  --ct-title-size:22px;
  --ct-padding:18px;
  --ct-bg:#fff;
  --ct-tile:#2b2b2b;
  --ct-digit:#f4f4f4;
  --ct-title:#212121;
  --ct-label:#303030;
  --ct-accent:#7f1d42;
  --ct-cell:var(--ct-size);
  background:var(--ct-bg);
  color:var(--ct-label);
  padding:var(--ct-padding);
  box-sizing:border-box;
  max-width:100%;
  font-family:inherit;
  text-align:center;
  container-type:inline-size;
}
.hs-countdown *, .hs-countdown *::before, .hs-countdown *::after {box-sizing:border-box}
.hs-countdown--left {text-align:left}
.hs-countdown--right {text-align:right}
.hs-countdown__heading {
  font-family:inherit;
  color:var(--ct-title);
  font-size:clamp(16px, var(--ct-title-size), 48px);
  font-weight:700;
  line-height:1.25;
  margin:0 0 clamp(14px, 2.4vw, 28px);
  padding:0;
}
.hs-countdown__units {
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-start;
  justify-content:center;
  gap:clamp(4px, 1.25vw, var(--ct-gap));
  width:100%;
  max-width:100%;
}
.hs-countdown--left .hs-countdown__units {justify-content:flex-start}
.hs-countdown--right .hs-countdown__units {justify-content:flex-end}
.hs-countdown__unit {min-width:0; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:8px;}
.hs-countdown__digits {display:flex; flex-wrap:nowrap; gap:clamp(1px, .45vw, 5px)}
.hs-countdown__digit {
  position:relative;
  display:grid;
  place-items:center;
  width:var(--ct-cell);
  height:calc(var(--ct-cell) * 1.22);
  flex:0 0 var(--ct-cell);
  background:var(--ct-tile);
  color:var(--ct-digit);
  border-radius:var(--ct-radius);
  font-family:inherit;
  font-variant-numeric:tabular-nums lining-nums;
  font-weight:750;
  line-height:1;
  font-size:calc(var(--ct-cell) * .80);
  letter-spacing:-.04em;
  overflow:hidden;
  box-shadow:0 2px 3px rgba(0,0,0,.09);
  transform-origin:center center;
}
.hs-countdown--font-mono .hs-countdown__digit {font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}
.hs-countdown--flip .hs-countdown__digit {background:linear-gradient(180deg, color-mix(in srgb, var(--ct-tile) 95%, white) 0% 49.5%, var(--ct-tile) 50% 100%)}
.hs-countdown--flip .hs-countdown__digit::after {
  content:"";
  position:absolute;
  left:0;right:0;top:50%;height:1px;
  background:rgba(0,0,0,.26);
  box-shadow:0 1px 0 rgba(255,255,255,.08);
  pointer-events:none;
}
.hs-countdown--solid .hs-countdown__digit {border-radius:clamp(5px, var(--ct-radius), 18px)}
.hs-countdown--outline .hs-countdown__digit {
  background:transparent;
  color:var(--ct-title);
  border:2px solid var(--ct-accent);
  box-shadow:none;
}
.hs-countdown__digit.is-changing {animation:hs-countdown-flip .38s ease-out both}
@keyframes hs-countdown-flip {
  0% {transform:perspective(320px) rotateX(-27deg);filter:brightness(1.2)}
  62% {transform:perspective(320px) rotateX(5deg)}
  100% {transform:perspective(320px) rotateX(0deg);filter:brightness(1)}
}
.hs-countdown__separator {
  color:var(--ct-accent);
  font-weight:750;
  font-size:calc(var(--ct-cell) * .65);
  line-height:calc(var(--ct-cell) * 1.22);
  flex:0 0 auto;
  text-align:center;
  padding:0 1px;
}
.hs-countdown__label {
  color:var(--ct-label);
  font-family:inherit;
  font-size:clamp(10px, calc(var(--ct-cell) * .22), 16px);
  line-height:1.35;
  font-weight:500;
  overflow-wrap:anywhere;
}
.hs-countdown__completed {color:var(--ct-title);font-weight:700;font-size:clamp(16px,2vw,24px);margin:14px 0 0}
.hs-countdown__missing {color:var(--ct-accent);font-size:14px;margin:12px 0 0}
.hs-countdown__completed[hidden],.hs-countdown__missing[hidden],.hs-countdown__units[hidden]{display:none!important}
.hs-countdown__sr-only {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Container queries respond to narrow page columns, not only the device viewport. */
@container (max-width:700px) {
  .hs-countdown__units {--ct-cell:min(var(--ct-size), 9.2cqw); gap:clamp(3px, 1.2cqw, var(--ct-gap))}
  .hs-countdown__digits {gap:clamp(1px,.3cqw,3px)}
  .hs-countdown__separator {padding:0}
}
@container (max-width:420px) {
  .hs-countdown__units {--ct-cell:min(var(--ct-size), 9.0cqw);gap:clamp(2px, 1cqw, 6px)}
  .hs-countdown__label {font-size:clamp(9px, 2.6cqw, 12px)}
  .hs-countdown__unit {gap:5px}
  .hs-countdown__heading {font-size:clamp(16px, var(--ct-title-size), 28px)}
}
/* Fallback for browsers without CSS container queries. */
@supports not (container-type:inline-size) {
  @media (max-width:700px){
    .hs-countdown__units {--ct-cell:min(var(--ct-size), 8.3vw);gap:clamp(2px, 1vw, 8px)}
  }
}
@media (prefers-reduced-motion:reduce){.hs-countdown__digit.is-changing{animation:none}}