.announcement-bar{background:linear-gradient(135deg,#a42325,#000)!important;background-size:800% 800%;animation:gradientShift 8s ease infinite;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.announcement-bar:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 4s ease-in-out infinite;pointer-events:none}@keyframes shine{0%{left:-100%}20%,to{left:150%}}.announcement-bar:after{content:"\2728";position:absolute;top:50%;left:10%;transform:translateY(-50%);font-size:1.2rem;animation:sparkle 2s ease-in-out infinite;opacity:0}@keyframes sparkle{0%,to{opacity:0;transform:translateY(-50%) scale(.5)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}.announcement-bar__text{font-weight:700!important;text-transform:uppercase;letter-spacing:.12em;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.25);position:relative;z-index:1;animation:textGlow 3s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 2px 6px rgba(0,0,0,.25)}50%{text-shadow:0 2px 12px rgba(255,255,255,.4),0 2px 6px rgba(0,0,0,.25)}}.announcement-bar:hover{animation-play-state:paused}.announcement-bar:hover .announcement-bar__text{transform:scale(1.05);transition:transform .3s ease}@media screen and (max-width: 749px){.announcement-bar__text{font-size:.8rem!important;letter-spacing:.08em}.announcement-bar:after{font-size:1rem;left:5%}}@media (prefers-reduced-motion: reduce){.announcement-bar,.announcement-bar:before,.announcement-bar:after,.announcement-bar__text{animation:none!important}.announcement-bar{background:#4ecdc4}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/announcement-banner.css.map */