.announcement{--tone-bg:var(--primary-tint);--tone-border:var(--primary-tint-border);--tone-text:#1e3a8a;--tone-icon:var(--primary);padding:calc(10px + env(safe-area-inset-top)) var(--gutter) 10px;background:var(--tone-bg);border-bottom:1px solid var(--tone-border);color:var(--tone-text);align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;display:flex}.announcement--success{--tone-bg:#ecfdf5;--tone-border:#a7f3d0;--tone-text:#065f46;--tone-icon:#059669}.announcement--warning{--tone-bg:var(--warning-bg);--tone-border:#fde68a;--tone-text:var(--warning-text);--tone-icon:var(--warning)}.announcement-icon{color:var(--tone-icon);padding-top:1px}.announcement-text{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.announcement-link{color:inherit;text-underline-offset:2px;white-space:nowrap;align-items:center;gap:2px;margin-inline-start:6px;font-weight:700;text-decoration:underline;display:inline-flex}.announcement-link .icon{display:inline-block}.announcement-close{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin:-6px;margin-inline-start:0;padding:0;display:grid}.announcement-close:hover{background:#1118270f}