.glassContainer{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--c-content:#224;--c-action:#0052f5;--c-bg:#e8e8e9;--glass-reflex-dark:0.5;--glass-reflex-light:0.5;--saturation:150%;position:relative;border-radius:var(--liquid-glass);pointer-events:none;background-color:rgba(187,187,188,.12);-webkit-backdrop-filter:blur(4px) url(#switcher) saturate(150%);backdrop-filter:blur(4px) url(#switcher) saturate(150%);backdrop-filter:blur(4px) url(#switcher) saturate(var(--saturation));-webkit-backdrop-filter:blur(4px) saturate(150%);-webkit-backdrop-filter:blur(4px) saturate(var(--saturation));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 1.8px 4px 0 -2px rgba(255,255,255,.45),inset -2px -3px 0 -2px rgba(255,255,255,.4),inset -3px -7px 1px -6px rgba(255,255,255,.3),inset -.3px -1px 4px 0 rgba(0,0,0,.06),inset -1.5px 2.5px 0 -2px rgba(0,0,0,.1),inset 0 3px 4px -2px rgba(0,0,0,.1),inset 2px -6.5px 1px -4px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.04);transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1)}@supports (color:color-mix(in lch,red,blue)){.glassContainer{background-color:color-mix(in srgb,var(--c-glass) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 4px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -2px -3px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -7px 1px -6px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 1px 5px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 6px 16px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}}.dark .glassContainer{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 2.5px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -7px 1px -6px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 1px 5px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 6px 16px 0 color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}.glassContainer>*{pointer-events:auto}.switcher__filter{position:absolute;width:0;height:0;z-index:-1}