<commit_before>.list-search {
	@extend .list;
	width: 100%;
	padding: 0 20px;
	clear: both;

	.list__item {
        @include grid(
            (breakpoint: $smallBreakpoint, property: 'min-width', columns: '1/2'),
            (breakpoint: $mediumBreakpoint, property: 'min-width', columns: '1/2')
        );
    }
}

.list-carousel {
	margin: 0;

    a:hover {
        text-decoration: none;
    }

    small {
        margin-bottom: 1rem;
        display: block;
        color: $grey;
    }

	.list__item {
		width: 100%;
		max-width: 400px;

        @include mq(min-width, $smallBreakpoint) {
            margin: 0 15px;
        }
	}

	.list__item__content {
        padding: 2rem;
        border-right: 1px solid $mediumgrey;
    }

	.list__item__image {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
		overflow: hidden;

        @include mq(min-width, $smallBreakpoint) {
            height: 230px;
        }
	}

    .slick-list {
        overflow: visible;
    }
}

.list__item--beeldenzoeker {
	@extend .list__item;
	overflow: visible;
	transition: transform 0.3s, box-shadow 0.5s;

    &:active {
    	.list__item__image {
    		position: relative;

	    	&:before {
	    		content: '';
	    		background: rgba($white, 0.5);
	    		position: absolute;
	    		top: 0px;
	    		left: 0px;
	    		right: 0px;
	    		bottom: 0px;
	    		z-index: 10;
				pointer-events: none;
	    	}
    	}
    }

	img {
		filter: none;
        height: 100%;
        object-fit: cover;
	}

	.list__item__image {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 200px;
		overflow: hidden;

		&.no-image {
			min-height: 200px;
			background: #f7f7f7;
			background-position: center center;
            background-repeat: no-repeat;
			background-image: url('/lib/images/adlib-image-fallback.svg');<commit_msg>Add support query for object fit, fallback for ie11<commit_after>.list-search {
	@extend .list;
	width: 100%;
	padding: 0 20px;
	clear: both;

	.list__item {
        @include grid(
            (breakpoint: $smallBreakpoint, property: 'min-width', columns: '1/2'),
            (breakpoint: $mediumBreakpoint, property: 'min-width', columns: '1/2')
        );
    }
}

.list-carousel {
	margin: 0;

    a:hover {
        text-decoration: none;
    }

    small {
        margin-bottom: 1rem;
        display: block;
        color: $grey;
    }

	.list__item {
		width: 100%;
		max-width: 400px;

        @include mq(min-width, $smallBreakpoint) {
            margin: 0 15px;
        }
	}

	.list__item__content {
        padding: 2rem;
        border-right: 1px solid $mediumgrey;
    }

	.list__item__image {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
		overflow: hidden;

        @include mq(min-width, $smallBreakpoint) {
            height: 230px;
        }
	}

    .slick-list {
        overflow: visible;
    }
}

.list__item--beeldenzoeker {
	@extend .list__item;
	overflow: visible;
	transition: transform 0.3s, box-shadow 0.5s;

    &:active {
    	.list__item__image {
    		position: relative;

	    	&:before {
	    		content: '';
	    		background: rgba($white, 0.5);
	    		position: absolute;
	    		top: 0px;
	    		left: 0px;
	    		right: 0px;
	    		bottom: 0px;
	    		z-index: 10;
				pointer-events: none;
	    	}
    	}
    }

	img {
		filter: none;
        width: auto;
        height: 100%;

        @supports (object-fit: cover) {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }
	}

	.list__item__image {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 200px;
		overflow: hidden;

		&.no-image {
			min-height: 200px;
			background: #f7f7f7;
			background-position: center center;
            background-repeat: no-repeat;
			background-image: url('/lib/images/adlib-image-fallback.svg');
{'fraction_non_alphanumeric': 0.12871287128712872, 'fraction_numerical': 0.028941355674028942, 'mean_word_length': 2.0307692307692307, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '135447', 'n_tokens_mistral': 1587, 'n_tokens_neox': 1382, 'n_words': 295}