/* liquid-glass.css - Minimale Styles für den Effekt */
.liquid-glass {
    position: relative;
    isolation: isolate;
    /* Optional: Outer shadow based on variable */
    box-shadow: 0px 4px var(--outer-shadow-blur, 24px) rgba(0, 0, 0, 0.18);
    /* Border radius managed by the JS or CSS directly */
    border-radius: var(--glass-radius, 60px);
}

.liquid-glass::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    box-shadow: inset 0 0 var(--shadow-blur, 20px) var(--shadow-spread, -5px) var(--shadow-color, rgba(255, 255, 255, 0.45));
    background-color: rgba(var(--tint-color-rgb, 255, 255, 255), var(--tint-opacity, 0.06));
    pointer-events: none;
}

.liquid-glass::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    backdrop-filter: var(--liquid-glass-filter-url);
    -webkit-backdrop-filter: var(--liquid-glass-filter-url);
    isolation: isolate;
}