svg.svelte-1a8mieu,
	svg.svelte-1a8mieu :where(.svelte-1a8mieu) {
		position: relative;
	}

	/* (unused) .catalog {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		max-width: var(--recommended-max-content-width);
		margin: 0 auto;
		gap: var(--gap-dense-grid);

		display: flex;
		flex-direction: column;
		gap: var(--gap-unrelated-sections);

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

	.card.svelte-77czz5 {
		position: relative;
		transition: scale 0.3s cubic-bezier(0.17, 0.67, 0.17, 1.18);
		overflow: visible;
	}
	.card.svelte-77czz5:hover {
		@media screen and (min-width: 800px) {
			scale: 1.1;
			z-index: 1000;
		}
	}

	.overlay.svelte-77czz5 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--border-radius);
		pointer-events: none;
		pointer-events: none;
		z-index: var(--under-nav-z-index);

		overflow: hidden;
		border-radius: inherit;

		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		@media screen and (max-width: 800px) {
			position: absolute;
			width: 50%;
			height: 100%;

			right: 0;
			left: unset;
			top: 0;
			transform: unset;

			/* transform: translateY(-50%); */
			mask-image: linear-gradient(to right, transparent 20%, black 20%);

			/* right: 0; */
			/* height: 20%; */
		}
	}

	@keyframes svelte-77czz5-in {
		from {
			clip-path: circle(0% at 50% 50%);
		}

		to {
			clip-path: circle(100% at 50% 50%);
		}
	}

	.info.svelte-77czz5 {
		gap: var(--gap-tight-grid);

		@media screen and (max-width: 800px) {
			max-width: 50%;
		}
	}

	/* (unused) .catalog {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		max-width: var(--recommended-max-content-width);
		margin: 0 auto;
		gap: var(--gap-dense-grid);

		display: flex;
		flex-direction: column;
		gap: var(--gap-unrelated-sections);

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

	/* (unused) .card {
		position: relative;
		transition: scale 0.3s cubic-bezier(0.17, 0.67, 0.17, 1.18);
		overflow: visible;
	}*/
	/* (unused) .card:hover {
		@media screen and (min-width: 800px) {
			scale: 1.1;
			z-index: 1000;
		}
	}*/

	/* (unused) .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--border-radius);
		pointer-events: none;
		pointer-events: none;
		z-index: var(--under-nav-z-index);

		overflow: hidden;
		border-radius: inherit;

		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		@media screen and (max-width: 800px) {
			position: absolute;
			width: 50%;
			height: 100%;

			right: 0;
			left: unset;
			top: 0;
			transform: unset;

			/* transform: translateY(-50%); *\/
			mask-image: linear-gradient(to right, transparent 20%, black 20%);

			/* right: 0; *\/
			/* height: 20%; *\/
		}
	}*/

	@keyframes svelte-77czz5-in {
		from {
			clip-path: circle(0% at 50% 50%);
		}

		to {
			clip-path: circle(100% at 50% 50%);
		}
	}

	/* (unused) .info {
		gap: var(--gap-tight-grid);

		@media screen and (max-width: 800px) {
			max-width: 50%;
		}
	}*/

	svg.svelte-1xo4fey :where(.svelte-1xo4fey) {
		transform-box: fill-box;
		transform-origin: center;
	}

	/* (unused) .catalog {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		max-width: var(--recommended-max-content-width);
		margin: 0 auto;
		gap: var(--gap-dense-grid);

		display: flex;
		flex-direction: column;
		gap: var(--gap-unrelated-sections);

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

	/* (unused) .card {
		position: relative;
		transition: scale 0.3s cubic-bezier(0.17, 0.67, 0.17, 1.18);
		overflow: visible;
	}*/
	/* (unused) .card:hover {
		@media screen and (min-width: 800px) {
			scale: 1.1;
			z-index: 1000;
		}
	}*/

	/* (unused) .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--border-radius);
		pointer-events: none;
		pointer-events: none;
		z-index: var(--under-nav-z-index);

		overflow: hidden;
		border-radius: inherit;

		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		@media screen and (max-width: 800px) {
			position: absolute;
			width: 50%;
			height: 100%;

			right: 0;
			left: unset;
			top: 0;
			transform: unset;

			/* transform: translateY(-50%); *\/
			mask-image: linear-gradient(to right, transparent 20%, black 20%);

			/* right: 0; *\/
			/* height: 20%; *\/
		}
	}*/

	@keyframes svelte-77czz5-in {
		from {
			clip-path: circle(0% at 50% 50%);
		}

		to {
			clip-path: circle(100% at 50% 50%);
		}
	}

	/* (unused) .info {
		gap: var(--gap-tight-grid);

		@media screen and (max-width: 800px) {
			max-width: 50%;
		}
	}*/

	.catalog.svelte-77czz5 {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
		max-width: var(--recommended-max-content-width);
		margin: 0 auto;
		gap: var(--gap-dense-grid);

		display: flex;
		flex-direction: column;
		gap: var(--gap-unrelated-sections);

		@media screen and (max-width: 800px) {
			display: flex;
			flex-direction: column;
		}
	}

	/* (unused) .card {
		position: relative;
		transition: scale 0.3s cubic-bezier(0.17, 0.67, 0.17, 1.18);
		overflow: visible;
	}*/
	/* (unused) .card:hover {
		@media screen and (min-width: 800px) {
			scale: 1.1;
			z-index: 1000;
		}
	}*/

	/* (unused) .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: var(--border-radius);
		pointer-events: none;
		pointer-events: none;
		z-index: var(--under-nav-z-index);

		overflow: hidden;
		border-radius: inherit;

		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		@media screen and (max-width: 800px) {
			position: absolute;
			width: 50%;
			height: 100%;

			right: 0;
			left: unset;
			top: 0;
			transform: unset;

			/* transform: translateY(-50%); *\/
			mask-image: linear-gradient(to right, transparent 20%, black 20%);

			/* right: 0; *\/
			/* height: 20%; *\/
		}
	}*/

	@keyframes svelte-77czz5-in {
		from {
			clip-path: circle(0% at 50% 50%);
		}

		to {
			clip-path: circle(100% at 50% 50%);
		}
	}

	/* (unused) .info {
		gap: var(--gap-tight-grid);

		@media screen and (max-width: 800px) {
			max-width: 50%;
		}
	}*/