.announcement-banner{border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast),background-color var(--transition-fast);--banner-color:currentColor;flex-direction:column;display:flex;overflow:hidden}.announcement-banner--semantic{padding:var(--spacing-sm)var(--spacing-xl)}.announcement-banner--info{--banner-color:var(--status-info);background-color:var(--status-info-bg);border-color:var(--banner-color)}.announcement-banner--info-solid{--banner-color:var(--status-info);background-color:var(--status-info-bg-light);border-color:var(--banner-color)}.announcement-banner--warning{--banner-color:var(--status-warning);background-color:var(--status-warning-bg-light);border-color:var(--banner-color)}.announcement-banner--warning-solid{--banner-color:var(--status-warning);background-color:var(--status-warning-bg);border-color:var(--banner-color)}.announcement-banner--success{--banner-color:var(--status-success);background-color:var(--status-success-bg);border-color:var(--banner-color)}.announcement-banner--success-solid{--banner-color:var(--status-success);background-color:var(--status-success-bg-200);border-color:var(--banner-color)}.announcement-banner--error{--banner-color:var(--status-error);background-color:var(--status-error-bg-light);border-color:var(--banner-color)}.announcement-banner--error-solid{--banner-color:var(--status-error);background-color:var(--status-error-bg);border-color:var(--banner-color)}.announcement-banner--primary{--banner-color:var(--status-primary);background-color:var(--status-primary-bg);border-color:var(--banner-color)}.announcement-banner--secondary{--banner-color:var(--status-secondary);background-color:var(--status-secondary-bg);border-color:var(--banner-color)}.announcement-banner--accent{--banner-color:var(--status-accent);background-color:var(--status-accent-bg-100);border-color:var(--banner-color)}.announcement-banner--accent-solid{--banner-color:var(--status-accent);background-color:var(--status-accent-bg);border-color:var(--banner-color)}.announcement-banner__body{justify-content:space-between;align-items:flex-start}.announcement-banner__content{align-items:flex-start;gap:var(--spacing-xs);min-width:0}.announcement-banner__icon-wrapper{background-color:color-mix(in srgb,var(--banner-color)10%,transparent);width:2rem;height:2rem;color:var(--banner-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.announcement-banner__text{gap:.125rem;min-width:0}.announcement-banner__title{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);color:var(--banner-color);white-space:normal}.announcement-banner__description{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);color:var(--color-text-secondary)}.announcement-banner__description a,.announcement-banner__description .announcement-banner__link{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:inherit;font-family:inherit;line-height:inherit;background:0 0;border:none;padding:0;text-decoration:none}.announcement-banner__description a:hover,.announcement-banner__description .announcement-banner__link:hover{text-decoration:underline}.announcement-banner__close{width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:var(--spacing-md);padding:0;display:inline-flex}.announcement-banner__close:hover{opacity:var(--opacity-hover)}.announcement-banner__close:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}@media (min-width:768px){.announcement-banner__body,.announcement-banner__content{align-items:center}.announcement-banner__title{white-space:nowrap}}@media (min-width:768px) and (max-width:1023px){.announcement-banner--warning .announcement-banner__content,.announcement-banner--warning-solid .announcement-banner__content{gap:var(--spacing-md)}}