.twitter-tweet:not(.twitter-tweet-rendered) {
	padding: var(--tc-padding, 1em);
	border: 1px solid var(--tc-border-color, #cfd9de);
}
.twitter-tweet:not(.twitter-tweet-rendered) > :first-child {
	margin-top: 0;
}
.twitter-tweet:not(.twitter-tweet-rendered) > :last-child {
	margin-bottom: 0;
}
.twitter-tweet.twitter-tweet-rendered {
	color-scheme: normal;
}
lite-youtube {
    background-color: #000;
    position: relative;
    display: block;
    contain: content;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    max-width: 720px;
}

/* gradient */
lite-youtube::before {
    content: attr(data-title);
    display: block;
    position: absolute;
    top: 0;
    /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */
    background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);
    height: 99px;
    width: 100%;
    font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
    color: hsl(0deg 0% 93.33%);
    text-shadow: 0 0 2px rgba(0,0,0,.5);
    font-size: 18px;
    padding: 25px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

lite-youtube:hover::before {
    color: white;
}

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
    content: "";
    display: block;
    padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/* play button */
lite-youtube > .lty-playbtn {
    display: block;
    /* Make the button element cover the whole area for a large hover/click target… */
    width: 100%;
    height: 100%;
    /* …but visually it's still the same size */
    background: no-repeat center/68px 48px;
    /* YT's actual play button svg */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
    position: absolute;
    cursor: pointer;
    z-index: 1;
    filter: grayscale(100%);
    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
    border: 0;
}

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
    filter: none;
}

/* Post-click styles */
lite-youtube.lyt-activated {
    cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
    opacity: 0;
    pointer-events: none;
}

.lyt-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
lite-youtube > iframe {
		all: unset !important;
		width: 100% !important;
		height: 100% !important;
		position: absolute !important;
		inset: 0 !important;
		border: 0 !important;
	}lite-vimeo {
	font-size: 10px;
	background-color: #000;
	position: relative;
	display: block;
	contain: content;
	background-position: center center;
	background-size: cover;
}

/* responsive iframe with a 16:9 aspect ratio
	thanks https://css-tricks.com/responsive-iframes/
*/
lite-vimeo::after {
	content: '';
	display: block;
	padding-bottom: calc(100% / (16 / 9));
}
lite-vimeo > iframe {
	all: unset !important;
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	inset: 0 !important;
	border: 0 !important;
}

/* play button */
lite-vimeo > .ltv-playbtn {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	background: transparent;
	outline: 0;
	border: 0;
	cursor: pointer;
}

lite-vimeo > .ltv-playbtn::before {
	width: 6.5em;
	height: 4em;
	background: rgba(23, 35, 34, 0.75);
	opacity: 0.8;
	border-radius: 0.25rem;
	transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
lite-vimeo > .ltv-playbtn:focus::before {
	outline: auto;
}
lite-vimeo:hover > .ltv-playbtn::before {
	background-color: rgb(0, 173, 239);
	background-color: var(--ltv-color, #00adef);
	opacity: 1;
}
/* play button triangle */
lite-vimeo > .ltv-playbtn::after {
	border-style: solid;
	border-width: 1em 0 1em 1.7em;
	border-color: transparent transparent transparent #fff;
}

lite-vimeo > .ltv-playbtn::before,
lite-vimeo > .ltv-playbtn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
}

/* Post-click styles */
lite-vimeo.ltv-activated::before,
lite-vimeo.ltv-activated > .ltv-playbtn {
	cursor: unset;
	opacity: 0;
	pointer-events: none;
}
.external-link[data-astro-cid-stjl7fun]{display:flex;flex-direction:column;width:100%;border:var(--bluesky-card-border);border-radius:var(--bluesky-radius-md);overflow:hidden;text-decoration:none;color:var(--bluesky-color-text);background:var(--bluesky-color-background);transition:var(--bluesky-card-transition)}.thumbnail[data-astro-cid-stjl7fun]{aspect-ratio:var(--bluesky-aspect-ratio-thumb);width:100%;height:auto;object-fit:cover}.content[data-astro-cid-stjl7fun]{padding:var(--bluesky-content-padding)}.domain[data-astro-cid-stjl7fun]{font-size:var(--bluesky-font-size-sm);color:var(--bluesky-color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title[data-astro-cid-stjl7fun]{font-weight:var(--bluesky-font-weight-semibold);margin:0;color:var(--bluesky-color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.description[data-astro-cid-stjl7fun]{font-size:var(--bluesky-font-size-sm);color:var(--bluesky-color-text-secondary);margin:var(--bluesky-space-xs) 0 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-grid-container[data-astro-cid-tayatr6q]{width:100%;max-width:var(--bluesky-content-max-width);margin:0 auto;aspect-ratio:var(--bluesky-aspect-ratio-thumb)}.image-grid[data-astro-cid-tayatr6q]{width:100%;height:100%;display:grid;gap:var(--bluesky-space-xs);border-radius:var(--bluesky-radius-md);overflow:hidden}.image-grid-item[data-astro-cid-tayatr6q]{position:relative;overflow:hidden;width:100%;height:100%;background-color:var(--bluesky-color-border)}.image-grid-item[data-astro-cid-tayatr6q] img[data-astro-cid-tayatr6q]{width:100%;height:100%;object-fit:cover}.image-grid--1[data-astro-cid-tayatr6q]{grid-template-columns:1fr}.image-grid--2[data-astro-cid-tayatr6q]{grid-template-columns:repeat(2,1fr)}.image-grid--3[data-astro-cid-tayatr6q]{grid-template-columns:repeat(2,1fr)}.image-grid--3[data-astro-cid-tayatr6q] .image-grid-item[data-astro-cid-tayatr6q]:first-child{grid-row:span 2}.image-grid--4[data-astro-cid-tayatr6q]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.media-container[data-astro-cid-kx6yyo6i]{width:100%;overflow:hidden;border-radius:var(--bluesky-radius-md);position:relative;background-color:var(--bluesky-color-border)}.media-container[data-astro-cid-kx6yyo6i]>img[data-astro-cid-kx6yyo6i]{width:100%;height:100%;object-fit:cover}.play-button[data-astro-cid-pkddrwlf]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;border-radius:var(--bluesky-radius-full);background-color:var(--bluesky-color-overlay);display:flex;align-items:center;justify-content:center}.play-icon[data-astro-cid-pkddrwlf]{width:60%;height:60%;object-fit:cover}.thumbnail[data-astro-cid-pkddrwlf]{width:100%;height:100%;object-fit:cover}.avatar[data-astro-cid-manwa2bn]{border-radius:var(--bluesky-radius-full);overflow:hidden;background-color:var(--bluesky-color-border);flex-shrink:0}.avatar[data-astro-cid-manwa2bn] img[data-astro-cid-manwa2bn]{width:100%;height:100%;object-fit:cover}.medium[data-astro-cid-manwa2bn]{width:2.5rem;height:2.5rem}.small[data-astro-cid-manwa2bn]{width:1rem;height:1rem}.post-container[data-astro-cid-focmzavi]{border:var(--bluesky-card-border);border-radius:var(--bluesky-radius-md);display:flex;flex-direction:column;gap:var(--bluesky-space-xs);padding:var(--bluesky-space-sm);text-decoration:none;color:var(--bluesky-color-text);transition:var(--bluesky-card-transition)}.post-link[data-astro-cid-focmzavi]{text-decoration:none}.post-container[data-astro-cid-focmzavi]:hover{background-color:var(--bluesky-color-background-hover)}.user-info[data-astro-cid-focmzavi]{display:flex;gap:var(--bluesky-space-xs);align-items:center}.user-text[data-astro-cid-focmzavi]{font-size:var(--bluesky-font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bluesky-color-text)}.name[data-astro-cid-focmzavi]{font-weight:var(--bluesky-font-weight-bold);color:var(--bluesky-color-text)}.handle[data-astro-cid-focmzavi]{color:var(--bluesky-color-text-secondary);margin-left:var(--bluesky-space-xs)}.content[data-astro-cid-focmzavi]{font-size:var(--bluesky-font-size-sm);color:var(--bluesky-color-text);margin:0;line-height:var(--bluesky-line-height-normal)}.card[data-astro-cid-ovxpf64e]{display:flex;flex-direction:column;width:100%;border:var(--bluesky-card-border);border-radius:var(--bluesky-radius-md);overflow:hidden;text-decoration:none;color:var(--bluesky-color-text);background:var(--bluesky-color-background);transition:var(--bluesky-card-transition)}.card[data-astro-cid-ovxpf64e]:hover{background:var(--bluesky-color-background-hover)}.cover-image[data-astro-cid-ovxpf64e]{aspect-ratio:var(--bluesky-aspect-ratio-thumb);width:100%;height:auto;object-fit:cover}.content[data-astro-cid-ovxpf64e]{padding:var(--bluesky-content-padding)}.header[data-astro-cid-ovxpf64e]{display:flex;gap:var(--bluesky-card-gap);align-items:center}.avatar[data-astro-cid-ovxpf64e]{width:var(--bluesky-avatar-md);height:var(--bluesky-avatar-md)}.title-group[data-astro-cid-ovxpf64e]{display:flex;flex-direction:column;gap:var(--bluesky-space-2xs)}.title[data-astro-cid-ovxpf64e]{font-weight:var(--bluesky-font-weight-semibold);line-height:var(--bluesky-line-height-title);margin:0;color:var(--bluesky-color-text)}.subtitle[data-astro-cid-ovxpf64e]{font-size:var(--bluesky-font-size-sm);color:var(--bluesky-color-text-secondary);line-height:var(--bluesky-line-height-subtitle);margin:0}.description[data-astro-cid-ovxpf64e]{font-size:var(--bluesky-font-size-sm);color:var(--bluesky-color-text-secondary);line-height:var(--bluesky-line-height-normal);margin:var(--bluesky-space-xs) 0 0 0}.record-with-media[data-astro-cid-ojlygtsz]{display:flex;flex-direction:column;gap:var(--bluesky-space-sm)}.bluesky-post-container {
	/* Colours */
	--bluesky-color-overlay: rgba(0, 0, 0, 0.5);

	--bluesky-color-link: rgb(59 130 246);

	/* Colour palette */
	--bluesky-color-text--light: #000000;
	--bluesky-color-text-secondary--light: rgb(66 87 108);
	--bluesky-color-border--light: #e5e5e5;
	--bluesky-color-background--light: #ffffff;
	--bluesky-color-background-hover--light: #fafafa;

	--bluesky-color-text--dark: white;
	--bluesky-color-text-secondary--dark: rgb(174, 187, 201);
	--bluesky-color-border--dark: rgb(46, 64, 82);
	--bluesky-color-background--dark: hsl(211, 20%, 20%);
	--bluesky-color-background-hover--dark: hsl(211, 20%, 15%);

	/* Light theme */
	--bluesky-color-text: var(--bluesky-color-text--light);
	--bluesky-color-text-secondary: var(--bluesky-color-text-secondary--light);
	--bluesky-color-border: var(--bluesky-color-border--light);
	--bluesky-color-background: var(--bluesky-color-background--light);
	--bluesky-color-background-hover: var(
		--bluesky-color-background-hover--light
	);

	/* Typography */
	--bluesky-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		'Helvetica Neue', Arial, sans-serif;
	--bluesky-font-size-sm: 0.875rem; /* 14px */
	--bluesky-font-size-base: 1rem; /* 16px */
	--bluesky-font-size-lg: 1.125rem; /* 18px */

	--bluesky-font-weight-normal: 400;
	--bluesky-font-weight-medium: 500;
	--bluesky-font-weight-semibold: 600;
	--bluesky-font-weight-bold: 700;

	--bluesky-line-height-tight: 1.2;
	--bluesky-line-height-normal: 1.4;
	--bluesky-line-height-relaxed: 1.6;
	--bluesky-line-height-title: 21px;
	--bluesky-line-height-subtitle: 18px;

	/* Spacing */
	--bluesky-space-2xs: 0.125rem; /* 2px */
	--bluesky-space-xs: 0.25rem; /* 4px */
	--bluesky-space-sm: 0.5rem; /* 8px */
	--bluesky-space-md: 0.75rem; /* 12px */
	--bluesky-space-lg: 1rem; /* 16px */
	--bluesky-space-xl: 1.25rem; /* 20px */
	--bluesky-space-2xl: 1.5rem; /* 24px */

	/* Layout */
	--bluesky-radius-sm: 0.25rem; /* 4px */
	--bluesky-radius-md: 0.5rem; /* 8px */
	--bluesky-radius-lg: 0.75rem; /* 12px */
	--bluesky-radius-full: 9999px;

	/* Content */
	--bluesky-content-max-width: 600px;
	--bluesky-content-min-width: 300px;
	--bluesky-content-padding-x: var(--bluesky-space-lg);
	--bluesky-content-padding-y: var(--bluesky-space-md);
	--bluesky-content-padding: var(--bluesky-content-padding-y)
		var(--bluesky-content-padding-x);

	/* Cards & Components */
	--bluesky-card-gap: var(--bluesky-space-sm);
	--bluesky-card-border: 1px solid var(--bluesky-color-border);
	--bluesky-card-padding: var(--bluesky-content-padding);
	--bluesky-card-transition: background-color 0.2s ease;

	/* Media */
	--bluesky-aspect-ratio-thumb: 1.91/1;
	--bluesky-aspect-ratio-square: 1/1;
	--bluesky-aspect-ratio-video: 16/9;

	/* Icons */
	--bluesky-icon-size-sm: 1rem;
	--bluesky-icon-size-md: 1.5rem;
	--bluesky-icon-size-lg: 2rem;
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	.bluesky-post-container {
		--bluesky-color-text: var(--bluesky-color-text--light);
		--bluesky-color-text-secondary: var(--bluesky-color-text-secondary--light);
		--bluesky-color-border: var(--bluesky-color-border--light);
		--bluesky-color-background: var(--bluesky-color-background--light);
		--bluesky-color-background-hover: var(
			--bluesky-color-background-hover--light
		);
	}
}

/* Dynamic colours when supported */
@supports (--color: light-dark(var(--a), var(--b))) {
	.bluesky-post-container {
		--bluesky-color-text: light-dark(
			var(--bluesky-color-text--light),
			var(--bluesky-color-text--dark)
		);
		--bluesky-color-text-secondary: light-dark(
			var(--bluesky-color-text-secondary--light),
			var(--bluesky-color-text-secondary--dark)
		);
		--bluesky-color-border: light-dark(
			var(--bluesky-color-border--light),
			var(--bluesky-color-border--dark)
		);
		--bluesky-color-background: light-dark(
			var(--bluesky-color-background--light),
			var(--bluesky-color-background--dark)
		);
		--bluesky-color-background-hover: light-dark(
			var(--bluesky-color-background-hover--light),
			var(--bluesky-color-background-hover--dark)
		);
	}
}