/* Utilities */

/* Text for screen readers only. WordPress core prints this class in many places. */
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	word-wrap: normal !important;
}

/* The skip link becomes visible when it receives keyboard focus. */
.skip-link:focus {
	position: fixed !important;
	z-index: 100000;
	top: var(--lbs-space-2);
	left: var(--lbs-space-2);
	width: auto;
	height: auto;
	margin: 0;
	padding: var(--lbs-space-3) var(--lbs-space-5);
	clip-path: none;
	background: var(--lbs-white);
	color: var(--lbs-text);
	font-weight: 500;
	box-shadow: 0 2px 10px rgb(0 0 0 / 0.15);
}

/* #main receives focus from the skip link; it needs no ring of its own. */
#main:focus { outline: 0; }

.lbs-icon { display: inline-block; vertical-align: middle; }