.layout-content-with-card.svelte-1jhxrz1 {
		width: 100%;

		display: grid;
		align-items: start;
		grid-template-columns: calc(5 * var(--column) + 4 * var(--gutter)) 1fr;
		column-gap: var(--gutter);
		row-gap: var(--s80);
	}

	.layout-content-with-card.no-cards.svelte-1jhxrz1 {
		grid-template-columns: 1fr;
	}

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

	@media (max-width: 500px) {
		.layout-content-with-card.svelte-1jhxrz1 {
			row-gap: var(--s24);
		}
	}

	.cards.svelte-1jhxrz1 {
		position: sticky;
		top: var(--scroll-padding-top);
		padding-left: var(--column);

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

	@media (max-width: 1000px) {
		.cards.svelte-1jhxrz1 {
			position: relative;
			top: auto;
			padding-left: 0;
		}
	}