/* Shared timeline center includes the node's white border. */
#fall-sale .sale-timeline{--timeline-node-center:9px;--timeline-card-offset:36px;padding-top:var(--timeline-card-offset)}
#fall-sale .sale-timeline::before{top:calc(var(--timeline-node-center) - 1px)}
#fall-sale .sale-phase::before{box-sizing:border-box;width:20px;height:20px;top:calc(var(--timeline-node-center) - var(--timeline-card-offset) - 10px);left:50%;transform:translateX(-50%)}
@media(max-width:600px){
  #fall-sale .sale-timeline{--timeline-node-center:16px}
  #fall-sale .sale-phase::after{top:calc(var(--timeline-node-center) - var(--timeline-card-offset) - 1px)}
}
/* Match the homepage navigation CTA, independently of campaign colors. */
body.fall-page .site-nav a.menu-item-highlighted{background-color:#54f2f2;color:#000}
body.fall-page .site-nav a.menu-item-highlighted:hover{background-color:#0b0e17;color:#fff}
/* Figma 28250:29328 / 28250:29383: one consistent type size across the offer. */
#fall-sale .sale-hero-halloween #sale-title{font-size:calc(62px * var(--discount-scale,1));font-weight:700;line-height:1.184516;letter-spacing:-.04387em}
#fall-sale #sale-title .sale-discount-lead,
#fall-sale #sale-title .sale-discount-number,
#fall-sale #sale-title .sale-discount-suffix{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:normal;line-height:inherit;letter-spacing:inherit;padding-right:0}
@media(max-width:700px){
  #fall-sale .sale-hero-halloween #sale-title{font-size:calc(35px * var(--discount-scale,1));line-height:1.2093;letter-spacing:-.04479em}
}