.snapshot-notice { padding: var(--spacing-2); gap: var(--spacing-2); border-width: 1px; border-radius: var(--rounding-normal); justify-content: space-between; }
.snapshot-notice .snapshot-notice__text { display: flex; flex-direction: column; gap: var(--spacing-1); min-width: 0; }
.snapshot-notice .snapshot-notice__line { display: flex; align-items: start; gap: var(--spacing-1); }
.snapshot-notice .snapshot-notice__line .icon-mask { margin-block-start: 2px; }
.snapshot-notice .snapshot-notice__message { overflow-wrap: anywhere; }
.snapshot-notice .snapshot-notice__date { color: var(--muted); }
.snapshot-notice .snapshot-notice__actions { display: flex; align-items: center; gap: var(--spacing-2); flex-wrap: wrap; }
.snapshot-notice .snapshot-notice__actions a { color: var(--text); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.snapshot-notice .snapshot-notice__actions .button { flex: none; white-space: normal; }
@media (max-width: 719px) {
  .snapshot-notice { flex-direction: column; }
  .snapshot-notice .snapshot-notice__actions { align-self: flex-start; }
}
@media (forced-colors: active) {
  .snapshot-notice { color: CanvasText; border-color: CanvasText; background: Canvas; }
}