.announcement-bar{position:fixed;top:0;left:0;right:0;z-index:30;background:#000000;overflow:hidden;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.announcement-bar.hidden{transform:translateY(-100%) translateZ(0)}.announcement-content{display:flex;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.announcement-content,.announcement-link{justify-content:center;align-items:center}.announcement-link{display:inline-flex;gap:.75rem;color:rgba(255,255,255,.9);text-decoration:none;transition:all .2s ease;padding:.25rem 1rem;border-radius:.375rem;height:24px}.announcement-link:hover{color:#ffffff;background:rgba(255,255,255,.05)}.announcement-icon{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);transition:all .2s ease;height:16px;width:16px;flex-shrink:0}.announcement-link:hover .announcement-icon{color:#ffffff;transform:scale(1.1)}.announcement-text{font-size:.875rem;font-weight:500;letter-spacing:.025em;white-space:nowrap;text-align:center;line-height:1;display:flex;align-items:center}@media screen and (max-width:768px){.announcement-bar{padding:.5rem 0}.announcement-content{padding:0 .5rem}.announcement-text{font-size:.75rem;white-space:nowrap;text-align:center;line-height:1}.announcement-link{padding:.25rem .5rem;gap:.4rem;justify-content:center;width:auto;margin:0 auto;height:20px}.announcement-icon{order:-1;margin-right:.2rem;height:13px;width:13px}}@media screen and (max-width:480px){.announcement-bar{padding:.45rem 0}.announcement-text{font-size:.7rem}.announcement-icon{height:12px;width:12px}}