.s-checklist {

	.checklist-has-x-small-font &{
		@include font(x-small);
	}

	list-style: none;
	margin-left: 0;

	li {
		@include flex();
		vertical-align: middle;
		margin-top: 5px;
		line-height: 1.45;
		color: palette(text, 300);

		&::before {
			content: '';
			background-image: url(/img/check/checked.svg);
			background-repeat: no-repeat;
			width: 12px;
			height: 12px;
			margin-right: 8px;
			transform: translateY(5px);
		}
	}
}