:root {
    --glass-blur: 24px;
    --glass-saturation: 180%;
    --glass-shadow: none;
}
.ui-glass {
    background: var(--glass-background);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation));
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturation));
    box-shadow: var(--glass-shadow);
}
@supports not (
    (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))
) {
    .ui-glass {
        background: var(--glass-fallback-background);
    }
}
@media (prefers-reduced-transparency: reduce) {
    .ui-glass {
        background: var(--glass-fallback-background);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}