:root[data-density="compact"] .note-card {
  margin-bottom: 10px;
  padding: 12px 12px 10px;
}

:root[data-density="compact"] .note-card__title {
  margin-bottom: 6px;
  font-size: 14px;
}

:root[data-density="compact"] .note-card__body {
  font-size: 13px;
}

:root[data-density="compact"] .note-card__footer {
  margin-top: 8px;
}

:root[data-density="compact"] .masonry {
  column-gap: 10px;
}