.chin.svelte-b7fnb4 {
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-related-blocks);
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.board.svelte-b7fnb4 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
		gap: var(--gap-medium-related-blocks);
		/* width: 100%; */
		height: fit-content;
		max-width: 800px;
		align-items: center;
		align-items: stretch;
		justify-content: center;

		justify-items: center;

		@media screen and (max-width: 800px) {
			grid-template-columns: 1fr;
			align-items: center;
			justify-items: stretch;
		}
	}
	.info.svelte-b7fnb4 {
		display: flex;
		flex-direction: column;

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

		margin-bottom: auto;
		align-items: center;
		justify-content: end;

		text-align: center;
		height: 100%;
	}

	.em.svelte-b7fnb4 {
		color: var(--primary-color);
	}

	.group.svelte-b7fnb4 {
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-related-blocks);

		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.group.description.svelte-b7fnb4 {
		max-width: 300px;
	}

	.card.svelte-b7fnb4:not(.primary) .info:where(.svelte-b7fnb4) .group:where(.svelte-b7fnb4) :where(.svelte-b7fnb4) {
		color: var(--on-surface);
	}

	.card.svelte-b7fnb4:not(.primary) [stroke]:not([stroke="none"]) {
		stroke: var(--on-surface);
	}

	/* (unused) .perks {
		display: flex;
		flex-direction: column;
		align-items: start;
		text-align: left;
		font-size: 0.85rem;
		/* max-width: 200px; *\/
		gap: var(--gap-medium-related-blocks);
	}*/

	.group.price.svelte-b7fnb4 {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;

		margin-top: auto;
		gap: var(--gap-medium-related-blocks);
	}

	@keyframes svelte-b7fnb4-float-pos {
		0% {
			transform: translateY(3px);
		}
		50% {
			transform: translateY(-3px);
		}
		100% {
			transform: translateY(3px);
		}
	}

	@keyframes svelte-b7fnb4-float-rotate {
		0% {
			rotate: 0deg;
		}

		50% {
			rotate: 2deg;
		}

		100% {
			rotate: 0deg;
		}
	}

	.card.svelte-b7fnb4 {
		position: relative;
		background: var(--surface-color);

		padding: 3rem;
		border-radius: var(--surface-border-radius);
		border-radius: 1rem;
		cursor: pointer;
		align-items: space;
		justify-content: space-between;
		text-align: center;

		transition: box-shadow 2s cubic-bezier(0, 0.5, 0, 1.5);
	}

	.card.primary.svelte-b7fnb4 {
		/* background: var(--bg-color-darker); */
		/* background: linear-gradient(to bottom, var(--surface-color-primary) 20%, var(--primary-color) 800%); */
		/* transition: box-shadow 0.2s cubic-bezier(0, 0.01, 0.01, 0.98); */
		transition: box-shadow 0.05s ease-out;
		box-shadow: inset 0 0 0 2px var(--primary-color);
	}

	/* (empty) .card.primary:hover {
		/* box-shadow: 0 0px 50px -20px var(--primary-color); *\/
	}*/

	.icons.svelte-b7fnb4 {
		display: flex;
		flex-direction: row;
		/* gap: var(--gap-small-related-blocks); */
		padding: 0px 0px;
		align-items: center;
	}

	.icons.svelte-b7fnb4 :where(.svelte-b7fnb4) {
		width: 20px;
		height: 20px;
		object-fit: contain;
	}

	.svg-icon.svelte-b7fnb4 svg {
		width: 100%;
		height: 100%;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		justify-items: center;
		/* width: 18px; */
		/* height: 18px; */
		/* padding: 2px; */
	}
	.svg-icon.svelte-b7fnb4[fill]:not([fill="none"]) {
		fill: var(--on-bg);
	}
	.svg-icon.svelte-b7fnb4 [stroke]:not([stroke="none"]) {
		stroke: var(--primary-color);
		stroke: var(--on-surface);
		stroke: var(--on-bg-emphasis);
	}

	/* (empty) .primary :global([stroke]:not([stroke="none"])) {
		/* stroke: var(--primary-color); *\/
	}*/

	/* (empty) .primary :global(.variant-name) {
		/* color: var(--primary-color) !important; *\/
	}*/

	.svg-icon.key.svelte-b7fnb4 {
		/* rotate: 45deg; */
		margin-right: 10px;
	}

	@keyframes svelte-b7fnb4-iconAnim {
		0% {
			transform: translateY(0px);
			animation-timing-function: ease-out;
		}
		15% {
			transform: translateY(-10px);

			animation-timing-function: ease-in;
		}
		30% {
			transform: translateY(0px);
			animation-timing-function: ease-out;
		}
		40% {
			transform: translateY(-2px);
			animation-timing-function: ease-in;
		}
		50% {
			transform: translateY(0px);
			animation-timing-function: ease-out;
		}
		55% {
			transform: translateY(-1px);
			animation-timing-function: ease-in;
		}
		60% {
			transform: translateY(0px);
			animation-timing-function: ease-out;
		}
	}

	.primary.svelte-b7fnb4 .icons:where(.svelte-b7fnb4) :where(.svelte-b7fnb4) {
		animation: svelte-b7fnb4-iconAnim 1.5s ease-in-out infinite;
	}

	.icons.svelte-b7fnb4 :where(.svelte-b7fnb4):nth-child(1) {
		animation-delay: 100ms;
	}
	.icons.svelte-b7fnb4 :where(.svelte-b7fnb4):nth-child(2) {
		animation-delay: 200ms;
	}
	.icons.svelte-b7fnb4 :where(.svelte-b7fnb4):nth-child(3) {
		animation-delay: 300ms;
	}

	.stack.svelte-b7fnb4 {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		align-items: center;
		justify-items: center;
	}

	.stack.svelte-b7fnb4 > * {
		grid-row: 1;
		grid-column: 1;
	}

	.free-grid.svelte-fo6vkn {
		display: grid;
		width: 100%;

		height: fit-content;
		align-items: center;
		justify-items: stretch;
		gap: var(--gap-dense-grid);
		height: 100%;

		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

		@media screen and (max-width: 800px) {
			grid-template-columns: 1fr;
			align-items: start;
			justify-content: stretch;
		}
	}

	.paid-grid.svelte-fo6vkn {
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-unrelated-blocks);
		grid-column: 1 / -1;
		align-items: center;
		justify-content: center;

		/* padding: 3rem; */
	}

	.free-grid.svelte-fo6vkn,
	.paid-grid.svelte-fo6vkn {
		max-width: var(--recommended-max-content-width);
		margin: 0 auto;
	}

	.paid-hero.svelte-fo6vkn {
		display: flex;
		flex-direction: column;
		min-height: 65vh;
		width: 100%;
		overflow: hidden;
		align-items: center;
		justify-content: center;
		gap: var(--gap-spacious-grid);
	}

	.media.svelte-fo6vkn {
		/* width: 100%; */
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		max-height: 50dvh;
		min-height: 35dvh;
		/* max-height: 50%; */
	}
	.icon.svelte-fo6vkn {
		width: 16px;
		height: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		/* padding: 5px; */
		margin-right: 15px;
	}

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

	.buttons-list.svelte-fo6vkn {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: var(--gap-small-related-blocks);
		align-items: stretch;
		justify-content: stretch;
	}

	.buttons-list.svelte-fo6vkn > * {
		width: 100%;
	}

	.content.svelte-fo6vkn {
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-unrelated-blocks);
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
	}

	.introductory.svelte-fo6vkn {
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-related-blocks);
		align-items: center;
		width: 100%;
		overflow: hidden;
		text-align: center;

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

	.content.svelte-fo6vkn > * {
		width: 100%;
	}

	.panel-img.svelte-fo6vkn {
		width: 100%;
		max-width: 300px;

		animation:
			svelte-fo6vkn-float-rotate 3s ease-in-out infinite -0.5s both,
			svelte-fo6vkn-float-pos 3s ease-in-out infinite both;
	}

	.panel-img.shaking.svelte-fo6vkn {
		animation: svelte-fo6vkn-shake 0.5s ease-in-out infinite;
	}

	.laptop-wrapper.svelte-fo6vkn {
		max-width: 400px;
		width: 100%;
		height: 250px;
	}

	.tool-icon.svelte-fo6vkn {
		width: 35px;
	}

	.top-right.svelte-fo6vkn {
		position: absolute;
		right: 0;
		top: 0;
		margin: 20px;
	}

	.loader.svelte-fo6vkn {
		width: 30px;
		padding: 7px;
		aspect-ratio: 1;
		border-radius: 50%;
		background: var(--primary-color);
		--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
		-webkit-mask: var(--_m);
		mask: var(--_m);
		-webkit-mask-composite: source-out;
		mask-composite: subtract;
		animation: svelte-fo6vkn-l3 1s infinite linear;
	}
	@keyframes svelte-fo6vkn-l3 {
		to {
			transform: rotate(1turn);
		}
	}

	.arrow-icon.svelte-fo6vkn {
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 8px;
	}

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

	.span-across.svelte-fo6vkn {
		display: flex;
		flex-direction: column;
		gap: var(--gap-small-unrelated-blocks);
		/* grid-column: 1 / -1; */
		/* width: 100%; */
		/* text-align: center; */
	}

	@keyframes svelte-fo6vkn-float-pos {
		0% {
			transform: translateY(3px);
		}
		50% {
			transform: translateY(-3px);
		}
		100% {
			transform: translateY(3px);
		}
	}

	@keyframes svelte-fo6vkn-float-rotate {
		0% {
			rotate: 0deg;
		}

		50% {
			rotate: 2deg;
		}

		100% {
			rotate: 0deg;
		}
	}

	@keyframes svelte-fo6vkn-shake {
		0%,
		33%,
		43%,
		79%,
		86%,
		100% {
			transform: translate(0.4px, 0.4px) rotate(0deg);
		}
		40%,
		80% {
			transform: translate(-0.4px, 0.4px) rotate(0deg);
		}
		20%,
		49%,
		55%,
		70%,
		90% {
			transform: translate(0px, -0.4px) rotate(0deg);
		}
		4%,
		10%,
		15%,
		25%,
		60%,
		95% {
			transform: translate(0.4px, 0px) rotate(0deg);
		}
	}

	.doodle-arrow.svelte-fo6vkn {
		position: absolute;
		top: 0;
		left: 0;
		width: 100px;
		height: 100px;
		transform: translate(-100%, -50%) scaleX(-1);
		display: flex;
	}

	.doodle-arrow.svelte-fo6vkn svg {
		width: 100%;
		height: 100%;
	}

	.doodle-arrow.svelte-fo6vkn [stroke]:not([stroke="none"]) {
		stroke: var(--primary-color);
	}

	@media screen and (max-width: 800px) {
		.desktop-only.svelte-fo6vkn {
			display: none;
		}
	}