.GlassContainer{--corner-radius: 24px;--base-strength: 20px;--extra-blur: 2px;--softness: 12px;--tint-amount: .16;--tint-saturation: 2;--tint-hue: 180deg;--contrast: 1;--brightness: 1;--invert: 10%;--total-strength: calc(var(--base-strength) + var(--extra-blur));--edge-width: calc(.3px + (var(--softness) * .1));--emboss-width: calc((var(--softness) * .38));--refraction-width: calc((var(--softness) * .3));position:relative;overflow:visible;pointer-events:none;isolation:isolate}.GlassContent{position:relative;display:block;z-index:100;overflow:hidden;border-radius:var(--corner-radius);pointer-events:auto}.GlassMaterial{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:visible;pointer-events:none}.GlassMaterial:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;border-radius:var(--corner-radius);background-color:#80808000}.GlassMaterial>div{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border-radius:var(--corner-radius);z-index:2;overflow:hidden}.GlassMaterial .GlassEdgeReflection{z-index:4;margin:calc(var(--total-strength) * -1);border-radius:calc(var(--corner-radius) + var(--total-strength));-webkit-backdrop-filter:blur(var(--total-strength)) brightness(1.2) saturate(1.2);backdrop-filter:blur(var(--total-strength)) brightness(1.2) saturate(1.2);padding:var(--edge-width);border:var(--total-strength) solid transparent;mask:linear-gradient(white 0 0) padding-box,linear-gradient(white 0 0) content-box;-webkit-mask-composite:xor,xor;mask-composite:exclude,exclude}.GlassMaterial .GlassEmbossReflection{-webkit-backdrop-filter:blur(calc(var(--total-strength) * 1.5)) invert(.25) brightness(1.11) saturate(1.2) hue-rotate(-10deg) contrast(2.3);backdrop-filter:blur(calc(var(--total-strength) * 1.5)) invert(.25) brightness(1.11) saturate(1.2) hue-rotate(-10deg) contrast(2.3);padding:var(--emboss-width);border:0 solid transparent;mask:linear-gradient(white 0 0) padding-box,linear-gradient(white 0 0) content-box;-webkit-mask-composite:xor,xor;mask-composite:exclude,exclude}.GlassMaterial .GlassRefraction{-webkit-backdrop-filter:invert(.1) brightness(1.2) contrast(1.5);backdrop-filter:invert(.1) brightness(1.2) contrast(1.5);padding:var(--refraction-width);border:calc(var(--emboss-width)) solid transparent;mask:linear-gradient(white 0 0) padding-box,linear-gradient(white 0 0) content-box;-webkit-mask-composite:xor,xor;mask-composite:exclude,exclude}.GlassMaterial .GlassBlur{-webkit-backdrop-filter:blur(var(--extra-blur)) brightness(1.25);backdrop-filter:blur(var(--extra-blur)) brightness(1.25);border-radius:calc(var(--corner-radius) - (var(--emboss-width) + var(--refraction-width)));margin:calc(var(--emboss-width) + var(--refraction-width))}.GlassMaterial .BlendLayers{z-index:3;-webkit-backdrop-filter:blur(calc((var(--softness) * .2) + (var(--extra-blur) * .2)));backdrop-filter:blur(calc((var(--softness) * .2) + (var(--extra-blur) * .2)))}.GlassMaterial .BlendEdge{z-index:8;-webkit-backdrop-filter:blur(calc(var(--edge-width) * .4)) contrast(1.6) saturate(1.5);backdrop-filter:blur(calc(var(--edge-width) * .4)) contrast(1.6) saturate(1.5)}.GlassContainer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:block;border-radius:var(--corner-radius);-webkit-backdrop-filter:invert(var(--invert));backdrop-filter:invert(var(--invert))}.GlassMaterial:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;display:block;border-radius:var(--corner-radius);padding:1px;border:0 solid transparent;background:linear-gradient(155deg,#ffffff26,#0003,#ffffff26);-webkit-backdrop-filter:invert(.15) opacity(1);backdrop-filter:invert(.15) opacity(1);mask:linear-gradient(white 0 0) padding-box,linear-gradient(white 0 0) content-box;-webkit-mask-composite:xor,xor;mask-composite:exclude,exclude}.GlassMaterial .Highlight{z-index:12;display:block;border-radius:var(--corner-radius);padding:1px;border:0 solid transparent;-webkit-backdrop-filter:brightness(1.2) contrast(1.6) saturate(1.2) opacity(1);backdrop-filter:brightness(1.2) contrast(1.6) saturate(1.2) opacity(1);mask:linear-gradient(white 0 0) padding-box,linear-gradient(white 0 0) content-box;-webkit-mask-composite:xor,xor;mask-composite:exclude,exclude}.GlassMaterial .Tint{z-index:9;-webkit-backdrop-filter:sepia(1) saturate(var(--tint-saturation)) hue-rotate(var(--tint-hue)) opacity(var(--tint-amount));backdrop-filter:sepia(1) saturate(var(--tint-saturation)) hue-rotate(var(--tint-hue)) opacity(var(--tint-amount))}.GlassContainer--button{--corner-radius: 16px}.GlassMaterial{display:none}.GlassContent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(155deg,#ffffff38,#ffffff0a 45%,#ffffff2e);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) content-box;-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) content-box;mask-composite:exclude;pointer-events:none;z-index:1}.GlassContent:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);pointer-events:none;z-index:2}.GlassContainer:before{display:none}