.sale-bar{display:block;background-color:var(--sb-bg);color:var(--sb-text);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.sale-bar.is-shown{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}@media(prefers-reduced-motion:reduce){.sale-bar,.sale-bar.is-shown{transition:none}}.sale-announcement-bar-section{position:sticky;top:0}.sale-announcement-bar-section:has(.sale-bar[data-bar-mode=scroll]){height:0}.sale-bar[data-bar-mode=scroll]{position:absolute;top:0;left:0;right:0}.section-header.shopify-section-header-sticky:not(.shopify-section-header-hidden){top:var(--sale-bar-offset, 0px)}.sale-bar__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1.2rem;padding-top:.7rem;padding-bottom:.7rem;text-align:center}.sale-bar__message{margin:0;font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;line-height:1.3;color:inherit}.sale-bar__live{display:flex;align-items:center}.sale-bar__timer{display:flex;gap:.7rem;margin:0}.sale-bar__timer:not([data-ready]){visibility:hidden}.sale-bar__unit{display:inline-flex;align-items:baseline;gap:.2rem;color:var(--sb-accent);font-family:var(--font-body-family);font-weight:700;font-variant-numeric:lining-nums tabular-nums}.sale-bar__digits{display:inline-block;font-family:var(--font-body-family);font-size:1.8rem;font-weight:800;line-height:1.1;backface-visibility:hidden}.sale-bar__unit-label{font-size:1.3rem;font-weight:700}.sale-bar__ended{margin:0;font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;color:var(--sb-accent)}.sale-bar.is-ended .sale-bar__timer{display:none}.sale-bar__link{display:inline-flex;align-items:center;min-height:3.2rem;padding:0 1.6rem;border-radius:10rem;background-color:var(--sb-text);color:var(--sb-bg);font-size:1.3rem;font-weight:700;text-decoration:none;white-space:nowrap}.sale-bar__link:hover{filter:brightness(.92)}.sale-bar__link:focus-visible{outline:.2rem solid var(--sb-text);outline-offset:.2rem}.sale-bar__editor-note{margin:0;padding:.4rem .8rem;background:#fff3cd;color:#5a4300;font-size:1.2rem}@media screen and (min-width:750px){.sale-bar__inner{gap:.6rem 2.4rem}.sale-bar__message{font-size:1.5rem}.sale-bar__digits{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-sale-announcement-bar.css.map */
