.buttons.svelte-101d0fk {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		column-gap: var(--s16);
		row-gap: var(--s16);
	}

	.arrow-carousel.svelte-x9qco8 {
		width: 64px;
		height: 64px;
		padding: 20px;

		display: flex;
		align-items: center;
		justify-content: center;

		border-radius: 50%;
		border: var(--line-width) solid var(--color-white);
	}

	.embla-carousel-wrapper.svelte-1t0sv2y {
		position: relative;
		width: 100%;
	}

	.embla-carousel.svelte-1t0sv2y {
		overflow: hidden;
		user-select: none;

		cursor: grab;
	}

	.embla-carousel.svelte-1t0sv2y:active {
		cursor: grabbing;
	}

	.controls.svelte-1t0sv2y {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);

		width: 100%;

		margin-bottom: var(--s40);
		justify-self: flex-end;

		display: flex;
		column-gap: var(--s16);
		justify-content: space-between;

		--text-color: var(--color-gold);
		color: var(--text-color);

		pointer-events: none;
	}

	.control.svelte-1t0sv2y {
		position: relative;
		pointer-events: auto;
		backdrop-filter: blur(8px);

		opacity: 1;
		transition: opacity var(--transition-default);

		border-radius: 50%;
	}

	.control.disabled.svelte-1t0sv2y {
		opacity: 0.33;
	}

	.control-previous.svelte-1t0sv2y {
		left: -72px;
	}

	.control-next.svelte-1t0sv2y {
		right: -72px;
	}

	@media (max-width: 1000px) {
		.controls.svelte-1t0sv2y {
			display: none;
		}
	}