figure.svelte-11b469i {
		position: relative;
		background-color: var(--color-media-background);

		transition: background-color var(--transition-media-load);
	}

	figure.loaded.svelte-11b469i {
		background-color: transparent;
	}

	.blurhash.svelte-11b469i {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;

		transition: opacity var(--transition-media-load) var(--transition-media-load-duration);
	}

	.blurhash.loaded.svelte-11b469i {
		opacity: 0;
	}

	.image.svelte-11b469i {
		position: relative;

		opacity: 0;
		transition: opacity var(--transition-media-load);
	}

	.image.loaded.svelte-11b469i {
		opacity: 1;
	}

	.layout-width.svelte-11b469i {
		width: 100%;
	}

	.layout-height.svelte-11b469i {
		height: 100%;
	}

	.layout-cover.svelte-11b469i {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.layout-contain.svelte-11b469i {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}