:root {
--c-light: #fff;
--c-dark: #000;
--glass-reflex-dark: 2;
--glass-reflex-light: 2;
} .ba-liquid-glass {
position: relative;
overflow: hidden;
isolation: isolate;
} .ba-lg-effect3::before,
.ba-lg-effect4::before,
.ba-lg-effect5::before,
.ba-lg-effect6::before {
position: absolute;
content: "";
z-index: -99;
height: 100%;
width: 100%;
left: 0;
top: 0; backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}  .ba-lg-effect1 {
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
background-color: rgba(255, 255, 255, 0.12);
}  .ba-lg-effect2 {
backdrop-filter: blur(20px) brightness(1);
-webkit-backdrop-filter: blur(20px) brightness(1);
background-color: rgba(255, 255, 255, 0.12);
}  .ba-lg-effect3 {
border: none;
-webkit-box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent) !important;
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent) !important;
}  .ba-lg-effect4 {
border-radius: 24px;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}  .ba-lg-effect5 {
border-radius: 24px;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}  .ba-lg-effect6 {
transform: translateZ(0);
-webkit-transform: translateZ(0);
} .ba-lg-border-distortion {
border: none !important;
box-shadow:
inset 0 0 0 2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent),
inset 2px 1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent),
inset -1.5px -1px 0px -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent),
inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent),
inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent),
inset 0px -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent),
0px 3px 6px 0px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent) !important;
}