.overlay.svelte-1vjbbhh {
		position: relative;

		padding: 1.5em;
		border-radius: 1000px;
		pointer-events: none;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.5s ease-in-out;
	}

	.overlay.svelte-1vjbbhh:before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		padding: inherit;
		background-color: rgba(44, 45, 47, 0.7);
		transition: transform var(--transduration) var(--transtimingfunction);
		backdrop-filter: blur(5px);
		z-index: -1;
		border-radius: 100%;
	}

	.overlay.hovering.svelte-1vjbbhh:before {
		transform: translate(-50%, -50%) scale(1.1);
	}

	.overlay.svelte-1vjbbhh {
		cursor: pointer;
	}

	.wrap.svelte-1bsvmo3 {
		/* width: fit-content; */
		/* height: fit-content; */
		/* width: auto; */
		/* height: auto; */
		width: 100%;
		height: 100%;
		position: relative;
	}

	.wrap.autoHeight.svelte-1bsvmo3 {
		/* width: auto; */
		display: flex;
		align-items: center;
		justify-content: center;
		flex-grow: grow;
		/* background: red; */
	}

	.wrap.contain.svelte-1bsvmo3 {
		/* width: 100%; */
		display: flex;
		justify-content: center;
		align-items: center;
	}
	img.svelte-1bsvmo3,
	video.svelte-1bsvmo3 {
		height: auto;
		width: 100%;
		transition:
			filter var(--transduration) var(--transtimingfunction),
			transform var(--transduration) var(--transtimingfunction);
		object-fit: cover;
		border-radius: var(--surface-border-radius);
		overflow: hidden;
	}
	/* (unused) img.contain,*/
	video.contain.svelte-1bsvmo3 {
		/* object-fit: contain; */
		height: 100%;
		width: auto;
	}

	.thumbnail.svelte-1bsvmo3 {
		object-fit: cover;
	}

	/* (empty) .thumbnail.hovering {
		/* filter: brightness(0.85); *\/
		/* transform: scale(1.01); *\/
	}*/

	.thumbnail.svelte-1bsvmo3 {
		cursor: pointer;
	}

	/* (empty) video.paused {
	}*/

	.overlay.svelte-1bsvmo3 {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		/* z-index: 999999999; */
		/* pointer-events: none; */
	}