.ui-announcement{--ui-announcement-bg:var(--ui-color-fill-secondary);--ui-announcement-fg:var(--ui-color-text);--ui-announcement-border:var(--ui-color-border-secondary);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--ui-space-lg);width:100%;padding:var(--ui-space-sm) var(--ui-space-lg);border:1px solid var(--ui-announcement-border);border-radius:var(--ui-radius-md);background:var(--ui-announcement-bg);color:var(--ui-announcement-fg);font:400 var(--ui-font-size-base)/var(--ui-line-height-base) var(--ui-font-family)}.ui-announcement[data-tone="info"]{--ui-announcement-bg:var(--ui-color-primary-bg);--ui-announcement-fg:var(--ui-color-primary-text);--ui-announcement-border:#91caff}.ui-announcement[data-tone="success"]{--ui-announcement-bg:var(--ui-color-success-bg);--ui-announcement-fg:var(--ui-color-success-text);--ui-announcement-border:#b7eb8f}.ui-announcement[data-tone="warning"]{--ui-announcement-bg:var(--ui-color-warning-bg);--ui-announcement-fg:var(--ui-color-warning-text);--ui-announcement-border:#ffe58f}.ui-announcement__content{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-md);min-width:0}.ui-announcement__action{color:inherit;font-weight:700;white-space:nowrap}.ui-announcement__close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:inherit;font-size:20px;cursor:pointer}.ui-announcement[data-closable="no"] .ui-announcement__close{display:none}.ui-announcement__close:hover{background:rgba(0,0,0,.06)}.ui-announcement__close:focus-visible{outline:var(--ui-focus-width) solid currentColor;outline-offset:var(--ui-focus-offset)}.ui-announcement.is-closing{opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}@media(max-width:600px){.ui-announcement{align-items:flex-start;justify-content:space-between}.ui-announcement__content{align-items:flex-start;flex-direction:column;gap:2px}}@media(prefers-reduced-motion:reduce){.ui-announcement.is-closing{transition:none}}.ui-announcement .ui-lucide{display:block;width:1em;height:1em}