.announcement-banner{z-index:51;background:var(--info-soft);border-block-end:1px solid var(--hairline);flex-direction:column;display:flex;position:sticky;inset-block-start:0}.announcement-banner__item{align-items:flex-start;gap:var(--space-3);max-inline-size:var(--container-wide);inline-size:100%;padding-block:var(--space-3);padding-inline:var(--space-5);box-sizing:border-box;margin-inline:auto;display:flex}.announcement-banner__item+.announcement-banner__item{border-block-start:1px solid color-mix(in oklab, var(--on-info-soft) 14%, transparent)}.announcement-banner__icon{block-size:1.25rem;inline-size:1.25rem;color:var(--info);flex:none;margin-block-start:.15rem}.announcement-banner__content{gap:var(--space-1);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.announcement-banner__title{font:600 var(--text-sm) / 1.4 var(--font-label);color:var(--on-info-soft);margin:0}.announcement-banner__body{font:400 var(--text-sm) / 1.55 var(--font-body);color:var(--on-info-soft);overflow-wrap:break-word;margin:0}.announcement-banner__error{margin:var(--space-1) 0 0;font:500 var(--text-xs) / 1.4 var(--font-label);color:var(--danger)}.announcement-banner__dismiss{inline-size:var(--tap-target);block-size:var(--tap-target);border-radius:var(--radius-sm);color:var(--on-info-soft);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-block-start:calc(-1 * var(--space-2));margin-inline-end:calc(-1 * var(--space-2));padding:0;display:flex}.announcement-banner__dismiss:hover{background:color-mix(in oklab, var(--on-info-soft) 10%, transparent)}.announcement-banner__dismiss:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.announcement-banner__dismiss:disabled{opacity:.5;cursor:default}.announcement-banner__dismiss-icon{block-size:1.1rem;inline-size:1.1rem}@media (prefers-reduced-motion:reduce){.announcement-banner__dismiss{transition:none}}