@charset "utf-8";

/**/
	.formatted-text-scroll {
		display: grid;
		grid-gap: 1rem;
		margin: var(--mywp-mg-block) auto;
		}
	.formatted-text-scroll-header {
		--fs: var(--mywp-ts-head-2);
		font-weight: 700;
		font-size: var(--fs);
		line-height: 1;
		}
	.formatted-text-scroll-header > strong::after {
		content: '…';
		padding-inline: 0.2em;
		}
	.formatted-text-scroll-header > ul {
		height: var(--fs);
		position: relative;
		}
	.formatted-text-scroll-header > ul > li {
		height: var(--fs);
		line-height: var(--fs);
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		transition: opacity 250ms ease;
		white-space: nowrap;
		}
	.formatted-text-scroll-header > ul > li.inview-scrollthrough-current {
		opacity: 1;
		}
	.formatted-text-scroll-header > ul > li.l {
		font-weight: var(--mywp-heavy);
		}
	@media (max-width: 29.99em) {
		.formatted-text-scroll-header > strong {
			display: block;
			}
	}
	@media (min-width: 30em) {
		.formatted-text-scroll-header {
			--fs: var(--mywp-ts-head-4);
			}
		.formatted-text-scroll-header > strong,
		.formatted-text-scroll-header > ul,
		.formatted-text-scroll-header > ul > li {
			display: inline-block;
			vertical-align: top;
			}
	}
	@media (min-width: 50em) {
		.formatted-text-scroll-header {
			--fs: var(--mywp-ts-head-1);
			}
		.formatted-text-scroll-text {
			max-width: 88rem;
			}
	}
	@media (min-width: 60em) {
		.formatted-text-scroll {
			align-items: center;
			grid-gap: 2rem;
			grid-template-columns: 1fr 20rem;
			}
		.formatted-text-scroll-header {
			--fs: var(--mywp-ts-head-2);
			}
	}
	@media (min-width: 80em) {
		.formatted-text-scroll-header {
			--fs: var(--mywp-ts-head-1);
			}
	}
	@media (min-width: 100em) {
		.formatted-text-scroll-header {
			--fs: var(--mywp-ts-head-0);
			}
	}