/**
 * Utility classes.
 */

.dc-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.dc-text-muted {
	color: var(--dc-colour-muted);
}

.dc-text-center {
	text-align: center;
}

.dc-visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.is-open {
	display: block !important;
}

.is-active {
	border-color: var(--dc-colour-brand) !important;
	background: color-mix(in srgb, var(--dc-colour-brand) 8%, var(--dc-colour-surface)) !important;
}

.no-scroll {
	overflow: hidden;
}