.table.svelte-ufajoe {
		display: grid;
		grid-template-columns: repeat(3, 1fr);

		border-radius: var(--surface-border-radius);
		overflow: hidden;

		gap: 2px;
		color: var(--on-bg-emphasis);

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

	.table.svelte-ufajoe > :where(.svelte-ufajoe) {
		padding: 1rem 1.5rem;
		/* box-shadow: inherit; */
		/* background: var(--surface-color-primary); */
		background-color: var(--surface-color);
		/* box-shadow: inset 0 0 0 1px var(--surface-color-primary); */
		justify-content: center;
	}

	.table.svelte-ufajoe > .centered:where(.svelte-ufajoe) {
		display: flex;
		align-items: center;
	}

	.header.svelte-ufajoe {
		display: flex;
		flex-direction: column;

		/* align-items: center; */
	}

	.header.svelte-ufajoe img:where(.svelte-ufajoe) {
		width: 24px;
		height: 24px;
	}

	.name.svelte-ufajoe {
		font-weight: bold;
		font-size: 1.2rem;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		text-align: center;
	}

	/* (unused) .buybutton {
		background-color: var(--purrple);
		color: white;

		border-radius: 0.25rem;
		text-decoration: none;
		font-weight: bold;
		margin-bottom: 1rem;
	}*/

	.features.svelte-ufajoe {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
		gap: 0.5rem;
		width: 100%;
	}

	/* (unused) .features div {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border-radius: 0.25rem;
		font-size: 1.2rem;
	}*/

	/* (unused) .included {
		background-color: var(--green);
		color: white;
	}*/

	/* (unused) .notincluded {
		background-color: var(--red);
		color: white;
	}*/

	.product-name-row.svelte-ufajoe {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		justify-content: center;

		@media screen and (max-width: 800px) {
			flex-direction: column;
			font-size: 0.5rem;

			.name:where(.svelte-ufajoe) {
				font-size: 0.75rem;
				display: none;

				/* white-space: nowrap; */
			}
		}
	}

	/* (empty) .pro {
		/* color: var(--purrple); *\/
		/* font-weight: bold; *\/
		/* background: var(--surface-color-primary); *\/
		/* box-shadow: inset 0 0 0 1px var(--purrple); *\/

		/* text-transform: uppercase; *\/
		/* background: rgba(128, 0, 128, 0.1); *\/
	}*/

	.title.svelte-ufajoe {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: start;
		/* align-items: center; */
		gap: 0.5rem;
	}

	.title.svelte-ufajoe svg:where(.svelte-ufajoe) {
		min-width: 15px;
		min-height: 15px;
	}