/* VBG Word Flash — inherits everything (font, size, weight, colour) from the theme. */
.vbg-wf {
	font: inherit;
	color: inherit;
}
.vbg-wf__box {
	display: inline-grid;
	vertical-align: baseline;
	position: relative;
	max-width: 100%; /* never wider than the phone screen */
}
/* Stack every word in the same cell so the box takes the width of the longest one */
.vbg-wf__box > .vbg-wf__size,
.vbg-wf__box > .vbg-wf__word {
	grid-area: 1 / 1;
	white-space: nowrap;
}
/* On narrow screens long words/phrases may wrap instead of being cut off */
@media (max-width: 767px) {
	.vbg-wf__box > .vbg-wf__size,
	.vbg-wf__box > .vbg-wf__word {
		white-space: normal;
		overflow-wrap: anywhere;
	}
}
.vbg-wf__size {
	visibility: hidden;
	pointer-events: none;
	user-select: none;
}
.vbg-wf--center .vbg-wf__word { justify-self: center; }
.vbg-wf--right  .vbg-wf__word { justify-self: end; }
.vbg-wf--left   .vbg-wf__word { justify-self: start; }

/* Screen-reader text: the full list, read once instead of flickering */
.vbg-wf__sr {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}