.yh-multilingual-fallback-notice {
	background: #ffffff;
	border: 1px solid rgba(31, 41, 55, 0.12);
	border-left: 4px solid #2f6fed;
	border-radius: 8px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16);
	box-sizing: border-box;
	color: #1f2937;
	font-size: 14px;
	font-weight: 600;
	left: max(18px, env(safe-area-inset-left));
	line-height: 1.45;
	max-width: min(380px, calc(100vw - 36px));
	padding: 12px 16px 12px 14px;
	position: fixed;
	top: calc(var(--yh-multilingual-notice-top, 88px) + var(--yh-multilingual-admin-bar-offset, 0px));
	transform: translate3d(0, 0, 0);
	transition:
		opacity 180ms ease,
		transform 180ms ease,
		visibility 180ms ease;
	visibility: visible;
	z-index: 99990;
}

.admin-bar .yh-multilingual-fallback-notice {
	--yh-multilingual-admin-bar-offset: 32px;
}

.yh-multilingual-fallback-notice.is-hidden {
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, -10px, 0);
	visibility: hidden;
}

.yh-multilingual-language-badge {
	align-items: center;
	background: rgba(31, 41, 55, 0.08);
	border: 1px solid rgba(31, 41, 55, 0.14);
	border-radius: 4px;
	color: #4b5563;
	display: inline-flex;
	font-size: 0.68em;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin-left: 0.45em;
	padding: 0.22em 0.38em;
	text-transform: uppercase;
	vertical-align: 0.12em;
	white-space: nowrap;
}

@media (max-width: 782px) {
	.admin-bar .yh-multilingual-fallback-notice {
		--yh-multilingual-admin-bar-offset: 46px;
	}
}

@media (max-width: 640px) {
	.yh-multilingual-fallback-notice {
		--yh-multilingual-notice-top: 72px;
		font-size: 13px;
		left: 14px;
		max-width: calc(100vw - 28px);
		padding: 11px 14px;
	}
}