.testimonials {
	position: relative;

	> header {
		> h2 {
			display: inline-block;
		}
	}

	> btw-fader {
		position: relative;
		display: block;
		margin-top: var(--s-md);

		> ul {
			> li {
				position: absolute;
				opacity: 0;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				transition: opacity var(--a-md);

				&.is-active {
					position: relative;
					opacity: 1;
					transform: translateX(0);
				}

				> blockquote {
					color: var(--c-fg-dk);
					font-weight: inherit;
					text-align: right;
					text-wrap: balance;
					background: none;

					> cite {
						display: block;
						margin-top: var(--s-sm);
						color: var(--c-blue-dk);

						&:before {
							content: "-";
							margin-right: var(--s-xs);
						}
					}
				}

				> i {
					display: block;
					width: 100%;
					height: calc(0.5 * var(--s));
					margin-top: var(--s-xs);
					background-color: var(--c-blue-dk);
					transform-origin: right;
					transform: scaleX(1);
				}

				&.is-active > i {
					transform: scaleX(0);
				}
			}
		}
	}
}