.announcement-banner{--announcement-surface: color-mix( in oklch, var(--primary) 3%, var(--background) );position:relative;border-bottom:1px solid color-mix(in oklch,var(--primary) 20%,transparent);background:var(--announcement-surface);color:var(--foreground);font-size:14px;line-height:1.5}.announcement-banner__inner{min-height:54px;padding:10px 60px}.announcement-banner__message{display:flex;align-items:center;justify-content:center;gap:20px;max-width:1200px;margin-inline:auto}.announcement-banner__ticket{position:relative;flex-shrink:0;max-width:240px;padding:6px 18px;color:var(--primary);font-size:13px;font-weight:600;overflow-wrap:anywhere}.announcement-banner__ticket svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;opacity:.7;pointer-events:none}.announcement-banner__content{min-width:0;max-width:660px;white-space:pre-line;overflow-wrap:anywhere}.announcement-banner__link{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:8px;max-width:240px;min-height:36px;margin-left:12px;padding:7px 18px;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-size:13px;font-weight:600;overflow-wrap:anywhere;transition:background-color .15s ease}.announcement-banner__link:before{position:absolute;top:calc(50% - 8px);left:-17px;width:1px;height:16px;background:color-mix(in oklch,var(--primary) 25%,transparent);content:""}.announcement-banner__link:hover{background:color-mix(in oklch,var(--primary) 88%,var(--foreground))}.announcement-banner__dismiss{position:absolute;top:7px;right:12px;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;cursor:pointer}.announcement-banner__dismiss:hover{background:color-mix(in oklch,var(--primary) 8%,transparent)}.announcement-banner :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:767px){.announcement-banner__inner{padding:12px 56px 14px 16px}.announcement-banner__message{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.announcement-banner__ticket{grid-column:1;grid-row:1;justify-self:start;max-width:100%;padding-inline:14px}.announcement-banner__content{grid-column:1 / -1;grid-row:2;font-size:13px;line-height:1.7}.announcement-banner__link{grid-column:2;grid-row:1;max-width:136px;min-height:40px;margin-left:0;padding-inline:14px}.announcement-banner__link:before{display:none}.announcement-banner__dismiss{top:12px;right:6px}}@media(prefers-reduced-motion:reduce){.announcement-banner__link{transition:none}}