
	.wrap.svelte-khwi1r {
		display: grid;
		grid-template-columns: 1fr;
		/* min-width: max-content; */
		max-width: min(calc(100vw - 2em), fit-content);
	}

	.wrap.svelte-khwi1r > * {
		position: relative;
		pointer-events: none;
		transition-property: transform, opacity;
		transition-duration: 0.2s;
		grid-row-start: 1;
		grid-column-start: 1;
		max-width: min(calc(100vw - 2em), 100%);
		margin: 0 auto;
	}

	.wrap.svelte-khwi1r > .active {
		opacity: 1;
		pointer-events: unset;
		position: relative;
		visibility: visible;
	}

	.wrap.svelte-khwi1r > :not(.active) {
		visibility: hidden;
	}

	.wrap.svelte-khwi1r > .animateOutLeft {
		transform: translate(-10%, 0);
		opacity: 0;
	}

	.wrap.svelte-khwi1r > .animateOutRight {
		transform: translate(10%, 0);
		opacity: 0;
	}
