.wrapper.svelte-j3yzsm {
		width: 100%;
	}
	.embla.svelte-j3yzsm {
		position: relative;
		overflow: hidden;
		border-radius: var(--surface-border-radius);
		max-width: calc(100% - 10px);
		display: flex;
		flex-direction: column;
		/* gap: 1rem; */
		/* width: 100%; */
		align-items: center;
		max-width: 100dvw;

		height: 100%;
		user-select: none;
	}
	.embla__container.svelte-j3yzsm {
		display: flex;
		/* width: 100%; */

		@media screen and (min-width: 800px) {
			/* padding-left: 10%; */
		}
	}

	.embla__slide.svelte-j3yzsm {
		flex: 0 0 auto;
		padding: 10px 5px;
		overflow: visible;
		/* width: 300px; */

		position: relative;
		display: flex;
		align-items: stretch;
		justify-content: stretch;
	}

	.embla__slide.svelte-j3yzsm > * {
		flex: 1;
		width: 100%;
		height: 100%;
	}

	.embla.svelte-j3yzsm:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, var(--bg-color) 0px, transparent 40px, transparent calc(100% - 40px), var(--bg-color) 100%);
		z-index: 100;
		pointer-events: none;

		@media screen and (max-width: 800px) {
			background: linear-gradient(90deg, var(--bg-color) 0px, transparent 20px, transparent calc(100% - 20px), var(--bg-color) 100%);
		}
	}

	.counter.svelte-j3yzsm {
		position: relative;
		align-self: end;
		right: 50px;
		opacity: var(--dim-opacity);

		font-size: 0.75rem;
	}