/* Output of the NONA Bricks dynamic tags (e.g. {nona_lines:tasks}). Matches the nt-checklist design class. */
.nona-checklist { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; row-gap: 12px; }
.nona-checklist li { position: relative; padding-left: 34px; font-size: 16px; line-height: 1.55; }
.nona-checklist li::before { content: ""; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; background-color: var(--zeegroen-500, #2a9d8f); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }