
	/* we want to increade the delay with each emoji instance */

	.grid.svelte-10sc1to {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: var(--gap-dense-grid);
	}

	@keyframes svelte-10sc1to-emojienter {
		from {
			opacity: 0.5;
			transform: scale(0.8) translateY(2px);
		}
		to {
			transform: scale(1);
		}
	}

	/* keyframe animation of stepped floating up and down. About 4 fps */
	@keyframes svelte-10sc1to-emojifloat {
		0%,
		100% {
			transform: translateY(2px);
		}
		50% {
			transform: translateY(-2px);
			filter: brightness(1.2);
			/* text-shadow: 0px 15px 10px rgba(0, 0, 0, 0.2); */
		}
	}

	@keyframes svelte-10sc1to-show {
		from {
			opacity: 0;
			scale: 0.8;
		}
		to {
			opacity: 1;
			scale: 1;
		}
	}

	.your-stuff.svelte-1k7w6nu {
		max-width: var(--recommended-max-content-width);
		grid-column: 1 / -1;
		width: 100%;
		border-radius: 0;
		display: grid;
		grid-template-columns: 0.25fr 1fr;
		gap: var(--gap-dense-grid);

		margin: 0 auto;
		align-items: center;
		justify-items: stretch;
		justify-content: stretch;

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

	/* (unused) .emoji {
		display: inline-block;
		opacity: 1;
	}*/

	.faq.svelte-16ovqkh {
		width: 100%;
	}

	.back-btn-wrapper.svelte-16ovqkh {
		padding: var(--gap-medium-unrelated-blocks) 0;
	}

	section.svelte-16ovqkh {
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-related-blocks);
		padding-bottom: var(--gap-related-sections);
	}

	/* we want to increade the delay with each emoji instance */

	@keyframes svelte-16ovqkh-emojienter {
		from {
			opacity: 0.5;
			transform: scale(0.8) translateY(2px);
		}
		to {
			transform: scale(1);
		}
	}

	/* keyframe animation of stepped floating up and down. About 4 fps */
	@keyframes svelte-16ovqkh-emojifloat {
		0%,
		100% {
			transform: translateY(2px);
		}
		50% {
			transform: translateY(-2px);
			filter: brightness(1.2);
			/* text-shadow: 0px 15px 10px rgba(0, 0, 0, 0.2); */
		}
	}

	@keyframes svelte-16ovqkh-show {
		from {
			opacity: 0;
			scale: 0.8;
		}
		to {
			opacity: 1;
			scale: 1;
		}
	}
