.strip.svelte-5oijps {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex: 2;
		position: relative;
		gap: 1px;
	}

	.left.svelte-5oijps {
		width: 30%;
		position: absolute;
		height: 100%;
		display: flex;
		justify-content: flex-end;
		background-color: rgba(0, 0, 0, 0.1);
	}

	.right.svelte-5oijps {
		width: 70%;
		right: 0;
		position: absolute;
		height: 100%;
		display: flex;
		justify-content: flex-start;
		background-color: rgba(255, 255, 255, 0.05);
	}

	.layer.svelte-5oijps {
		position: absolute;
		height: 100%;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		border-radius: 0em;
		border-radius: 2px;
	}

	.svelte-1asmwof {
		position: relative;
	}

	.app.svelte-1asmwof {
		--panel-color: #232323;
		--panel-color-dark: #161616;
		--panel-color-bright: #2b2b2b;
		--panel-color-brighter: #a8a8a8;
		--accent-color: #3482e1;

		display: grid;
		grid-template-columns: 0.5fr 1fr 1fr 0.6fr;
		grid-template-rows: 0.15fr auto auto 1fr 1fr;

		background: var(--panel-color-dark);
		align-items: stretch;
		justify-content: stretch;

		gap: 1px;
		padding: 1px;
		width: 100%;
		height: 100%;
	}

	.app.isinview.svelte-1asmwof {
		animation:
			svelte-1asmwof-appShake 0.1s ease-in-out 1.4s,
			svelte-1asmwof-appScaleOvershoot 0.5s ease-in-out 1.4s,
			svelte-1asmwof-appColorChange 2s ease-in-out 1.4s;
	}

	.panel.svelte-1asmwof {
		display: flex;
		background-color: var(--panel-color);
		align-items: center;
		justify-content: center;
	}

	.toolsbar.svelte-1asmwof {
		grid-column: 1 / 5;
		grid-row: 1;
		display: flex;
		justify-content: flex-start;
	}

	.viewer.svelte-1asmwof {
		grid-column: 2 / 4;
		grid-row: 2 / 5;
	}

	video.svelte-1asmwof {
		position: absolute;
		--p: 1px;
		top: var(--p);
		left: var(--p);
		width: calc(100% - 2 * var(--p));
		height: calc(100% - 2 * var(--p));
		object-fit: cover;
	}

	/* (unused) .button {
		/* height: 100%; *\/
		padding: 1%;
		margin-left: 5px;
		background-color: var(--panel-color-dark);
		box-shadow: inset 0 0 0 2px var(--panel-color-dark);
	}*/

	.active.svelte-1asmwof {
		box-shadow: inset 0 0 0 1px var(--accent-color);
		border-radius: 0;
	}

	.toolimg.svelte-1asmwof {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		outline: 1px solid var(--accent-color);
		z-index: 10;
	}

	.project.svelte-1asmwof {
		grid-column: 1 / 2;
		grid-row: 2 / 5;
		display: flex;
		flex-direction: column;
		gap: 1px;
		align-items: stretch;
		justify-content: stretch;
		background-color: var(--panel-color-dark);
		/* padding-top: 30%; */
		/* padding-bottom: 10%; */
	}

	.projectItem.svelte-1asmwof {
		width: 100%;
		flex: 2;

		background-color: var(--panel-color);
	}

	.timeline.svelte-1asmwof {
		grid-column: 1 / 5;
		grid-row: 5 / 6;
		align-items: stretch;
		justify-content: stretch;
		display: flex;
		flex-direction: column;
		gap: 1px;
	}

	.toolimg.svelte-1asmwof {
		width: 100%;
		/* height: 100%; */
		height: auto;
		object-fit: scale-down;
		background-color: var(--panel-color);
		overflow: hidden;
		z-index: 1;
		transform: scale(3) translate(0%, 0%);
		box-shadow: 0 0px 30px 10px var(--accent-color);
		transform-origin: center;
	}

	.toolimg.isinview.svelte-1asmwof {
		animation:
			animateScleUp 1s,
			svelte-1asmwof-animateToolIn 0.6s cubic-bezier(0.73, -0.01, 0.83, 0.67) 0.3s forwards;
		animation-delay: 0.8s;
	}

	@keyframes svelte-1asmwof-animateToolIn {
		0% {
			/* opacity: 0; */
		}
		100% {
			transform: scale(1);
			opacity: 1;
			box-shadow: 0 0px 30px 10px transparent;
		}
	}

	/* shake hard in both axis and slowly settle */
	@keyframes svelte-1asmwof-appShake {
		0% {
			transform: translate(0, 0);
		}
		10% {
			transform: translate(-1px, 0);
		}
		20% {
			transform: translate(-1px, 1px);
		}
		30% {
			transform: translate(2px, -1px);
		}
		40% {
			transform: translate(0, 2px);
		}
		50% {
			transform: translate(-2px, 0);
		}
		60% {
			transform: translate(-1.4px, 1.2px);
		}
		70% {
			transform: translate(2px, -0.6px);
		}
		80% {
			transform: translate(0.1px, 2px);
		}
		90% {
			transform: translate(-2px, 0);
		}
		100% {
			transform: translate(0, 0);
		}
	}

	@keyframes svelte-1asmwof-appScaleOvershoot {
		0% {
			scale: 1;
		}
		1% {
			scale: 0.93;
		}
		40% {
			scale: 1.02;
		}

		100% {
			scale: 1;
		}
	}

	@keyframes svelte-1asmwof-appColorChange {
		0% {
			background-color: var(--accent-color);
			box-shadow: 0px 0px 30px 10px var(--accent-color);
		}

		100% {
			background-color: var(--panel-color);
			box-shadow: 0px 0px 30px 10px transparent;
		}
	}

	.wrap.svelte-1w6iqp0 {
		--nx: 0;
		--ny: 0;
		position: relative;
		transform: skewY(calc(calc(var(--nx) * 1deg - 0.5deg) * 8)) scaleY(calc(calc(var(--ny) * 100%) * 0.05 + 95%)) translateY(calc(var(--ny) * 10%)) translateX(calc(var(--nx) * -5%));
	}

	.wrap.svelte-1w6iqp0:not(.animated) {
		@media screen and (max-width: 800px) {
			transform: skewY(calc(calc(var(--viewportness) * 1deg - 0.5deg) * 8)) scaleY(calc(calc(var(--viewportness) * 100%) * 0.05 + 95%)) translateY(calc(var(--viewportness) * -10% + 10%));
		}
	}

	.macbookPro.svelte-1w6iqp0 {
		width: 100%;
	}

	.screen.svelte-1w6iqp0 {
		position: absolute;
		top: 1.6%;
		left: 8.7%;
		width: 82.5%;
		height: 91%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		margin: 0;
		border-radius: 1%;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;

		/* background-color: rgb(206, 59, 255); */
		/* background-color: var(--primary-color); */
		/* background-color: rgb(19, 237, 106); */
		/* background-color: coral; */
		/* overflow: hidden; */
		transition: opacity 0.8s 0.1s ease-out;
	}

	.screen.svelte-1w6iqp0:not(.inView) {
		opacity: 0.25;
		transition: 0s;
	}

	.screen.svelte-1w6iqp0:before {
		content: "";
		position: absolute;
		/* top: 0; */

		width: 80%;
		height: 50%;
		background: black;
		top: calc(var(--ny) * -35% + 90%);
		left: 50%;
		transform: translateX(-50%);
		z-index: -100;
		filter: blur(30px);
		opacity: 0.8;
	}

	.cropped.svelte-1w6iqp0 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		overflow: hidden;
	}

	.reflection.svelte-1w6iqp0 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: repeating-linear-gradient(-45deg, white calc(var(--nx) * 50% - 20%), transparent calc(var(--nx) * 50% + 0%), white calc(var(--nx) * 50% + 75%));
		z-index: 100;
		pointer-events: none;
		/* transform: translateX(calc(var(--nx) * 200% - 100%)); */
		opacity: calc(var(--ny) * -0.25 + 0.2);

		@media screen and (max-width: 800px) {
			background: repeating-linear-gradient(-45deg, white calc(var(--viewportness) * 100% - 20%), transparent calc(var(--viewportness) * 100% + 0%), white calc(var(--viewportness) * 100% + 75%));
			opacity: 0.1;
		}
	}

	.ae.svelte-okin7y {
		box-shadow:
			0 25px 20px -15px rgba(0, 0, 0, 0.5),
			0 20px 40px rgba(0, 0, 0, 0.6);
		z-index: 100;

		height: 80%;
		width: 80%;
	}

	.bg.svelte-okin7y {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 1;
		filter: hue-rotate(230deg) brightness(0.7) contrast(1.6);
		border-radius: inherit;
		overflow: hidden;
	}

	.phrase.svelte-1uwhoi0 {
		z-index: 100;
	}

	.column.svelte-1uwhoi0 {
		gap: var(--gap-medium-unrelated-blocks);
		align-items: center;
	}

	.wrapper.svelte-19qev6h {
		position: fixed;
		bottom: 0;
		left: 0;
		rotate: 0deg;
		z-index: 99999999;
		margin: 30px;
		cursor: default;

		@media screen and (max-width: 800px) {
			margin: 10px;
		}
		/* transition: all 0.3s cubic-bezier(0.17, 0.67, 0, 1); */
	}
	.cover-text.svelte-19qev6h {
		position: relative;
	}

	.mini.svelte-19qev6h,
	.maxi.svelte-19qev6h {
		background: var(--surface-color);
		border-radius: var(--surface-border-radius);
	}

	.mini.svelte-19qev6h {
		position: absolute;
		left: 0;
		bottom: 0;

		z-index: 0;

		background: var(--surface-color);
		border-radius: var(--surface-border-radius-half);

		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		gap: var(--gap-medium-related-blocks);
		padding: 15px 20px;

		white-space: none;
		text-wrap: nowrap;
	}

	.maxi.svelte-19qev6h {
		background: var(--surface-color-primary);
		z-index: 2;
		align-items: start;
		justify-content: start;
		text-align: start;
		padding: 30px 40px;
		max-width: 850dvw;
		overflow: auto;

		display: flex;
	}

	.icon.svelte-19qev6h {
		display: flex;
		width: 15px;
		height: 15px;
	}

	.icon.svelte-19qev6h svg {
		width: 100%;
		height: 100%;
	}
	.icon.svelte-19qev6h [stroke] {
		stroke: var(--neon-blue-alt);
		animation: svelte-19qev6h-flamefill 2.5s infinite ease-in;
	}

	@keyframes svelte-19qev6h-flamefill {
		0% {
			stroke: var(--neon-blue);
		}
		50% {
			stroke: var(--neon-blue-alt);
		}
		100% {
			stroke: var(--neon-blue);
		}
	}

	@keyframes svelte-19qev6h-anim {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0.9;
		}
	}

	.pricesGrid.svelte-x4uepu {
		--gridWallsColor: rgb(72, 72, 79);
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		width: calc(100%-2px);

		box-sizing: content-box;
		flex-direction: row;
		align-items: stretch;
		justify-content: stretch;
		border-radius: 5px;
		border: 2px solid var(--gridWallsColor);
		box-sizing: content-box;
	}
	.priceButton.svelte-x4uepu {
		padding: 0.35em 0.5em;
		outline: 1px solid var(--gridWallsColor);
		width: auto;
		min-height: fit-content;
		display: flex;
		align-items: center;
		justify-content: center;
		/* flex: 10%; */
		cursor: pointer;
		transition: all 0.1s ease-out;
		color: rgba(255, 255, 255, 0.3);
	}

	.priceButton.svelte-x4uepu:hover {
		background-color: rgba(255, 255, 255, 0.05);
		transition: all 0.05s ease-out;
	}

	.priceButton.active.svelte-x4uepu {
		background-color: rgb(0, 0, 0);
		color: white;
	}

	/* .tray.collapsed {
		max-height: 0;
	} */

	.card.svelte-111v37z {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 3.5rem 2rem;
		gap: var(--gap-medium-related-blocks);
		border-radius: var(--surface-border-radius);
		background: var(--surface-color);
		box-shadow: 0 0 30px 0px var(--bg-color);
		flex: 1;
		overflow: visible;
		/* min-height: 200px; */
		/* width: auto; */

		--green: #76ffb5;
		--green-alt: #22e26f;
		--blue: #61d7fd;
		--blue-alt: #0047ff;
	}

	.track.svelte-111v37z {
		width: 100%;
		background: var(--surface-color-primary);
		height: 20px;
		border-radius: 200px;
	}

	.progress.svelte-111v37z {
		width: 50%;
		background: var(--bg-color);
		height: 100%;
		border-radius: 200px;
	}

	.progress.green.svelte-111v37z {
		background: -webkit-linear-gradient(125deg, var(--green), var(--green-alt));
	}

	.progress.blue.svelte-111v37z {
		background: -webkit-linear-gradient(125deg, var(--blue), var(--blue-alt));
	}

	h1.svelte-111v37z {
		font-size: 2.5rem;
		@media screen and (max-width: 800px) {
			font-size: 1.8rem;
		}
	}

	.card-icon.svelte-111v37z {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.column.svelte-111v37z {
		gap: var(--gap-medium-related-blocks);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.blue-text.svelte-111v37z {
		color: #61d7fd;
		background: -webkit-linear-gradient(125deg, var(--blue), var(--blue-alt));
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.green-text.svelte-111v37z {
		color: #76ffb5;
		background: -webkit-linear-gradient(125deg, var(--green), var(--green-alt));
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.wrapper.svelte-g3pk0v {
		/* align-items: center; */
		/* justify-content: center; */
		flex-wrap: nowrap;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;

		@media screen and (max-width: 800px) {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
		}
	}
	/* (unused) .cards {
		display: flex;
		flex-direction: row;
		/* flex-grow: 2; *\/
		gap: 1em;
	}*/
	.smolLettersWrap.svelte-g3pk0v {
		max-width: 400px;
	}

	span.svelte-os41oj {
		display: inline-block;
		animation: svelte-os41oj-float 1s infinite steps(3, end);
	}

	span.svelte-os41oj:nth-child(2) {
		animation-delay: 0.2s;
	}

	span.svelte-os41oj:nth-child(3) {
		animation-delay: 0.4s;
	}

	@keyframes svelte-os41oj-float {
		0% {
			transform: translateY(0px);
		}

		50% {
			transform: translateY(-5px);
		}

		100% {
			transform: translateY(0px);
		}
	}

	/* this div is a grid that adjusts the number of columns to the number of children, with a max of 3 columns. Children stretch to fill the grid, which stretches to fill the parnet container */

	div.svelte-119d6lo {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		width: 100%;
		grid-gap: 1em;

		max-width: 100%;
		/* align-items: stretch; */
		/* justify-items: center; */
	}

	@media only screen and (max-width: 800px) {
		/* (unused) .pageWrap {
			width: 100%;
			gap: 1em;
			padding: 0;

			/* on mobile we add some padding between the hero and the content *\/
			margin-top: 3rem;
		}*/
	}

	section.svelte-1hm0av6:empty {
		display: none;
	}

	/* (unused) .corner-cta {
		@media screen and (min-width: 800px) {
			display: none;
		}
	}*/