body > .announcement {
  position: sticky;
  z-index: 80;
  top: 0;
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  min-height: 33px;
  overflow: hidden;
}

body > .announcement .announcement-messages{display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;color:#fff;font-size:9px;font-weight:500;letter-spacing:.12em;text-align:center;text-transform:uppercase}
body > .announcement .announcement-messages i{color:rgba(255,255,255,.45);font-size:9px;font-style:normal}

body > #header {
  position: sticky;
  z-index: 79;
  top: 33px;
}

@media (max-width: 640px) {
  body > .announcement {
    justify-content: center;
    padding-right: 14px;
    padding-left: 14px;
    text-align: center;
  }

  body > .announcement .announcement-messages{position:relative;display:block;width:100%;height:14px;font-size:9px}
  body > .announcement .announcement-messages span{position:absolute;inset:0;display:grid;place-items:center;opacity:0;animation:announcementCycle 6s ease-in-out infinite}
  body > .announcement .announcement-messages span:last-child{animation-delay:3s}
  body > .announcement .announcement-messages i{display:none}
}

@keyframes announcementCycle{0%,42%{opacity:1;transform:translateY(0)}48%,94%{opacity:0;transform:translateY(-5px)}95%,100%{opacity:0;transform:translateY(5px)}}
@media(prefers-reduced-motion:reduce){body > .announcement .announcement-messages span:first-child{opacity:1;animation:none}body > .announcement .announcement-messages span:last-child{display:none;animation:none}}