canvas.svelte-zlmjz9 {
		max-width: 400px;
		max-height: 400px;
	}

	.star.svelte-jfrhy9 {
		cursor: pointer;
		font-size: 35px;
		color: #f2952f;
		display: inline-block;
		position: relative;
	}
	.star.svelte-jfrhy9:before {
		content: '★';
		position: absolute;
		left: 0;
		color: #ccc;
	}
	.star.full.svelte-jfrhy9:before {
		content: '★';
		color: #f2952f;
	}
	.star.half.svelte-jfrhy9::before {
		content: '★';
		background: linear-gradient(to right, #f2952f 50%, #ccc 50%);
		background-clip: text; 
		-webkit-background-clip: text; 
		-webkit-text-fill-color: transparent;
		color: transparent;
	}
	

	@media (min-width: 364px) and (max-width: 401px) {
		.custom-position.svelte-g8e3wq {
			top: 45.5% !important;
		}
	}

	@media (min-width: 320px) and (max-width: 363px) {
		.custom-position-screen.svelte-g8e3wq {
			top: 48.1% !important;
		}
	}

	@media (min-width: 313px) and (max-width: 326px) {
		.custom.svelte-g8e3wq {
			top: 49% !important;
		}
	}