:root {
    --c-light: #fff;
    --c-dark: #000;
    --glass-reflex-dark: 2;
    --glass-reflex-light: 2;
}

.eael_liquid_glass-effect3 {
    overflow: hidden;
    border-radius: 24px;
    border: none;
    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;
}

.eael_liquid_glass-effect3::before {
    position: absolute;
    content: "";
    z-index: -99;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.eael_liquid_glass-effect4 {
   overflow: hidden;
   background: color-mix(in srgb, var(--accent) 7.5%, transparent);
   transform: translateZ(0);
}

.eael_liquid_glass-effect4::before {
   position: absolute;
   content: "";
   z-index: -99;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
}

.eael_liquid_glass-effect5 {
   overflow: hidden;
   background: color-mix(in srgb, var(--accent) 7.5%, transparent);
   transform: translateZ(0);
}

.eael_liquid_glass-effect5::before {
   position: absolute;
   content: "";
   z-index: -99;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
}

.eael_liquid_glass-effect6 {
   overflow: hidden;
   background: color-mix(in srgb, var(--accent) 7.5%, transparent);
   transform: translateZ(0);
}

.eael_liquid_glass-effect6::before {
   position: absolute;
   content: "";
   z-index: -99;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
}