.glass,.glass-raised{--glass-tint:hsl(var(--foreground));--glass-light:hsl(var(--foreground));--glass-shade:hsl(var(--background))}.society-theme--light .glass,.society-theme--light .glass-raised{--glass-light:hsl(var(--card));--glass-shade:hsl(var(--foreground))}.glass{background:linear-gradient(to bottom, color-mix(in srgb, var(--glass-tint) 17%, transparent), color-mix(in srgb, var(--glass-tint) 9%, transparent));-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);box-shadow:var(--shadow-card)}.society-theme--light .glass{background:color-mix(in srgb, var(--glass-light) 72%, transparent)}.glass:before,.glass-raised:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--glass-light) 62%, transparent) 0%, color-mix(in srgb, var(--glass-light) 14%, transparent) 32%, color-mix(in srgb, var(--glass-light) 8%, transparent) 62%, color-mix(in srgb, var(--glass-light) 34%, transparent) 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.society-theme--light .glass:before,.society-theme--light .glass-raised:before{background:linear-gradient(135deg, var(--glass-light) 0%, color-mix(in srgb, var(--glass-light) 70%, transparent) 30%, color-mix(in srgb, var(--glass-shade) 7%, transparent) 64%, color-mix(in srgb, var(--glass-shade) 16%, transparent) 100%)}@layer components{.glass{position:relative}.glass.glass-disc{pointer-events:none;border-radius:9999px;position:absolute;inset:0}.glass-disc~*{position:relative}.progressive-blur{--pb-dir:to top;--pb-blur-light:4px;--pb-blur-strong:18px;--pb-wash-edge:.92;--pb-wash-mid:.5;pointer-events:none;position:relative}.progressive-blur[data-edge=top]{--pb-dir:to bottom}.progressive-blur[data-strength=fade]{--pb-wash-edge:.92;--pb-wash-mid:.4}}@media (hover:hover){:is(button,a):hover>.glass-disc{background:linear-gradient(var(--wash), var(--wash)), linear-gradient(to bottom, color-mix(in srgb, var(--glass-tint) 17%, transparent), color-mix(in srgb, var(--glass-tint) 9%, transparent))}.society-theme--light :is(button,a):hover>.glass-disc{background:linear-gradient(var(--wash), var(--wash)), color-mix(in srgb, var(--glass-light) 72%, transparent)}}.glass-raised{background:linear-gradient(to bottom, color-mix(in srgb, var(--glass-tint) 22%, transparent), color-mix(in srgb, var(--glass-tint) 14%, transparent));box-shadow:var(--shadow-card)}.society-theme--light .glass-raised{background:hsl(var(--card))}.glass-raised:focus-visible{box-shadow:var(--shadow-card), 0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--border))}.glass.glass-disc:after{content:"";border-radius:inherit;background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--glass-light) 30%, transparent), transparent 72%);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-exit);position:absolute;inset:0}.society-theme--light .glass.glass-disc:after{background:radial-gradient(120% 100% at 50% 100%, color-mix(in srgb, var(--glass-shade) 9%, transparent), transparent 75%)}:is([data-pressed],:active)>.glass.glass-disc:after{opacity:1;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-enter)}@media (prefers-reduced-motion:no-preference){[data-glyph]>svg{transition:translate var(--dur-base) var(--ease-spring), rotate var(--dur-base) var(--ease-spring), scale var(--dur-base) var(--ease-spring)}[data-glyph]:is([data-pressed],:active)>svg{transition-duration:var(--dur-fast)}[data-glyph=back]:is([data-pressed],:active)>svg{translate:-3px}[data-glyph=forward]:is([data-pressed],:active)>svg{translate:3px}[data-glyph=close]:is([data-pressed],:active)>svg,[data-glyph=add]:is([data-pressed],:active)>svg{rotate:90deg}[data-glyph=edit]:is([data-pressed],:active)>svg{rotate:-16deg}[data-glyph=delete]:is([data-pressed],:active)>svg{rotate:-12deg}[data-glyph=expand]:is([data-pressed],:active)>svg{scale:1.14}[data-glyph=download]:is([data-pressed],:active)>svg{translate:0 2px}[data-glyph=turn]:is([data-pressed],:active)>svg{rotate:30deg}}.progressive-blur>span{position:absolute;inset:0}.progressive-blur>span:first-child{-webkit-backdrop-filter:blur(var(--pb-blur-light));backdrop-filter:blur(var(--pb-blur-light));-webkit-mask-image:linear-gradient(var(--pb-dir), #000 56%, transparent 100%);-webkit-mask-image:linear-gradient(var(--pb-dir), #000 56%, transparent 100%);mask-image:linear-gradient(var(--pb-dir), #000 56%, transparent 100%)}.progressive-blur>span:nth-child(2){-webkit-backdrop-filter:blur(var(--pb-blur-strong));backdrop-filter:blur(var(--pb-blur-strong));-webkit-mask-image:linear-gradient(var(--pb-dir), #000 24%, transparent 64%);-webkit-mask-image:linear-gradient(var(--pb-dir), #000 24%, transparent 64%);mask-image:linear-gradient(var(--pb-dir), #000 24%, transparent 64%)}.progressive-blur[data-strength=fade]>span:nth-child(-n+2){display:none}.progressive-blur>span:nth-child(3){background:linear-gradient(var(--pb-dir), hsl(var(--background) / var(--pb-wash-edge)) 0%,  hsl(var(--background) / var(--pb-wash-mid)) 46%,  transparent 100%)}[data-slider]::-webkit-slider-runnable-track{background:linear-gradient(to right, hsl(var(--foreground)) var(--slider-pct,0%), hsl(var(--border-soft)) var(--slider-pct,0%))}
