.wrapper.svelte-1xhivnt {
		--transduration: 0.2s;
		--transtimingfunction: ease-out;
		height: 100%;
		object-fit: cover;
		transition:
			filter var(--transduration) var(--transtimingfunction),
			transform var(--transduration) var(--transtimingfunction);
	}

	.wrapper.hovering.svelte-1xhivnt {
		filter: brightness(0.85);
		transform: scale(1.01);
	}

	.wrapper.svelte-1xhivnt video:where(.svelte-1xhivnt),
	.wrapper.svelte-1xhivnt img:where(.svelte-1xhivnt) {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

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

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

	img.svelte-1xhivnt,
	.overlay.svelte-1xhivnt {
		cursor: pointer;
	}