.checkbox-list {
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: repeat(var(--columns), auto);

	&.fixed {
		grid-template-columns: repeat(var(--columns), 1fr);
	}

	&.vertical {
		grid-template-rows: repeat(var(--rows), 1fr);
		grid-auto-flow: column;
	}

	li {
		padding: 0 2px;
		margin: 0 -2px;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 24px;
	}
}
