.title.svelte-87d95w,
	h3.svelte-87d95w,
	em.svelte-87d95w {
		color: #e3e0ff;
	}

	img.svelte-shps8j {
		/* width: 100%; */
		height: 100%;
		object-fit: contain;
		image-rendering: pixelated;

		/* disable user drag so it can be used as an icon */
		-webkit-user-drag: none;
		-khtml-user-drag: none;
		-moz-user-drag: none;
		-o-user-drag: none;
	}

	img.svelte-1fudhjd {
		width: 100px;
		max-width: 100px;
		image-rendering: pixelated;
		animation: svelte-1fudhjd-shakeExtreme 0.5s infinite steps(1);
	}

	.particles.svelte-1fudhjd {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	@keyframes svelte-1fudhjd-shakeExtreme {
		0%,
		100% {
			transform: translate(1px, 1px);
		}
		10% {
			transform: translate(-1px, -2px);
		}
		20% {
			transform: translate(0.5, 1px);
		}
		30% {
			transform: translate(-1px, 2px);
		}
		40% {
			transform: translate(1px, -1px);
		}
		50% {
			transform: translate(-1px, 2px);
		}
		60% {
			transform: translate(1px, 1px);
		}
		70% {
			transform: translate(1px, -1px);
		}
		80% {
			transform: translate(-1px, 1px);
		}
		90% {
			transform: translate(1px, 1px);
		}
	}

	.grid.svelte-14qzb51 {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		gap: var(--gap-medium-related-blocks);

		align-items: stretch;
		justify-content: stretch;
		justify-items: stretch;
		gap: var(--gap-dense-grid);
		@media screen and (max-width: 800px) {
			display: flex;
			flex-direction: column;
		}
	}

	.column.svelte-14qzb51 {
		display: flex;
		align-items: center;
		text-align: center;
	}
	.block.svelte-14qzb51 {
		/* height: 100%; */
		/* width: 100%; */
		display: flex;
		flex-direction: column;
		gap: var(--gap-medium-related-blocks);

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

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

	h1.svelte-svqcgh,
	h3.svelte-svqcgh,
	em.svelte-svqcgh,
	.title.svelte-svqcgh {
		color: #ff644f;
	}

	.column.svelte-115had5 {
		display: flex;
		flex-direction: column;

		@media (max-width: 800px) {
			align-items: center;
		}
	}
	span.svelte-115had5 {
		display: inline-block;
		position: relative;
		transition: transform 1s cubic-bezier(0.53, -0.01, 0.41, 1);
	}

	.space.svelte-115had5 {
		letter-spacing: 0.3em;
	}

	h1.svelte-115had5,
	h3.svelte-115had5,
	h1.svelte-115had5 span:where(.svelte-115had5) {
		color: #804fff;
	}

	div.svelte-11kvm4p {
		width: 20px;
		opacity: 0;
		height: 20px;
		border-radius: 10px;
		background: var(--primary, #61d345);
		position: relative;
		transform: rotate(45deg);
		animation: svelte-11kvm4p-circleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
		animation-delay: 100ms;
	}

	div.svelte-11kvm4p::after {
		content: '';
		box-sizing: border-box;
		animation: svelte-11kvm4p-checkmarkAnimation 0.2s ease-out forwards;
		opacity: 0;
		animation-delay: 200ms;
		position: absolute;
		border-right: 2px solid;
		border-bottom: 2px solid;
		border-color: var(--secondary, #fff);
		bottom: 6px;
		left: 6px;
		height: 10px;
		width: 6px;
	}

	@keyframes svelte-11kvm4p-circleAnimation {
		from {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}
		to {
			transform: scale(1) rotate(45deg);
			opacity: 1;
		}
	}

	@keyframes svelte-11kvm4p-checkmarkAnimation {
		0% {
			height: 0;
			width: 0;
			opacity: 0;
		}
		40% {
			height: 0;
			width: 6px;
			opacity: 1;
		}
		100% {
			opacity: 1;
			height: 10px;
		}
	}

	div.svelte-1ee93ns {
		width: 20px;
		opacity: 0;
		height: 20px;
		border-radius: 10px;
		background: var(--primary, #ff4b4b);
		position: relative;
		transform: rotate(45deg);
		animation: svelte-1ee93ns-circleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
		animation-delay: 100ms;
	}

	div.svelte-1ee93ns::after,
	div.svelte-1ee93ns::before {
		content: '';
		animation: svelte-1ee93ns-firstLineAnimation 0.15s ease-out forwards;
		animation-delay: 150ms;
		position: absolute;
		border-radius: 3px;
		opacity: 0;
		background: var(--secondary, #fff);
		bottom: 9px;
		left: 4px;
		height: 2px;
		width: 12px;
	}

	div.svelte-1ee93ns:before {
		animation: svelte-1ee93ns-secondLineAnimation 0.15s ease-out forwards;
		animation-delay: 180ms;
		transform: rotate(90deg);
	}

	@keyframes svelte-1ee93ns-circleAnimation {
		from {
			transform: scale(0) rotate(45deg);
			opacity: 0;
		}
		to {
			transform: scale(1) rotate(45deg);
			opacity: 1;
		}
	}

	@keyframes svelte-1ee93ns-firstLineAnimation {
		from {
			transform: scale(0);
			opacity: 0;
		}
		to {
			transform: scale(1);
			opacity: 1;
		}
	}

	@keyframes svelte-1ee93ns-secondLineAnimation {
		from {
			transform: scale(0) rotate(90deg);
			opacity: 0;
		}
		to {
			transform: scale(1) rotate(90deg);
			opacity: 1;
		}
	}

	div.svelte-1j7dflg {
		width: 12px;
		height: 12px;
		box-sizing: border-box;
		border: 2px solid;
		border-radius: 100%;
		border-color: var(--secondary, #e0e0e0);
		border-right-color: var(--primary, #616161);
		animation: svelte-1j7dflg-rotate 1s linear infinite;
	}

	@keyframes svelte-1j7dflg-rotate {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}

	.indicator.svelte-1kgeier {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: 20px;
		min-height: 20px;
	}

	.status.svelte-1kgeier {
		position: absolute;
	}

	.animated.svelte-1kgeier {
		position: relative;
		transform: scale(0.6);
		opacity: 0.4;
		min-width: 20px;
		animation: svelte-1kgeier-enter 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	}

	@keyframes svelte-1kgeier-enter {
		from {
			transform: scale(0.6);
			opacity: 0.4;
		}
		to {
			transform: scale(1);
			opacity: 1;
		}
	}

	.message.svelte-1nauejd {
		display: flex;
		justify-content: center;
		margin: 4px 10px;
		color: inherit;
		flex: 1 1 auto;
		white-space: pre-line;
	}

	@keyframes svelte-1c9srrs-enterAnimation {
		0% {
			transform: translate3d(0, calc(var(--factor) * -200%), 0) scale(0.6);
			opacity: 0.5;
		}
		100% {
			transform: translate3d(0, 0, 0) scale(1);
			opacity: 1;
		}
	}

	@keyframes svelte-1c9srrs-exitAnimation {
		0% {
			transform: translate3d(0, 0, -1px) scale(1);
			opacity: 1;
		}
		100% {
			transform: translate3d(0, calc(var(--factor) * -150%), -1px) scale(0.6);
			opacity: 0;
		}
	}

	@keyframes svelte-1c9srrs-fadeInAnimation {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}

	@keyframes svelte-1c9srrs-fadeOutAnimation {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}

	.base.svelte-1c9srrs {
		display: flex;
		align-items: center;
		background: #fff;
		color: #363636;
		line-height: 1.3;
		will-change: transform;
		box-shadow:
			0 3px 10px rgba(0, 0, 0, 0.1),
			0 3px 3px rgba(0, 0, 0, 0.05);
		max-width: 350px;
		pointer-events: auto;
		padding: 8px 10px;
		border-radius: 8px;
	}

	.transparent.svelte-1c9srrs {
		opacity: 0;
	}

	.enter.svelte-1c9srrs {
		animation: svelte-1c9srrs-enterAnimation 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
	}

	.exit.svelte-1c9srrs {
		animation: svelte-1c9srrs-exitAnimation 0.4s cubic-bezier(0.06, 0.71, 0.55, 1) forwards;
	}

	.fadeIn.svelte-1c9srrs {
		animation: svelte-1c9srrs-fadeInAnimation 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
	}

	.fadeOut.svelte-1c9srrs {
		animation: svelte-1c9srrs-fadeOutAnimation 0.4s cubic-bezier(0.06, 0.71, 0.55, 1) forwards;
	}

	.wrapper.svelte-v01oml {
		left: 0;
		right: 0;
		display: flex;
		position: absolute;
		transform: translateY(calc(var(--offset, 16px) * var(--factor) * 1px));
	}

	.transition.svelte-v01oml {
		transition: all 230ms cubic-bezier(0.21, 1.02, 0.73, 1);
	}

	.active.svelte-v01oml {
		z-index: 9999;
	}

	.active.svelte-v01oml > * {
		pointer-events: auto;
	}

	.toaster.svelte-1phplh9 {
		--default-offset: 16px;

		position: fixed;
		z-index: 9999;
		top: var(--default-offset);
		left: var(--default-offset);
		right: var(--default-offset);
		bottom: var(--default-offset);
		pointer-events: none;
	}

	.btn.svelte-xkqltv {
		background-color: var(--surface-color);
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0.5rem;

		transition: box-shadow;
		transition-duration: 0.2s;
		box-shadow: 0px 0px 0px 20px transparent;
		cursor: pointer;
		/* width: fit-content; */
		min-width: 5rem;
	}

	.btn.focus.svelte-xkqltv,
	.btn.svelte-xkqltv:hover,
	.btn.hover.svelte-xkqltv {
		background-color: var(--surface-color-primary);
	}

	.btn.svelte-xkqltv:active,
	.btn.active.svelte-xkqltv {
		background-color: var(--surface-color-secondary);
		transform: scale(0.95);
	}

	.btn.focus.svelte-xkqltv {
		box-shadow: 0px 0px 0px 2px #0085ff;
	}

	.wrap.svelte-1ujsrld {
		cursor: pointer;
		user-select: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 100%;
	}

	.wrap.svelte-1ujsrld h1 {
		color: #0085ff;
	}

	.btnName.svelte-1ujsrld {
		padding: 1rem 1.4rem;
		background-color: #0085ff;
		border-radius: 0.5rem;
		color: var(--bg-color);
		width: fit-content;
		margin: auto;
	}

	.powerful.svelte-1ujsrld {
		display: inline-block;
	}

	.kangaroosBox.svelte-1ujsrld {
		position: relative;
		display: flex;
		flex-direction: row-reverse;
		height: 25px;
		align-items: end;
		justify-content: end;
		width: 100%;
		max-width: 200px;
		margin: auto;
	}

	.kangaroosBox.lerp.svelte-1ujsrld {
		justify-content: space-between;
	}

	.kangaroosBox.svelte-1ujsrld > * {
		position: absolute;
		top: 50%;
		right: 0%;
		width: 25px;

		height: 100%;
		transform: translate(0, -50%);
		animation: reveal 0.4s ease-in-out forwards;
	}

	.info-grid.svelte-1ujsrld {
		display: flex;
		flex-direction: row;
		width: 100%;
		gap: var(--gap-medium-unrelated-blocks);
		justify-content: space-evenly;
	}

	.kangaroosBox.lerp.svelte-1ujsrld > :last-child {
		right: 0;
	}

	.kangaroosBox.lerp.svelte-1ujsrld > :last-child {
		right: 100%;
	}

	.portion.svelte-1ujsrld {
		transition: opacity, transform;
		transition-duration: 0.4s;
		transition-timing-function: ease-in-out steps(3);
	}

	.portion.svelte-1ujsrld:not(.active) {
		opacity: 0.3;
		transition-duration: 0.2s;
		transform: translateY(10px);
	}

	.kangarooPanelButtons.svelte-1ujsrld {
		max-width: 300px;
	}

	@keyframes svelte-1ujsrld-shake {
		10%,
		90% {
			transform: translate3d(-0.3px, 0.5px, 0);
		}

		20%,
		80% {
			transform: translate3d(0px, -0.5px, 0);
			opacity: 0.9;
		}

		30%,
		50%,
		70% {
			transform: translate3d(-1px, 0, 0);
		}

		40%,
		60% {
			transform: translate3d(0.8px, 1px, 0);
			opacity: 0.9;
		}
	}

	@media screen and (max-width: 800px) {
		.kangaroosBox.svelte-1ujsrld {
			height: 18px;
			width: 80%;
		}
	}

	.tool.svelte-nknjb2 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 200px;
		width: 30%;
	}

	.bg.svelte-nknjb2 {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.bank.svelte-z6wc2d {
		display: flex;
		gap: var(--gap-medium-related-blocks);
		flex-wrap: wrap;
		margin-top: 1rem;
		/* width: fit-content; */
		width: 100%;

		@media screen and (max-width: 800px) {
			justify-content: center;
			font-size: 0.6rem;
		}
	}

	.progress.svelte-z6wc2d {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 100%;

		background-color: var(--on-primary-color);
		opacity: 0.15;
		z-index: 10;
		cursor: inherit;
	}
	.icon-wrapper.svelte-z6wc2d {
		border-radius: 5px;
		width: 30px;
		height: 30px;
		padding: 7px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: inherit;
		/* background-color: var(--surface-color-primary); */
	}

	.icon-wrapper.selected.svelte-z6wc2d {
		/* background-color: var(--primary-color); */
		cursor: default;
	}

	.icon-wrapper.svelte-z6wc2d,
	.icon-wrapper.svelte-z6wc2d * {
		transition: 0.1s ease-out;
		transition-property: background-color, fill, stroke, color;
	}

	.icon-wrapper.svelte-z6wc2d svg {
		height: 15px;
		/* width: 15px; */
		@media screen and (max-width: 800px) {
			height: 13px;
		}
	}

	.icon-wrapper.svelte-z6wc2d,
	.icon-wrapper.svelte-z6wc2d * {
		color: var(--on-surface);
		fill: var(--on-surface);
		stroke: var(--on-surface);
	}

	.icon-wrapper.selected.svelte-z6wc2d,
	.icon-wrapper.selected.svelte-z6wc2d * {
		color: var(--on-primary-color);
		fill: var(--on-primary-color);
		stroke: var(--on-primary-color);
	}

	.stack.svelte-z6wc2d {
		height: 100%;
		width: 100%;
		position: relative;
		display: grid;
		align-items: start;
	}

	.stack.svelte-z6wc2d :where(.svelte-z6wc2d) {
		grid-area: 1 / 1 / 2 / 2;
	}

	.media-contents.svelte-z6wc2d {
		transition: opacity 0.2s;
		display: flex;
		flex-direction: column;

		/* display: grid; */

		gap: var(--gap-medium-related-blocks);
	}

	.media-contents.svelte-z6wc2d:not(.selected) {
		opacity: 0;
		pointer-events: none;
	}

	/* (unused) .pre-title {
		margin-bottom: 10px;
	}*/

	.title.svelte-z6wc2d {
		@media screen and (max-width: 800px) {
			text-align: center;
		}
	}

	section.svelte-ualc6r:nth-child(n + 4) {
		transition: opacity, transform;
		transition-duration: 0.4s;
		transition-timing-function: ease-in-out steps(3);
		/* width: 100vw; */
		/* max-width: 100%; */
		/* min-height: 800px; */
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 1;
		transform: translateY(0);
	}

	@media screen and (max-width: 800px) {
		/* section :global(h1) {
			font-size: 1.4em;
		}
		section :global(h2) {
			font-size: 1em;
		}
		section :global(h3) {
			font-size: 0.8em;
		} */
	}