.scc-visually-hidden,
.scc-visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.scc-visually-hidden-focusable:focus,
.scc-visually-hidden-focusable:focus-within {
	position: fixed;
	z-index: 1000;
	inset-block-start: var(--scc-space-4);
	inset-inline-start: var(--scc-space-4);
	padding: var(--scc-space-3) var(--scc-space-4);
	background: var(--scc-brand-background);
	color: var(--scc-brand-foreground);
	border: 1px solid var(--scc-brand-border);
}

.scc-is-selected {
	border-color: var(--scc-brand-accent);
}

.scc-is-disabled,
[aria-disabled="true"],
:disabled {
	cursor: not-allowed;
	opacity: var(--scc-state-disabled-opacity);
}

.scc-is-loading {
	cursor: progress;
	opacity: var(--scc-state-loading-opacity);
}

.scc-state-empty,
.scc-state-error,
.scc-state-success,
.scc-state-out-of-stock,
.scc-state-unavailable {
	color: inherit;
}

.scc-min-target {
	min-width: var(--scc-control-min-target);
	min-height: var(--scc-control-min-target);
}