.docs-switcher__container {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.docs-switcher__label {
	color: var(--pst-color-text-muted);
	font-size: 0.875rem;
	white-space: nowrap;
}

.docs-switcher__button {
	background: var(--pst-color-surface);
	border: 1px solid var(--pst-color-border);
	color: var(--pst-color-text-base);
	font-size: 0.875rem;
	padding: 0.25rem 0.6rem;
}

.docs-switcher__button:hover,
.docs-switcher__button:focus-visible {
	background: var(--pst-color-surface);
	border-color: transparent;
	color: var(--pst-color-text-base);
	box-shadow: 0 0 0 0.1875rem var(--imf-color-primary);
}

.docs-switcher__button:active {
	background: var(--pst-color-surface);
	border-color: var(--pst-color-border);
	color: var(--pst-color-text-base);
}

.docs-switcher .dropdown-menu {
	max-height: 20rem;
	overflow-y: auto;
}

.docs-switcher .dropdown-item.active,
.docs-switcher .dropdown-item:active {
	background: var(--pst-color-primary);
	color: var(--pst-color-on-primary);
}

.version-switcher .dropdown-menu {
	min-width: 8rem;
}

.package-switcher .dropdown-menu {
	min-width: 14rem;
}