
	.home_container.svelte-bfseyq {
		display: flex;
		flex-direction: column;
	}
	.row.svelte-bfseyq {
		display: flex;
		justify-content: top center;
		width: 100%;
	}
	.row-wrap.svelte-bfseyq {
		flex-wrap: wrap;
	}
	.overviewContainer.svelte-bfseyq {
		flex-basis: 50%;
		flex-grow: 1;
		padding: 24px 8%;
		text-align: center;
	}
	.overviewContainer.svelte-bfseyq h2:where(.svelte-bfseyq) {
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.overviewContainer.svelte-bfseyq .description:where(.svelte-bfseyq) {
		text-align: justify;
		padding: 24px 16%;
	}
	.login_container.svelte-bfseyq {
		flex-basis: 25%;
	}
	.previewContainer.svelte-bfseyq {
		padding: 24px 16%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		gap: 16px;
		overflow: hidden;
	}
	.previewContainer.svelte-bfseyq .videoPreview:where(.svelte-bfseyq) {
		width: 100%;
		border: 1px solid var(--fg-3);
		border-radius: 6px;
		overflow: hidden;
	}
	.previewContainer.svelte-bfseyq .videoPreview:where(.svelte-bfseyq) img:where(.svelte-bfseyq) {
		object-fit: contain;
		max-width: 100%;
		max-height: 100%;
	}
	.row-item.svelte-bfseyq {
		background-color: var(--bg-section);
		color: var(--fg-section);
		flex-basis: 25%;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: top center;
		width: 100%;
		padding: 1.5rem;
		gap: 16px;
		svg {
			display: inline-block;
			width: 4em;
			height: 4em;
			stroke: var(--fg-section);
			fill: var(--fg-section);
		}
	}
	.row-item.svelte-bfseyq .title:where(.svelte-bfseyq) {
		font-weight: bolder;
	}
