.has-announcement body{padding-top:40px}
.announcement-bar{position:fixed;top:83px;left:0;right:0;z-index:29;height:40px;overflow:hidden;background:linear-gradient(90deg,#9e3f1d 0%,#d96c3b 48%,#e5aa67 100%);border-bottom:1px solid rgba(247,230,207,.22);box-shadow:0 10px 28px rgba(0,0,0,.22);color:#100805}
.announcement-message{position:absolute;top:0;left:50%;height:40px;display:inline-flex;align-items:center;gap:12px;padding:0 18px;color:#100805;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;animation:announcement-pass 10s linear infinite!important;will-change:transform}
.announcement-message:before,.announcement-message:after{content:"";width:28px;height:1px;background:currentColor;opacity:.58}
.announcement-message:hover{text-decoration:underline;text-underline-offset:4px}
.announcement-message:focus-visible{outline:2px solid #100805;outline-offset:-4px;border-radius:4px}
.announcement-bar:hover .announcement-message,.announcement-message:focus-visible{animation-play-state:paused!important}
@keyframes announcement-pass{0%{transform:translateX(calc(50vw + 24px))}100%{transform:translateX(calc(-50vw - 100% - 24px))}}
@media(max-width:850px){.has-announcement body{padding-top:36px}.announcement-bar{top:70px;height:36px}.announcement-message{height:36px;padding:0 12px;font-size:10px;gap:9px;letter-spacing:.14em}.announcement-message:before,.announcement-message:after{width:18px}}
