.row.svelte-123cv2k {
		display: flex;
		flex-direction: row;

		display: grid;
		grid-template-columns: 1.5fr 1fr;

		gap: 3rem;

		@media screen and (max-width: 800px) {
			grid-template-columns: 1fr;
		}
	}

	.dev-info.svelte-123cv2k {
		@media screen and (max-width: 800px) {
			align-items: center;
			justify-content: center;
		}
	}

	.column.svelte-123cv2k {
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		/* justify-content: center; */
		/* padding: 1rem; */
	}

	.action-buttons.svelte-123cv2k {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;

		@media screen and (max-width: 800px) {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
		}
	}

	.action-buttons.svelte-18l0ukf {
		display: flex;
		align-items: stretch;
		justify-content: start;
		gap: var(--gap-medium-related-blocks);
		width: 100%;

		@media screen and (max-width: 800px) {
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
	}

	.segment.svelte-btvsnx {
		display: flex;
		flex-direction: row;
		align-items: start;
		justify-content: start;
		gap: var(--gap-small-related-blocks);
		/* background: rgba(0, 0, 0, 0.2); */
		/* padding: 0.5em 1em; */
		width: 100%;

		/* max-width: 300px; */
		border-radius: 5px;
		@media screen and (max-width: 800px) {
			padding: 1rem 0rem;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
		}
	}
	.icon.svelte-btvsnx {
		width: 20px;
		height: 20px;
		object-fit: contain;
		/* margin-bottom: auto; */
	}

	.icon.svelte-btvsnx svg {
		width: 100%;
		height: 100%;
	}

	.icon.svelte-btvsnx [fill]:not([fill="none"]) {
		fill: var(--on-bg);
		stroke: none;
	}

	.icon.svelte-btvsnx [stroke]:not([stroke="none"]) {
		stroke: var(--on-bg);
		fill: none;
	}

	.feature-box.svelte-153c3nq {
		background: rgba(255, 255, 255, 0.05);
		padding: 2.5rem;
		width: 100%;
		height: 100%;
		border-radius: var(--surface-border-radius-half);

		display: flex;
		flex-direction: column;

		/* grid-template-columns: 1fr; */
		/* grid-template-rows: 1fr auto; */

		gap: var(--gap-spacious-grid);

		transition:
			opacity 0.3s,
			transform 0.3s;

		@media screen and (max-width: 800px) {
			align-items: center;
			justify-content: center;
			text-align: center;
		}

		cursor: default;
	}

	@media screen and (min-width: 800px) {
		.feature-box.svelte-153c3nq:not(.active) {
			opacity: 0.4;
			filter: grayscale(1);
		}
	}

	.footer.svelte-153c3nq,
	.info.svelte-153c3nq {
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-related-blocks);

		@media screen and (max-width: 800px) {
			align-items: center;
			justify-content: center;
			text-align: center;
		}
	}

	.title.svelte-153c3nq,
	.body.svelte-153c3nq {
		max-width: 300px;
	}

	.media.svelte-153c3nq {
		display: flex;
		justify-content: start;
		align-items: start;
		position: relative;

		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}

	.media.svelte-153c3nq video {
		width: 100%;

		transform: scale(1);
		transition:
			box-shadow 0.3s,
			transform 0.3s,
			opacity 0s;

		/* max-width: 400px; */
	}

	.media.svelte-153c3nq > * {
		border-radius: var(--surface-border-radius-quarter);
		grid-column: 1 / -1;
		grid-row: 1 / -1;
	}

	.active.svelte-153c3nq .media:where(.svelte-153c3nq) video {
		/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); */
		transform: scale(1.025);
	}

	.media[data-video-index="0"].svelte-153c3nq video:not(:nth-child(1)) {
		opacity: 0;
	}

	.media[data-video-index="1"].svelte-153c3nq video:not(:nth-child(2)) {
		opacity: 0;
	}

	.media[data-video-index="2"].svelte-153c3nq video:not(:nth-child(3)) {
		opacity: 0;
	}

	.wrap.svelte-f5b9hn {
		width: 100%;

		/* margin-top: auto; */
		display: flex;
		flex-direction: column;
		height: 100%;
		align-items: inherit;
		justify-content: inherit;
		text-align: inherit;
		gap: var(--gap-medium-related-blocks);
	}

	@keyframes svelte-f5b9hn-pulse {
		from {
			opacity: 1;
		}
		to {
			opacity: 0.2;
		}
	}

	.features-grid.svelte-aidpwt {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		align-items: center;
		justify-content: center;
		justify-items: center;
		max-width: min(1200px, calc(100% - 10px));

		margin: auto;

		gap: 1em;
		width: 100%;
		grid-column: 1 / -1;

		@media (max-width: 800px) {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
	}

	.features-grid.twos.svelte-aidpwt {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	}

	/* (unused) .features-grid.threes {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}*/

	.wrapper.svelte-idj4v9 {
		display: grid;
		/* grid-template-columns: 30% 70%; */
		align-items: center;
		justify-content: stretch;
		justify-items: stretch;

		/* top: 0; */
		max-width: 1500px;
	}

	.embla.svelte-idj4v9 {
		position: relative;
		overflow: hidden;
		border-radius: var(--surface-border-radius);
		max-width: calc(100% - 10px);
		display: flex;
		flex-direction: column;
		gap: 1rem;
		height: 100%;
	}
	.embla__container.svelte-idj4v9 {
		display: flex;
		gap: 10px;
		width: 100%;
		max-height: 95dvh;
		max-width: 700px;
		/* align-items: start; */

		height: 100%;

		/* max-height: 68vh; */

		@media screen and (min-width: 800px) {
			/* padding-left: 10%; */
		}
	}
	.embla__container.svelte-idj4v9 > * {
		flex: 0 0 80%;
		min-width: 0;
		height: auto;
		/* min-height: 100%; */

		overflow: scroll;
		overflow: scroll;

		@media screen and (max-width: 800px) {
			flex: 0 0 80%;
			flex: 0 0 80%;
		}
	}

	.embla.svelte-idj4v9:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, var(--bg-color) 0px, transparent 20px, transparent calc(90%), var(--bg-color) 100%);
		z-index: 100;
		pointer-events: none;
	}

	.indicator.svelte-idj4v9 {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0px;
	}
	.dot.svelte-idj4v9 {
		padding: 8px;
		width: 8px;
		height: 8px;
		border-radius: 100%;
		outline: 5px solid;
		outline-color: var(--surface-color-primary);
		outline-offset: -10px;

		cursor: pointer;
	}

	.dot.active.svelte-idj4v9 {
		opacity: 1;
		outline-color: white;
	}

	.pseudo-card.svelte-idj4v9 {
		display: flex;
		padding: 1rem;
		align-items: center;
		justify-content: center;
	}

	.parade-container.svelte-17mppjz {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		position: relative;
		width: 100%;
		padding: 1rem 0;

		cursor: default;
		gap: var(--gap-medium-unrelated-blocks);
		user-select: none;

		max-width: 100dvw;
		flex-wrap: wrap;
	}

	.parade-item.svelte-17mppjz {
		--accent: var(--on-surface);
		--duration: 2s;
		--easing: ease-in-out;
		position: relative;
		white-space: nowrap;
		background: var(--surface-color);
		padding: 10px 15px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--accent);

		border: 1px solid transparent;

		transition: background-color, color, border, scale;
		transition-duration: var(--duration);

		text-transform: uppercase;

		/* font-size: 2em; */
	}

	.parade-item.highlighted.svelte-17mppjz {
		/* background: var(--surface-color-primary); */
		color: var(--accent);
		border-color: var(--accent);
		--duration: 0.5s; /* scale: 1.05; */
	}

	.parade-item.svelte-17mppjz [fill]:not([fill="none"]) {
		fill: var(--accent);
		transition: fill var(--duration) var(--easing);
	}

	.parade-item.highlighted.svelte-17mppjz:nth-child(1n) {
		--accent: var(--fire-red);
	}

	.parade-item.highlighted.svelte-17mppjz:nth-child(6n) {
		--accent: var(--fire-orange);
	}
	.parade-item.highlighted.svelte-17mppjz:nth-child(3n) {
		--accent: var(--fire-yellow);
	}

	.parade-item.highlighted.svelte-17mppjz:nth-child(5n) {
		--accent: var(--sprite);
	}
	.parade-item.highlighted.svelte-17mppjz:nth-child(4n) {
		--accent: var(--gameboy-purple);
	}
	.parade-item.highlighted.svelte-17mppjz:nth-child(2n) {
		--accent: var(--gameboy-purple-alt);
	}

	.icon.svelte-17mppjz {
		display: inline-flex;
		width: 1em;
		height: 1em;
		margin-left: 0.5em;
	}

	.column.svelte-1n98vtk {
		@media screen and (max-width: 800px) {
			align-items: center;
			justify-content: center;
			text-align: center;
		}
	}

	@keyframes svelte-1n98vtk-fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	.school-of-motion-logo.svelte-1n98vtk {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--gap-medium-related-blocks);

		/* font-size: 0.7rem; */
	}
	.somIcon.svelte-1n98vtk {
		width: 30px;
	}

	.school-of-motion-info.svelte-1n98vtk {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: var(--gap-medium-unrelated-blocks);
		text-align: center;
		font-size: 1.1rem;
	}

	.link-icon.svelte-1n98vtk {
		width: 18px;
		display: inline-block;
		align-items: center;
		justify-content: center;
	}
	.link-icon.svelte-1n98vtk > svg {
		width: 100%;
		height: 100%;
	}

	.link-icon.svelte-1n98vtk [stroke] {
		stroke: var(--neon-green);
	}