.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);
}