.head.svelte-hkwsd2 {
		min-height: 15rem;
		position: relative;
		overflow: hidden;

		width: 100%;
		/* height: 100%; */
		z-index: 10;

		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 100% 50%;
		align-items: stretch;
		justify-items: stretch;
		justify-content: stretch;
		overflow: hidden;
	}

	.card.svelte-hkwsd2:not(.clickable) a:where(.svelte-hkwsd2) {
		cursor: default;
	}

	.card.svelte-hkwsd2 {
		padding: 0;
		margin: 0;
	}
	.card.svelte-hkwsd2 .inner:where(.svelte-hkwsd2) {
		display: grid;
		/* gap: var(--gap-medium-related-blocks); */
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;

		border-radius: inherit;
		overflow: hidden;

		/* display: flex; */
		/* flex-direction: column; */
	}

	.discount.svelte-hkwsd2 {
		position: absolute;
		pointer-events: none;
		top: 0;
		right: 0;

		z-index: 100;
		box-shadow:
			0 1px 0px 0 rgba(0, 0, 0, 0.05),
			0 5px 10px 0 rgba(0, 0, 0, 0.05);
		overflow: hidden;

		padding: 6px 12px;
		/* padding-right: 40px; */
		font-size: 0.75rem;
		border-radius: 7px;
		color: var(--on-primary-color);
		background-color: var(--primary-color);
		opacity: 1;

		transform: rotate(0deg) translate(10px, 10px);
		padding-right: 20px;
		/* transform-origin: 100% 0; */

		background: var(--surface-color);
		color: var(--on-bg);
		box-shadow: inset 0 0 0 3px solid rgb(255, 255, 255, 1);
		/* outline: 1px solid rgba(255, 255, 255, 0.2); */
		/* box-shadow: -5px -5px 10px 0 rgb(0, 0, 0, 0.2); */
		/* outline-offset: -1px; */

		/* background: linear-gradient(125deg, orange 0%, red 100%);
		color: black; */
	}

	.free-tag.svelte-hkwsd2 {
		color: var(--on-surface);
		margin: 0px 10px;
		border-radius: 80px;
		position: relative;
		cursor: default;
		position: relative;
	}

	.free-tag.svelte-hkwsd2:before {
		content: "";
		position: absolute;
		--hp: 18px;
		--vp: 4px;
		top: calc(var(--vp) * -1);
		left: calc(var(--hp) * -1);
		width: calc(100% + var(--hp) * 2);
		height: calc(100% + var(--vp) * 2);
		border-radius: 100px;
		background-color: var(--surface-color-tertiary);
		z-index: -1;
	}

	.svelte-hkwsd2:has(.hoverArrow) {
		position: absolute;
		right: 1.2em;
		top: 1.2em;
		z-index: 100;
		/* background-color: rgba(0, 0, 0, 0.1); */
		padding: 0.5em;
		border-radius: 100%;
		width: 1em;
		height: 1em;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.slogan.svelte-hkwsd2 {
		/* margin-top: 5px; */
		/* width: 250px; */
		max-width: 80%;

		@media (max-width: 800px) {
			max-width: 100%;
		}
	}

	a.svelte-hkwsd2 {
		text-decoration: none;
		color: inherit;
	}
	/* (unused) .hovering a {
		text-decoration: underline;
	}*/

	.head.svelte-hkwsd2:empty {
		display: none;
	}

	.row.svelte-hkwsd2 {
		display: flex;
		flex-direction: row;
		/* justify-content: space-between; */
		align-items: center;
		/* background-color: red; */
		width: 100%;
	}

	.info-row.svelte-hkwsd2 {
		align-items: start;
		flex-wrap: nowrap;
		gap: 1.5rem;
	}

	@media (max-width: 800px) {
		.head.svelte-hkwsd2 {
			height: 20em;
		}
	}

	.chin.svelte-hkwsd2 {
		padding: 3rem;
		flex-direction: row;
		position: relative;
		cursor: pointer;
		/* align-self: center; */
		/* justify-content: center; */
	}

	.column.svelte-hkwsd2 {
		position: relative;
		display: flex;
		flex-direction: column;
		width: auto;
		gap: 0.3rem;
	}

	.fullheight.svelte-hkwsd2 {
		height: 100%;
	}

	@keyframes svelte-hkwsd2-reveal {
		0% {
			opacity: 0;
			transform: scale(0.8);
		}
		100% {
			transform: translateX(0);
		}
	}

	.icon-wrap.svelte-hkwsd2 {
		width: 50px;
		height: 50px;
		position: relative;
		flex-shrink: 0;

		@media (max-width: 800px) {
			height: 45px;
			width: 45px;
		}
	}

	.app-icon.svelte-hkwsd2 {
		width: 100%;
		height: 100%;
		object-fit: contain;
		transition: all 0.4s cubic-bezier(0.37, 0.67, 0.24, 1.35);
	}

	.app-icon.raised.svelte-hkwsd2 {
		transform: translateY(-5px) scale(1.1);
		transition: all 0.25s cubic-bezier(0.17, 0.67, 0.24, 1.35);
	}

	.host-icon.svelte-hkwsd2 {
		position: absolute;
		width: 40%;
		top: 100%;
		left: 0;
		transform: translate(-70%, -30%);
		transition: all 0.25s cubic-bezier(0.17, 0.67, 0.24, 1.35);
		filter: brightness(1);
	}

	.host-icon.bigger.svelte-hkwsd2 {
		width: 60%;
		filter: brightness(1.3);
		/* top: 100%; */
		/* left: 0; */
		/* transform: translate(-70%, -30%); */
	}

	/* (empty) .host-icon:not(.hovering) {
		/* filter: grayscale(100%) brightness(1.3) contrast(0.9); *\/
	}*/