.section-course-browser.svelte-b0hmen {
		position: relative;
		width: 100%;
		margin-bottom: var(--s120);
	}

	.container.svelte-b0hmen {
		position: relative;
		width: var(--container-width);
		margin: 0 auto;
	}

	.title.svelte-b0hmen {
		color: var(--color-white);
		margin-bottom: var(--s24);

		margin-top: 80px;

		height: 0;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	@media (max-width: 1000px) {
		.title.svelte-b0hmen {
			margin-top: 154px;
		}
	}

	@media (max-width: 500px) {
		.title.svelte-b0hmen {
			margin-top: 140px;
		}
	}

	.content.svelte-b0hmen {
		display: grid;
		grid-template-columns: calc(2 * var(--column) + var(--gutter)) 1fr;
		column-gap: var(--gutter);
		align-items: start;
	}

	@media (max-width: 1000px) {
		.content.svelte-b0hmen {
			grid-template-columns: 1fr;
		}
	}

	.filters.svelte-b0hmen {
		position: sticky;
		top: var(--scroll-padding-top);

		display: flex;
		flex-direction: column;
		row-gap: var(--s24);
	}

	@media (max-width: 1000px) {
		.filters.svelte-b0hmen {
			position: relative;
			top: 0;

			margin-bottom: var(--s40);
		}
	}

	.search.svelte-b0hmen {
		padding: var(--s24);

		--color-background: var(--color-blue);
		--color-text: var(--color-white);

		background-color: var(--color-background);
		color: var(--color-text);

		border-radius: var(--border-radius);
	}

	.courses.svelte-b0hmen {
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.thumbnails.svelte-b0hmen {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: var(--s24);
		row-gap: var(--s24);
	}

	@media (max-width: 1000px) {
		.thumbnails.svelte-b0hmen {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	@media (max-width: 500px) {
		.thumbnails.svelte-b0hmen {
			grid-template-columns: 1fr;
		}
	}

	.pagination.svelte-b0hmen {
		margin-top: auto;
		padding-top: var(--s80);
		align-self: flex-end;
	}

	@media (max-width: 1000px) {
		.pagination.svelte-b0hmen {
			align-self: center;
		}
	}