/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/parts/part-language-picker/style.css ***!
  \************************************************************************************************************************************************************************************************************/
/** ======================
 ** CONTAINER
 ** ==================== */
.language-picker {
	--_icon-color: var(--wp--preset--color--foreground);
	--_text-color: var(--wp--preset--color--foreground);

	position: relative;
}

[color-scheme="dark"] .language-picker {
	--_icon-color: var(--wp--preset--color--white);
	--_text-color: var(--wp--preset--color--white);
}

.language-picker__list {
	padding: 0;
}

/** ======================
 ** LANGUAGE LIST
 ** ==================== */
.language-picker__list .menu-item,
.language-picker__list-item {
	display: flex;

	position: relative;
}

/**
 * Handle checkmark for current language when plugin is not set
 */
.language-picker__list .menu-item a[aria-current="page"]::before {
	content: "\2713";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1.1em;
	transform: translateY(-50%);
}

/**
 * Handle checkmark for current language when plugin (Polylang) is set
 */
.language-picker__list-item__icon {
	--_current-icon-size: 0.75em;
	--_current-icon-color: var(--wp--preset--color--foreground);

	width: var(--_current-icon-size);
	height: var(--_current-icon-size);
	position: absolute;
	top: 50%;
	left: -1.1em;
	transform: translateY(-50%);
}

/** ======================
 ** BUTTON
 ** ==================== */
.language-picker__button {
	background: none;
	border: none;
	padding: 0;

	display: flex;
	align-items: center;
	gap: 0.5rem;

	cursor: pointer;
}

.language-picker__button__text {
	font-family: var(--wp--preset--font-family--text);
	font-size: calc(var(--wp--preset--font-size--medium) * 0.875);
	font-weight: 600;

	color: var(--_text-color);
}

.language-picker__button__icon {
	width: 1rem;
	height: 1rem;
}

/** ======================
 ** DROPDOWN
 ** ==================== */
.language-picker__dropdown {
	display: none;
	position: absolute;
	top: var(--wp--preset--spacing--40);
	right: 0;

	padding-inline: var(--wp--preset--spacing--40);

	background: var(--wp--preset--color--background);

	border-radius: 0.25em;

	box-shadow: 0.5rem 0.375rem 2rem hsl(0deg 0% 0% / 0.25), -0.5rem -0.375rem
		2rem hsl(0deg 0% 0% / 0.25);

	z-index: 9999;
}

[data-open="true"].language-picker__dropdown {
	display: revert;
}

/** ======================
 ** TOOLTIP
 ** ==================== */
.language-picker__tooltip {
	display: none;
}

.language-picker__button:hover + .language-picker__tooltip {
	display: block;
}

[aria-expanded="true"].language-picker__button + .language-picker__tooltip {
	display: none;
}


/*# sourceMappingURL=style-index.css.map*/