.announcement-bar{background-color:var(--color-black);color:var(--color-white);overflow:hidden;position:relative;z-index:var(--z-sticky);border-bottom:1px solid rgba(255,255,255,.1)}.announcement-bar.color-dark{background-color:var(--color-black);color:var(--color-white)}.announcement-bar.color-light{background-color:var(--color-white);color:var(--color-black)}.announcement-bar.color-accent{background-color:var(--color-purple);color:var(--color-white)}.announcement-bar__wrapper{display:flex;align-items:center;width:100%;position:relative}.announcement-bar__fixed{position:absolute;left:70px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:1rem;z-index:10;background:inherit;padding:0 2rem 0 0;pointer-events:none}.announcement-bar__fixed-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.announcement-bar__fixed-text{font-weight:600;letter-spacing:.05em;white-space:nowrap}.announcement-bar__marquee{width:100%;overflow:hidden;padding-left:200px}.marquee{position:relative;width:100%;overflow:hidden}.marquee__content{display:flex;animation:marqueeScroll 40s linear infinite;will-change:transform}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee__item{display:flex;align-items:center;gap:1rem;padding:0 2rem;white-space:nowrap;flex-shrink:0}.marquee__icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.marquee__text{font-weight:500;letter-spacing:.05em}.announcement-bar__static{display:flex;justify-content:center;align-items:center;gap:3rem;padding:0 2rem}.announcement-bar__item{display:flex;align-items:center;gap:.8rem}.announcement-bar__icon{width:24px;height:24px;object-fit:contain}.marquee:hover .marquee__content{animation-play-state:paused}@media screen and (max-width: 989px){.announcement-bar__fixed{left:1.5rem}.announcement-bar__marquee{padding-left:120px}.announcement-bar__fixed-icon{width:24px;height:24px}}@media screen and (max-width: 749px){.announcement-bar__static{flex-wrap:wrap;gap:1.5rem}.announcement-bar__fixed{left:1rem}.announcement-bar__marquee{padding-left:100px}.announcement-bar__fixed-icon{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/announcement-bar.css.map */