.reminder-sync-notice {
  margin: 14px 0 0;
  padding: 10px 13px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #f4f8f6;
  color: var(--muted);
}

.reminder-sync-notice.success {
  border-color: #b8e4c8;
  background: #ecfaf2;
  color: #086a4d;
}

.reminder-sync-notice.warning {
  border-color: #efd2a5;
  background: #fff8e8;
  color: #8a5316;
}

.reminder-sync-notice.error {
  border-color: #f0b9b9;
  background: #fff1f1;
  color: #9d2929;
}