.marquee-text{width:calc(100% - 32px);max-width:1280px;margin:8px auto;padding:0;box-sizing:border-box;background:#fff;border:1px solid #d8bf78;box-shadow:0 3px 12px #0000002e;border-radius:7px;height:auto;display:flex;align-items:center;line-height:20px;overflow:hidden;position:relative}.announcement-label{display:inline-flex;align-items:center;align-self:stretch;flex-shrink:0;gap:6px;padding:5px 12px;background:linear-gradient(135deg,#fff0b6,#e2bd57);border-right:1px solid #d8bf78;color:#49330b;font-size:11px;line-height:20px}.announcement-viewport{flex:1;min-width:0;overflow:hidden;margin:0 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 10px,#000 calc(100% - 14px),transparent)}.announcement-viewport:focus-visible{outline:2px solid #a77b13;outline-offset:-2px}.marquee-text .marquee-content{height:auto;line-height:20px;font-size:12px;white-space:nowrap;color:#282014;text-shadow:none;letter-spacing:.3px;z-index:1;font-weight:600;font-family:Poppins,sans-serif;width:-moz-max-content;width:max-content;padding-left:24px;animation:announcement-scroll 45s linear infinite;margin-top:0}.marquee-text:hover .marquee-content,.marquee-text:focus-within .marquee-content{animation-play-state:paused}@media (max-width: 480px){.announcement-label{padding:4px 8px;gap:4px}.announcement-viewport{margin:0 6px}.marquee-text .marquee-content{font-size:11px}}@media (prefers-reduced-motion: reduce){.announcement-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marquee-text .marquee-content{animation:none;padding-left:0}}@keyframes announcement-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}