.eb_liquid_glass-effect1 {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.eb_liquid_glass-effect2 {
	-webkit-backdrop-filter: blur(10px) brightness(1);
	backdrop-filter: blur(10px) brightness(1);
}

.eb_liquid_glass-effect3 {
	overflow: hidden;
	border: solid 1px color-mix(in srgb, var(--accent) 30%, transparent);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	background: color-mix(in srgb, var(--accent) 7.5%, transparent);
	transform: translateZ(0);
}

.eb_liquid_glass-effect3::before {
	position: absolute;
	content: "";
	z-index: -99;
	height: 100%;
	width: 100%;
	left: 0;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	filter: url(#eb-glass-distortion3);
	transform: translateZ(0);
	top: 0;
}

.eb_liquid_glass-effect4 {
	overflow: hidden;
	border: solid 1px color-mix(in srgb, var(--accent) 30%, transparent);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	background: color-mix(in srgb, var(--accent) 7.5%, transparent);
	transform: translateZ(0);
}

.eb_liquid_glass-effect4::before {
	position: absolute;
	content: "";
	z-index: -99;
	height: 100%;
	width: 100%;
	left: 0;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	filter: url(#eb-glass-distortion4);
	transform: translateZ(0);
	top: 0;
}

.eb_liquid_glass-effect5 {
	overflow: hidden;
	border: solid 1px color-mix(in srgb, var(--accent) 30%, transparent);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	background: color-mix(in srgb, var(--accent) 7.5%, transparent);
	transform: translateZ(0);
}

.eb_liquid_glass-effect5::before {
	position: absolute;
	content: "";
	z-index: -99;
	height: 100%;
	width: 100%;
	left: 0;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(0px);
	filter: url(#eb-glass-distortion5);
	transform: translateZ(0);
	top: 0;
}

.eb_liquid_glass_shadow-effect1 {
	box-shadow: -1px 9px 28px 2px rgba(0, 0, 0, 0.78);
	-webkit-box-shadow: -1px 9px 28px 2px rgba(0, 0, 0, 0.78);
	-moz-box-shadow: -1px 9px 28px 2px rgba(0, 0, 0, 0.78);
}

.eb_liquid_glass_shadow-effect2 {
	box-shadow: 0px 0px 8px 1px rgb(165 165 165 / 78%);
	-webkit-box-shadow: 0px 0px 8px 1px rgb(165 165 165 / 78%);
	-moz-box-shadow: 0px 0px 8px 1px rgb(165 165 165 / 78%);
}

.eb_liquid_glass_shadow-effect3 {
	box-shadow: 1px 1px 60px 0 #bebebe;
	-webkit-box-shadow: 1px 1px 60px 0 #bebebe;
	-moz-box-shadow: 1px 1px 60px 0 #bebebe;
}

.eb_liquid_glass_shadow-effect4 {
	border: 2px solid rgb(206, 206, 206);
	box-shadow: inset 10px 10px 20px rgba(153, 192, 255, 0.1),
		inset 2px 2px 5px rgba(195, 218, 255, 0.2),
		inset -10px -10px 20px rgba(229, 253, 190, 0.1),
		inset -2px -2px 30px rgba(247, 255, 226, 0.2);
}