.planovo-effect-liquid-glass,
.planovo-liquid-glass {
	--planovo-lg-tint: rgba(255, 255, 255, 0.14);
	--planovo-lg-border: rgba(255, 255, 255, 0.42);
	--planovo-lg-blur: 12;
	--planovo-lg-depth: 10;
	--planovo-lg-strength: 100;
	--planovo-lg-chromatic: 4;
	--planovo-lg-brightness: 1.06;
	--planovo-lg-saturation: 1.25;
	--planovo-lg-filter: blur(calc(var(--planovo-lg-blur) * 1px)) brightness(var(--planovo-lg-brightness)) saturate(var(--planovo-lg-saturation));
	position: relative;
	overflow: hidden;
	background-color: var(--planovo-lg-tint);
	border-color: var(--planovo-lg-border);
	/* box-shadow:
		inset 0 0 0 1px var(--planovo-lg-border),
		inset 0 1px 0 rgba(255, 255, 255, 0.36),
		0 18px 60px rgba(0, 0, 0, 0.16); */
	box-shadow: inset 0 0 0 1px var(--planovo-lg-border), inset 9px 6px 8px 3px rgb(0 0 0 / 4%), inset -5px 0 8px -5px rgb(255 255 255 / 84%), inset -10px 0px 23px -9px rgb(255 255 255 / 84%);
	-webkit-backdrop-filter: var(--planovo-lg-filter);
	backdrop-filter: var(--planovo-lg-filter);
}

.planovo-effect-liquid-glass::before,
.planovo-liquid-glass::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	content: "";
	border-radius: inherit;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.06) 34%, rgba(255, 255, 255, 0.16) 68%, rgba(255, 255, 255, 0.05)),
		var(--planovo-lg-tint);
	pointer-events: none;
}

.planovo-effect-liquid-glass > *,
.planovo-liquid-glass > * {
	position: relative;
	z-index: 1;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.planovo-effect-liquid-glass,
	.planovo-liquid-glass {
		background-color: rgba(255, 255, 255, 0.22);
	}
}