@primer/react-brand/esm/FrostedGlassVFX/FrostedGlassVFX.module-CBwswPOI.css

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR{background-color:var(--brand-FrostedGlassVFX-bgColor);position:relative}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--rounded-corners___4Ve0_{border-radius:var(--brand-borderRadius-xlarge)}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-low___sfdan{-webkit-backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-low));backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-low))}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-medium___Tnplu{-webkit-backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-medium));backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-medium))}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--intensity-high___pdX39{-webkit-backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-high));backdrop-filter:blur(var(--brand-FrostedGlassVFX-blurIntensity-high))}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR:before{content:"";z-index:-1;padding:var(--brand-borderWidth-thin);background:var(--brand-FrostedGlassVFX-borderMask);-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0), linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0), linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;mask:linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0, var(--base-color-scale-black-0) 0) content-box;position:absolute;inset:0}@supports (background:linear-gradient(red 0%, red 0% 1%, red 2%)){.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR:before{-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0 0), linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0 0), linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(var(--base-color-scale-black-0) 0 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0 0) content-box;mask:linear-gradient(var(--base-color-scale-black-0) 0 0) exclude, linear-gradient(var(--base-color-scale-black-0) 0 0) content-box}}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX--rounded-corners___4Ve0_:before{border-radius:var(--brand-borderRadius-xlarge)}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR>*{background-color:#0000}.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR>*,.Primer_Brand__FrostedGlassVFX-module__FrostedGlassVFX___n7bAR>:before{border-color:#0000}