:root{--announcement-height: 36px}@media(max-width:768px){:root{--announcement-height: 32px}}.announcement-marquee{position:fixed;top:0;left:0;width:100%;height:var(--announcement-height);z-index:99999;color:var(--am-color, #fff);background:linear-gradient(90deg,var(--am-from, #9B3AA3) 0%,var(--am-to, #5A1F70) 100%);box-shadow:inset 0 -1px #ffffff24,0 4px 16px #3c145038;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--am-size, 13px);font-weight:500;letter-spacing:.02em;line-height:1;white-space:nowrap;overflow:hidden;-webkit-font-smoothing:antialiased}.announcement-marquee *,.announcement-marquee *:before,.announcement-marquee *:after{box-sizing:border-box}.am__viewport{height:100%;overflow:hidden;contain:paint;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}.am__track{display:flex;width:max-content;height:100%;animation:am-scroll var(--am-duration, 40s) linear infinite;will-change:transform;backface-visibility:hidden}.am__group,.am__set,.am__block{display:flex;align-items:center;height:100%;flex:none}.am__item{padding:0 16px;color:inherit;text-decoration:none}a.am__item{transition:opacity .25s ease}a.am__item:hover,a.am__item:focus-visible{opacity:.8;text-decoration:underline;text-underline-offset:3px}a.am__item:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:4px}.am__sep{flex:none;width:5px;height:5px;margin:0 4px;background:currentColor;opacity:.55;border-radius:1px;transform:rotate(45deg);display:none}@keyframes am-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(hover:hover){.announcement-marquee:hover .am__track{animation-play-state:paused}}@media(max-width:768px){.announcement-marquee{font-size:min(var(--am-size, 13px),12px)}.am__item{padding:0 12px}.am__viewport{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}}@media(prefers-reduced-motion:reduce){.am__track{animation:none}.am__group+.am__group,.am__set+.am__set{display:none}.am__viewport{overflow-x:auto;scrollbar-width:none}.am__viewport::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/announcement-marquee.css.map */