.halloween-announcement-bar{position:relative;z-index:2;display:block;height:var(--hab-height-desktop);overflow:hidden;color:#fff;background:#02021f}.halloween-announcement-bar__viewport,.halloween-announcement-bar__track,.halloween-announcement-bar__slide{height:100%}.halloween-announcement-bar__track{position:relative}.halloween-announcement-bar__slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;color:var(--hab-text);background:var(--hab-background);transform:translateY(100%);transition:transform .5s cubic-bezier(.22,1,.36,1),visibility .5s}.halloween-announcement-bar__slide.is-active{z-index:1;visibility:visible;transform:translateY(0)}.halloween-announcement-bar__slide.is-leaving{visibility:visible;transform:translateY(-100%)}.halloween-announcement-bar__background{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;pointer-events:none}.halloween-announcement-bar__background-link{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer}.halloween-announcement-bar__background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.halloween-announcement-bar__inner{position:relative;z-index:1;display:grid;align-items:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding-inline:3.1rem;pointer-events:none}@media(min-width:1600px){.halloween-announcement-bar__inner{padding-inline:7.3rem}}@media(max-width:1140px){.halloween-announcement-bar__inner{padding-inline:2.2rem}}.halloween-announcement-bar__copy{position:relative;z-index:2;display:flex;grid-column:1;flex-direction:column;justify-content:center;line-height:1.15;align-items:flex-start}.halloween-announcement-bar__heading,.halloween-announcement-bar__offer{margin:0;color:inherit;font-size:18px}.halloween-announcement-bar__heading{color:var(--hab-accent);font-family:Replica Pro,sans-serif;font-weight:400}.halloween-announcement-bar__heading--bold{font-family:Replica,sans-serif;font-weight:700}.halloween-announcement-bar__offer{font-weight:700}.halloween-announcement-bar__offer strong{color:var(--hab-accent);font-weight:800}.halloween-announcement-bar__button{position:relative;z-index:2;isolation:isolate;grid-column:3;justify-self:end;overflow:hidden;min-width:98px;padding:9px 18px;border-radius:8px;color:var(--hab-button-text);background:var(--hab-button-background);font-size:13px;font-weight:600;line-height:1;text-align:center;text-decoration:none;pointer-events:auto;transition:color .5s cubic-bezier(.25,.74,.22,.99)}.halloween-announcement-bar__button:before{content:"";position:absolute;top:100%;left:50%;z-index:-1;width:100%;height:0;padding-top:100%;border-radius:50% 50% 0 0;background:var(--hab-text);transform:translate(-50%);transition:all .5s cubic-bezier(.25,.74,.22,.99) 50ms,border-radius .5s cubic-bezier(.25,.74,.22,.99) .22s}.halloween-announcement-bar__button-text{position:relative;color:transparent;text-shadow:0 0 0 var(--hab-button-text),0 3rem 0 transparent;transition:text-shadow .5s cubic-bezier(.25,.74,.22,.99)}.halloween-announcement-bar__button:is(:hover,:focus-visible):before{top:0;width:101%;height:101%;padding-top:0;border-radius:0}.halloween-announcement-bar__button:is(:hover,:focus-visible) .halloween-announcement-bar__button-text{text-shadow:0 -3rem 0 transparent,0 0 0 var(--hab-button-text)}.halloween-announcement-bar__button:focus-visible{outline:2px solid var(--hab-text);outline-offset:2px}@media(max-width:749px){.halloween-announcement-bar{height:var(--hab-height-mobile)}.halloween-announcement-bar__inner{grid-template-columns:1fr auto;gap:12px}.halloween-announcement-bar__heading,.halloween-announcement-bar__offer{font-size:13px}.halloween-announcement-bar__button{grid-column:2;min-width:0;padding:8px 12px;border-radius:6px;font-size:12px}}@media(prefers-reduced-motion:reduce){.halloween-announcement-bar__slide,.halloween-announcement-bar__button,.halloween-announcement-bar__button:before,.halloween-announcement-bar__button-text{transition:none}}@media(max-width:550px){.halloween-announcement-bar__offer{max-width:150px;text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/section-halloween-announcement-bar.css.map */