/* Shared room-entry and correction cues; coordinates are physical viewport positions, including RTL. */
.sonub-target-guide {
	position: fixed;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	max-block-size: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	pointer-events: none;
	overflow: hidden;
}
.sonub-target-guide > span {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	opacity: 0;
}
.sonub-target-trail { background: radial-gradient(ellipse, var(--wa-color-brand-fill-loud), transparent 70%); }
.sonub-target-ring {
	box-sizing: border-box;
	border: 2px solid var(--wa-color-brand-fill-loud);
	background: var(--wa-color-brand-fill-loud);
}
.sonub-target-guide[data-kind='entry'] .sonub-target-trail {
	background: radial-gradient(circle, var(--wa-color-brand-fill-loud), color-mix(in srgb, var(--wa-color-brand-fill-loud) 36%, transparent) 45%, transparent 70%);
}
.sonub-target-guide[data-kind='entry'] .sonub-target-ring {
	background: radial-gradient(circle, transparent 48%, color-mix(in srgb, var(--wa-color-brand-fill-loud) 35%, transparent) 64%, transparent 70%);
}
/* Coordinates passed to Web Animations are physical viewport positions, including RTL. */
.sonub-target-guide { direction: ltr; }
@media (prefers-reduced-motion: reduce) {
	.sonub-target-guide { display: none; }
}