.smileyHolder.svelte-1285vr1 {
		position: absolute;
		top: 50%;
		left: 50%;
		border-radius: 100%;
		z-index: 2;
		box-shadow: 10px 10px 0 0px rgba(0, 0, 0, 0.2);
		width: min(15%, 80px);
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.bg.svelte-1285vr1 {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.bg.svelte-1285vr1:not(.showBG) {
		opacity: 0;
	}

	.smiley.svelte-1285vr1 {
		width: 100%;
		height: auto;
	}

	.plus.svelte-1285vr1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 3em;
		color: black;
		opacity: 0.1;
	}

	.inviewhandler.svelte-1285vr1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
	}