.announcement-bar{--_bg: #e8f1fa;--_text: #1a1a2e;--_border: #b3cde8;display:block;grid-column:1 / -1;width:100%;background-color:var(--_bg);border-bottom:1px solid var(--_border);color:var(--_text);box-sizing:border-box}.announcement-bar--promo{--_bg: #f06e0c;--_text: #1a1a2e;--_border: transparent}.announcement-bar--info{--_bg: #e8f1fa;--_text: #0f4d81;--_border: #b3cde8}.announcement-bar--warning{--_bg: #fef9e7;--_text: #6b4b00;--_border: #f5d87a}.announcement-bar--error{--_bg: #fdecea;--_text: #92192f;--_border: #f5b3bb}.announcement-bar--success{--_bg: #edfaee;--_text: #1e5c22;--_border: #a3d9a5}.announcement-bar__inner{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1400px;margin-inline:auto;padding-block:16px;padding-inline:48px;position:relative;box-sizing:border-box}.announcement-bar__message{margin:0;font-size:.9375rem;font-weight:500;text-align:center;line-height:1.5}.announcement-bar__link{color:var(--_text);font-weight:700;text-underline-offset:2px}.announcement-bar__link:hover{opacity:.8}.announcement-bar__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--_text);padding:4px;border-radius:4px;opacity:.7;transition:opacity .2s ease;flex-shrink:0;line-height:0}.announcement-bar__close svg{width:18px;height:18px;pointer-events:none}.announcement-bar__close:hover{opacity:1}.announcement-bar.is-hidden,.announcement-bar-dismissed .announcement-bar{display:none}