.wui.wui-announcements {
  padding: 0;
  place-items: stretch;
}

.wui.wui-announcements .wui-modal__panel {
  margin-inline-start: auto;
  inline-size: min(100%, 480px);
  max-block-size: 100vh;
  block-size: 100%;
  border-radius: 0;
}

.wui .wui-announcement {
  position: relative;
  padding: var(--wui-space-4);
  margin-block: var(--wui-space-3);
  border: 1px solid var(--wui-color-border);
  border-inline-start: 4px solid var(--wui-color-primary);
  border-radius: var(--wui-radius-md);
  overflow-wrap: anywhere;
}

.wui .wui-announcement h3 {
  margin-block: var(--wui-space-2);
}

.wui .wui-announcement time {
  display: block;
  margin-block: var(--wui-space-3);
  color: var(--wui-color-muted);
}

.wui .wui-announcement__description img {
  max-inline-size: 100%;
  block-size: auto;
}

.wui .wui-announcement--warning {
  border-inline-start-color: var(--wui-color-warning);
}

.wui .wui-announcement--danger, .wui .wui-announcement--error {
  border-inline-start-color: var(--wui-color-danger);
}

.wui .wui-announcement--success {
  border-inline-start-color: var(--wui-color-success);
}

.wui [data-wui-announcement-tab][aria-selected=true] {
  box-shadow: inset 0 -2px var(--wui-color-primary);
}

.wui [data-wui-announcement-list][hidden], .wui [data-wui-announcement-count][hidden] {
  display: none;
}

.wui.wui-announcements [role=tablist] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wui-space-2);
}