/* Story Studio Plush - the Text tool: how a text block looks (the learner's stage and the editor's stage) */

.tsp-txt {
	position: absolute;
	z-index: 7;
	box-sizing: border-box;
	pointer-events: none;
	transform-origin: 50% 50%;
}
.tsp-txt-wrap { display: block; }
.tsp-txt-box {
	display: block;
	box-sizing: border-box;
	max-width: 100%;
	overflow-wrap: anywhere;
	white-space: normal;
	font-kerning: normal;
}
.tsp-txt-box.is-box-soft { padding: 0.3em 0.55em; border-radius: 0.35em; }
.tsp-txt-box.is-box-pill { padding: 0.2em 0.8em; border-radius: 999px; }
.tsp-txt-box.is-box-card { padding: 0.35em 0.65em; border-radius: 0.2em; box-shadow: 0 0.1em 0.35em rgba(0, 0, 0, 0.3), inset 0 0 0 0.05em rgba(255, 255, 255, 0.25); }
.tsp-txt-w { display: inline; }
.tsp-txt-c { display: inline; }

@media (prefers-reduced-motion: reduce) { .tsp-txt-wrap, .tsp-txt-box { animation: none !important; } }