.section--announcements-bar{margin:0}.announcements-bar__spacer{height:6.4rem}.announcements-bar{position:fixed;bottom:0;left:0;right:0;z-index:4;display:flex;align-items:stretch;min-height:6.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 -1px rgba(var(--color-foreground),.12),0 -4px 16px #0000001f}.announcements-bar__link{display:flex;align-items:center;gap:1.2rem;flex:1 1 auto;min-width:0;padding:1.2rem 1.6rem;color:inherit;text-decoration:none}.announcements-bar__link:hover .announcements-bar__cta,.announcements-bar__link:focus-visible .announcements-bar__cta{text-decoration:underline}.announcements-bar__icon{flex:0 0 auto;width:3.2rem;height:3.2rem;object-fit:contain}.announcements-bar__label{flex:0 0 auto;font-size:1.2rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;padding:.4rem .8rem;border:1px solid currentColor;border-radius:.2rem;opacity:.85}.announcements-bar__headline{flex:1 1 auto;min-width:0;font-size:1.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcements-bar__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;font-weight:600}.announcements-bar__arrow{width:1.4rem;height:1rem}.announcements-bar__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:4.8rem;padding:0;background:none;border:0;border-left:1px solid rgba(var(--color-foreground),.15);color:inherit;cursor:pointer}.announcements-bar__close svg{width:1.4rem;height:1.4rem}.announcements-bar__close:hover{background-color:rgba(var(--color-foreground),.08)}@media screen and (max-width:749px){.announcements-bar__spacer{height:5.6rem}.announcements-bar{min-height:5.6rem}.announcements-bar__link{gap:.8rem;padding:.8rem 1.2rem}.announcements-bar__label,.announcements-bar__icon{display:none}.announcements-bar__headline{font-size:1.3rem}.announcements-bar__cta{font-size:0;gap:0}.announcements-bar__arrow{width:1.6rem;height:1.2rem}.announcements-bar__close{width:4rem}}@media(prefers-reduced-motion:no-preference){.announcements-bar{animation:announcements-bar-in .35s ease-out both}@keyframes announcements-bar-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-announcements-bar.css.map */