.s-checklist {
	list-style: none;
	margin-left: 0;

	li {
		@include flex;
		vertical-align: middle;
		margin-top: 5px;
		line-height: 1.45;
		//font-weight: 600;
		font-size: 1rem;

		strong {
			font-weight: 600;
		}

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

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

		li {
			margin-top: 3px;

			&::before {
				transform: translateY(5px);
			}
		}
	}
}