[data-clipper].svelte-64f21p {
		transform: translateX(1.25em);
	}
	.gradient-text.svelte-64f21p {
		position: relative;
		display: inline-block;
		color: inherit; /* Base text color */
		background: linear-gradient(
			to right,
			currentColor 50%,
			currentColor 0%,
			#ff6b6b 50%,
			#ff6b6b 60%,
			#4ecdc4 60%,
			#4ecdc4 70%,
			#45b7d1 70%,
			#45b7d1 80%,
			#96ceb4 80%,
			#96ceb4 90%,
			#ffeaa7 90%,
			#ffeaa7 100%
		);
		background-size: 200% 100%;
		background-position: 0% 0%;
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		transition: background-position 0.3s ease;
	}

	button.svelte-64f21p:hover {
		.gradient-text:where(.svelte-64f21p) {
			background-position: 100% 0%;
		}
		[data-clipper]:where(.svelte-64f21p) {
			transform: translateX(0em);
		}
	}

	.subscribe-card.svelte-1nb72z6 {
		box-shadow: 0 1em 0 var(--hue-5);
	}
	@keyframes svelte-1nb72z6-vibrate {
		/* burst 1: 0–33% (0s–1s) */
		0% {
			transform: translate(0, 0);
		}
		2% {
			transform: translate(-2px, 1px);
		}
		4% {
			transform: translate(2px, -1px);
		}
		6% {
			transform: translate(-1px, 2px);
		}
		8% {
			transform: translate(2px, 1px);
		}
		10% {
			transform: translate(-2px, -1px);
		}
		12% {
			transform: translate(1px, 2px);
		}
		14% {
			transform: translate(-2px, 1px);
		}
		16% {
			transform: translate(2px, -1px);
		}
		18% {
			transform: translate(-1px, 2px);
		}
		20% {
			transform: translate(2px, 1px);
		}
		22% {
			transform: translate(-2px, -1px);
		}
		24% {
			transform: translate(1px, 2px);
		}
		26% {
			transform: translate(-2px, 1px);
		}
		28% {
			transform: translate(2px, -1px);
		}
		30% {
			transform: translate(-1px, 2px);
		}
		32% {
			transform: translate(2px, 1px);
		}

		/* pause: 33%–66% */
		33% {
			transform: translate(0, 0);
		}
		66% {
			transform: translate(0, 0);
		}

		/* burst 2: 66–100% */
		68% {
			transform: translate(-2px, 1px);
		}
		70% {
			transform: translate(2px, -1px);
		}
		72% {
			transform: translate(-1px, 2px);
		}
		74% {
			transform: translate(2px, 1px);
		}
		76% {
			transform: translate(-2px, -1px);
		}
		78% {
			transform: translate(1px, 2px);
		}
		80% {
			transform: translate(-2px, 1px);
		}
		82% {
			transform: translate(2px, -1px);
		}
		84% {
			transform: translate(-1px, 2px);
		}
		86% {
			transform: translate(2px, 1px);
		}
		88% {
			transform: translate(-2px, -1px);
		}
		90% {
			transform: translate(1px, 2px);
		}
		92% {
			transform: translate(-2px, 1px);
		}
		94% {
			transform: translate(2px, -1px);
		}
		96% {
			transform: translate(-1px, 2px);
		}
		98% {
			transform: translate(2px, 1px);
		}
		100% {
			transform: translate(0, 0);
		}
	}

	.vibrating.svelte-1nb72z6 {
		animation: svelte-1nb72z6-vibrate 3s linear infinite;
	}

	.rainbow.svelte-1n1oowa {
		background: linear-gradient(to right, red, orange, yellow, green, rgb(93, 93, 242), violet);
		/* -webkit-background-clip: text; */
		/* background-clip: text; */
		/* -webkit-text-fill-color: transparent; */
		/* font-size: 2rem; */
		/* font-weight: bold; */
	}
	.fob.svelte-1n1oowa {
		top: calc(50% - 5em);
		left: 0;
		transform-origin: center;
		transform: rotate(-12deg);
		/* background-color: var(b); */
		box-shadow: 0 1em 0.1em red;
		/* background-color: #003c2b; */
		width: 100%;
		height: 10em;
		position: absolute;
		background-image: url('../../../techsup.jpg');
		background-size: 22vh;
		z-index: 0;
		/* opacity: 0.0512; */
		/* background-repeat: no-repeat; */
	}
	a.svelte-1n1oowa:hover,
	a.svelte-1n1oowa:focus {
		color: var(--color-wash-300);
	}
	svg:has(+ a:hover) {
		color: var(--color-wash-300);
	}
	dialog.svelte-1n1oowa {
		inset: 0;
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		opacity: 1;
		width: 90vw;
		height: 90dvh;
		transition: all 0.4s allow-discrete;
		background-color: #f0c2d4;
		backdrop-filter: blur(1em);
	}
	@starting-style {
		dialog[open].svelte-1n1oowa {
			opacity: 0;
			transform: translate(-50%, -25%);
		}
	}
	dialog.svelte-1n1oowa:not([open]) {
		opacity: 0;
		position: fixed;
		transform: translate(-50%, -150%);
	}

	nav.svelte-1n1oowa {
		height: inherit;
	}
	.modal.svelte-1n1oowa {
		height: inherit;
	}

	.modal.svelte-1n1oowa {
		/* gap: 16px; */

		display: flex;
		flex-direction: column;
	}

	dialog.svelte-1n1oowa::backdrop {
		background-color: #5b786d93;
		backdrop-filter: blur(0.5em);
	}

	header.svelte-o3hprx {
		transition: color 0.3s;
	}
	.lighten.svelte-o3hprx {
		color: var(--hue-1);
	}
	.darken.svelte-o3hprx {
		color: var(--hue-2);
	}
	.sidebar.svelte-o3hprx {
		color: var(--color-wash-200);
	}

	section.svelte-3kuonb {
		isolation: isolate;
		background-position: center;
		background-size: contain;
		background-blend-mode: lighten;
	}

	.kolbot.svelte-1r7caqn img:where(.svelte-1r7caqn) {
		transition: all 0.3s;
		transform: translateY(100%);
		opacity: 0;
	}
	.kolbot.show.svelte-1r7caqn img:where(.svelte-1r7caqn) {
		transform: translateY(0%);
		opacity: 1;
	}
	.koltop.svelte-1r7caqn svg:where(.svelte-1r7caqn) {
		transition: all 0.3s;
		transform: translateY(-100%);
		opacity: 0;
	}
	.koltop.svelte-1r7caqn {
		background-color: var(--black);
		opacity: 0;
	}
	[data-active='true'].svelte-1r7caqn .koltop:where(.svelte-1r7caqn) svg:where(.svelte-1r7caqn) {
		transform: translateY(0%);
		opacity: 1;
	}
	[data-active='true'].svelte-1r7caqn .koltop:where(.svelte-1r7caqn) {
		opacity: 1;
	}
	.chat.svelte-1r7caqn p:where(.svelte-1r7caqn) {
		background-color: whitesmoke;
		padding: 1em 2em;
		border-radius: 0.5em;
		box-shadow: 0 0 2em #ccc;
	}
	.chat.svelte-1r7caqn p:where(.svelte-1r7caqn):nth-child(odd) {
		color: #999;
		border-color: #777;
		align-self: flex-start;
		background-color: var(--black);
	}
	.chat.svelte-1r7caqn p:where(.svelte-1r7caqn):nth-child(even) {
		align-self: flex-end;
	}
	.element.svelte-1r7caqn {
		scroll-behavior: smooth;
		font-family: monospace;
		position: fixed;
		max-width: 768px;
		min-height: 100dvh;
		width: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		z-index: -1;
	}

	aside[data-active='true'].svelte-1r7caqn::before {
		transform: translateX(0%);
	}
	aside[data-active='true'].svelte-1r7caqn::after {
		transform: translateX(0%) rotate(5deg) scale(1.2);
	}

	.element.svelte-1r7caqn::before {
		transition: transform 0.2s ease-in;
		transform: translateX(-100%);
		content: '';
		position: fixed;
		overflow: hidden;
		inset: 0;
		height: 100%;
		width: 100%;
		background-color: whitesmoke;
		z-index: -1;
		border-color: #000;
		border-right: 0.25em solid;
		@media (min-width: 768px) {
			width: 768px;
		}
	}
	.element.svelte-1r7caqn::after {
		transition: transform 0.2s ease-in;
		content: '';
		position: fixed;
		overflow: hidden;
		inset: 0;
		width: 100%;
		height: 100%;
		background-image: url('../../../koleider-logo-mono.svg');
		background-repeat: repeat;
		background-position: center;
		background-size: 8em;
		transform: translateX(-100%) rotate(5deg) scale(1.2);
		opacity: 0.05;
		z-index: -1;
		@media (min-width: 768px) {
			width: 768px;
		}
	}

	.bg-secondary-wash.svelte-1uha8ag {
		/* background-color: #01372796; */
		p:where(.svelte-1uha8ag) {
			background-color: var(--hue-5);
		}
	}
	/* (empty) button[data-hover='Coming soon'] {
		&::before {
			transition: all 0.3s;
			position: absolute;
			content: 'Coming soon!';
			visibility: hidden;
			transform: translateY(-170%);
		}
	}*/
	/* (empty) button[data-hover='Coming soon']:hover {
		&::before {
			visibility: visible;
			transform: translateY(0%);
		}
		span {
			transform: translateY(150%);
		}
	}*/
	[data-action='close-chat'].svelte-1uha8ag {
		transition: all 0.125s ease-in;
		bottom: -2em;
		font-size: 2em;
		border-radius: 50%;
		padding: 0.25em;
		transform: translateX(-50%);
		left: 50%;
		opacity: 0;
		@media (min-width: 768px) {
			left: calc(768px / 2);
		}
	}

	[data-slam].svelte-1uha8ag {
		transform: translateX(-25%);
		transition: all 0.2s ease-out;
		opacity: 0;
	}
	[data-slam].show {
		opacity: 1;
		transform: translateX(0%);
	}
	[data-slam].svelte-1uha8ag > span:where(.svelte-1uha8ag) {
		display: inline-block;
		transition: all 0.2s ease-out;
		transition-delay: 0.6s;
		opacity: 0;
		transform: translateX(50%);
	}
	[data-slam].show > span {
		opacity: 1;
		transform: translateX(0%);
	}

	[data-effect].svelte-1uha8ag {
		overflow: hidden;
		& > span:where(.svelte-1uha8ag) {
			transition: all 0.2s ease-out;
		}
		span:where(.svelte-1uha8ag):nth-child(1) {
			transform: translateY(-100%);
		}
		span:where(.svelte-1uha8ag):nth-child(2) {
			transition-delay: 0.3s;
			transform: translateX(-100%);
		}
		span:where(.svelte-1uha8ag):nth-child(3) {
			transition-delay: 0.6s;
			transform: translateY(100%);
		}
	}
	[data-effect].show {
		& > span.svelte-1uha8ag {
			transform: translate(0, 0);
		}
	}

	.hero.show.svelte-1uha8ag {
		background-image: url('../../../techsup.jpg');
		opacity: 1;
		filter: blur(0);
		transform: rotate(0deg) scale(1);
	}
	.hero.svelte-1uha8ag {
		transition:
			opacity 0.3s ease 0s,
			filter 0.3s ease 0.2s,
			transform 0.3s ease 0.2s;
		transform: rotate(360deg) scale(0.25);
		transform-origin: center;
		opacity: 0;
		filter: blur(1em);
		max-height: 70dvh;
		aspect-ratio: 5/3;
		width: 100vw;
		background-repeat: no-repeat;
		@media (min-width: 768px) {
			aspect-ratio: 4/3;
		}
	}
	/* (unused) .rainbow {
		background: linear-gradient(to right, red, orange, yellow, green, rgb(93, 93, 242), violet);
		-webkit-background-clip: text;
		background-clip: text;
		-webkit-text-fill-color: transparent;
		/* font-size: 2rem; *\/
		/* font-weight: bold; *\/
	}*/

	main.svelte-1uha8ag {
		transition: transform 0.2s ease-in;
		overflow-x: hidden;
		position: relative;
		&::after {
			transition: transform 0.2s ease-in;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: var(--color-wash-200);
			inset: 0;
			transform: translateX(100%);
		}
	}