/**
This is the CSS for the floating focus accessibility helper @q42/floating-focus-a11y.

It is necessary for us to load this CSS lazily to avoid the styles being automatically injected
when the floating focus is imported. This can cause problems when UI code is run in preloads (such
as injected windowTitleBars).
**/

/* Hide focus indicator from everything by default */
*:focus {
	outline: none;
}

/**
This CSS has been copied from @q42/floating-focus-a11y/dist/unstyled.
**/
.floating-focus {
	border: 0 solid currentcolor;
	position: absolute;
	transform: translate(-50%, -50%);
	opacity: 0;
	will-change: top, left, width, height;
	box-sizing: content-box;
	pointer-events: none;
	overflow: hidden;
	z-index: 9999999999;
}

.floating-focus.moving {
	transition-property: opacity, left, top, width, height, border-width, border-radius;
	transition-duration: 0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;
	transition-timing-function: linear, ease, ease, ease, ease, ease, ease;
}

.floating-focus.enabled.visible {
	opacity: 1;
}

.floating-focus::after {
	content: "";
	background: currentcolor;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.2s linear;
}

.floating-focus.helper::after {
	transition-duration: 0.1s;
	opacity: 0.3;
}

.floating-focused {
	/* stylelint-disable */
	outline-style: none !important;
	/* stylelint-enable */
}

.floating-focused::-moz-focus-inner {
	/* stylelint-disable */
	border: 0 !important;
	/* stylelint-enable */
}
