
	.wrapper.svelte-1lyzpg5 {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
	}

	.quotes.svelte-1lyzpg5 {
		position: relative;
		z-index: 10px;
		animation: svelte-1lyzpg5-breathe 4s infinite both ease-in-out;
	}

	.quotes.svelte-1lyzpg5:first-child {
		top: calc(var(--quotes-padding) * -1);
		left: calc(var(--quotes-padding) * -1);
	}

	.quotes.svelte-1lyzpg5:last-child {
		margin-top: auto;
		top: calc(var(--quotes-padding));
		left: calc(var(--quotes-padding));
		animation-delay: 0.5s;
	}

	.quotes.svelte-1lyzpg5 svg:where(.svelte-1lyzpg5) {
		opacity: 0.2;
	}

	@keyframes svelte-1lyzpg5-breathe {
		0%,
		100% {
			translate: 0 2px;
		}
		50% {
			translate: 0 -2px;
		}
	}

	.card.svelte-214w9u {
		--twitter-blue: #1da1f2;
		--twitter-blue-dark: #1a91da;
		--twitter-blue-light: #1da1f2;
		--twitter-black: #14171a;
		--twitter-dark-grey: #657786;
		--twitter-grey: #aab8c2;
		--twitter-light-grey: #e1e8ed;
		--twitter-lightest-grey: #f5f8fa;

		all: unset; /* remove <a> styling */
		cursor: pointer;
		user-select: none;
		display: flex;
		flex-direction: column;

		/* width: 100%; */
		/* height: 100%; */

		gap: var(--gap-medium-unrelated-blocks);
		transition:
			box-shadow 0.1s ease-out,
			background-color 0.1s ease-out;
		z-index: 1;
		text-align: center;
		align-items: center;
		justify-content: space-evenly;

		padding: 2.5rem 3rem;
	}

	.chin.svelte-214w9u {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 0.5em;
	}

	/* (empty) .card:hover {
		/* box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.5); *\/
		/* background-color: hsl(0deg 0% 1%); *\/
	}*/
	.topRow.svelte-214w9u {
		display: flex;
		flex-direction: row;
		width: 100%;
		height: 3em;
		align-items: center;
		justify-content: center;
		gap: 0.5em;
		/* justify-content: space-between; */
	}

	.topRow.svelte-214w9u:empty,
	.chin.svelte-214w9u:empty {
		display: none;
	}

	.credentials.svelte-214w9u {
		display: flex;
		flex-direction: column;
		line-height: 1em;
		/* gap: 0.5em; */
	}
	a.svelte-214w9u {
		text-decoration: none;
	}

	.twitterIcon.svelte-214w9u {
		position: relative;
		--size: 14px;
		height: var(--size);
		width: var(--size);
		aspect-ratio: 1/1;
		opacity: 1;
		object-fit: contain;
	}

	img.tweetMedia.svelte-214w9u {
		border-radius: 0.5em;
		border: 2px;
		max-width: 300px;
		width: 100%;
		height: auto;
		display: none;
		object-fit: cover;
	}

	/* (unused) .row {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 1em;
	}*/

	.body.svelte-214w9u {
		position: relative;
		transition: all 1s;
	}

	/* (unused) .dim {
		opacity: 0.5;
	}*/

	/* (unused) .qm:last-child {
		right: 0;
		left: auto;
		transform: translate(100%, -50%);
	}*/
	.body.svelte-214w9u a {
		color: var(--twitter-blue);
		text-decoration: none;

		opacity: 0.9;
	}

	.body.svelte-214w9u a:hover {
		text-decoration: underline;
		opacity: 1;
	}
	.date.svelte-214w9u {
		/* margin-top: auto; */
		/* margin-bottom: 0; */
		font-size: 0.8em;
		opacity: 0.5;
	}

	/* (empty) .text {
		/* transition: opacity, transform; *\/
		/* transition-duration: 1s; *\/
	}*/
	/* (empty) .text:not(.visible) {
		/* opacity: 0; *\/
		/* transform: translateY(3em); *\/
	}*/
