.GlassContainer{--corner-radius:30px;--base-strength:80px;--extra-blur:80px;--softness:5px;--tint-amount:.1;--tint-saturation:1;--tint-hue:0deg;--contrast:1.1;--brightness:.96;--invert:22%;--total-strength:calc(var(--base-strength) + var(--extra-blur));--edge-width:calc(10px + (var(--softness)*.9));--emboss-width:calc((var(--softness)*.98 + 1px));--refraction-width:calc((var(--softness)*.25 + 12px));pointer-events:none;transition:all .3s ease-in-out;position:relative}.GlassContent{z-index:100;border-radius:var(--corner-radius);pointer-events:auto;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.GlassMaterial{z-index:1;pointer-events:none;transition:all .3s ease-in-out;position:absolute;inset:0;overflow:hidden}.GlassMaterial:after{content:"";z-index:3;border-radius:var(--corner-radius);background-color:#7a7a7a00;transition:all .3s ease-in-out;display:block;position:absolute;inset:0;overflow:hidden}.GlassMaterial>div{box-sizing:border-box;border-radius:var(--corner-radius);z-index:2;transition:all .3s ease-in-out;position:absolute;inset:0;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)*.5)brightness(1)saturate(1);backdrop-filter:blur(var(--total-strength)*.5)brightness(1)saturate(1);padding:var(--edge-width);border:var(--total-strength)solid transparent;transition:all .3s ease-in-out;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) content-box;-webkit-mask-composite:xor,xor;mask:linear-gradient(#fff 0 0) padding-box exclude,linear-gradient(#fff 0 0) content-box exclude}.GlassMaterial .GlassEmbossReflection{-webkit-backdrop-filter:blur(calc(var(--total-strength)*.5))invert(.25)brightness(1.11)saturate(1.2)hue-rotate(-10deg)contrast(2.3);backdrop-filter:blur(calc(var(--total-strength)*.5))invert(.25)brightness(1.11)saturate(1.2)hue-rotate(-10deg)contrast(2.3);padding:var(--emboss-width);border:0 solid #0000;transition:all .3s ease-in-out;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) content-box;-webkit-mask-composite:xor,xor;mask:linear-gradient(#fff 0 0) padding-box exclude,linear-gradient(#fff 0 0) content-box exclude}.GlassMaterial .GlassRefraction{-webkit-backdrop-filter:invert(.1)brightness(1.2)contrast(1.5);padding:var(--refraction-width);border:calc(var(--emboss-width))solid transparent;transition:all .3s ease-in-out;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) content-box;-webkit-mask-composite:xor,xor;mask:linear-gradient(#fff 0 0) padding-box exclude,linear-gradient(#fff 0 0) content-box exclude}.GlassMaterial .GlassBlur{-webkit-backdrop-filter:blur(var(--extra-blur)*.5)brightness(1.25);border-radius:calc(var(--corner-radius) - (var(--emboss-width) + var(--refraction-width)));margin:calc(var(--emboss-width) + var(--refraction-width));transition:all .3s ease-in-out}.GlassMaterial .BlendLayers{z-index:3;-webkit-backdrop-filter:blur(calc((var(--softness)*.1) + (var(--extra-blur)*.1)));transition:all .3s ease-in-out}.GlassMaterial .BlendEdge{z-index:8;-webkit-backdrop-filter:blur(calc(var(--edge-width)*.3))contrast(1.6)saturate(1.5);transition:all .3s ease-in-out}.GlassContainer:before{content:"";z-index:20;border-radius:var(--corner-radius);-webkit-backdrop-filter:invert(var(--invert));transition:all .3s ease-in-out;display:block;position:absolute;inset:0}.GlassMaterial:before{content:"";z-index:11;border-radius:var(--corner-radius);-webkit-backdrop-filter:invert(.15)opacity(.41);background:linear-gradient(155deg,#ffffff26 0%,#0003 50%,#ffffff26 100%);border:0 solid #0000;padding:1px;transition:all .3s ease-in-out;display:block;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) content-box;-webkit-mask-composite:xor,xor;mask:linear-gradient(#fff 0 0) padding-box exclude,linear-gradient(#fff 0 0) content-box exclude}.GlassMaterial .Highlight{z-index:12;border-radius:var(--corner-radius);-webkit-backdrop-filter:brightness(1.2)contrast(1.6)saturate(1.2)opacity(.41);backdrop-filter:brightness(1.2)contrast(1.6)saturate(1.2)opacity(.41);border:0 solid #0000;padding:1px;transition:all .3s ease-in-out;display:block;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) content-box;-webkit-mask-composite:xor,xor;mask:linear-gradient(#fff 0 0) padding-box exclude,linear-gradient(#fff 0 0) content-box 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));transition:all .3s ease-in-out}.GlassMaterial .Contrast{z-index:12;-webkit-backdrop-filter:contrast(var(--contrast));backdrop-filter:contrast(var(--contrast));transition:all .3s ease-in-out}.GlassMaterial .Brightness{z-index:13;-webkit-backdrop-filter:brightness(var(--brightness));backdrop-filter:brightness(var(--brightness));transition:all .3s ease-in-out}.shadow-container:after{content:"";z-index:0;width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);inset:0;top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);box-sizing:border-box;transition:all var(--anim--hover-time)var(--anim--hover-ease);opacity:1;background:linear-gradient(#0003,#0000001a);background-color:color-mix(in srgb,var(--c-glass)12%,transparent);-webkit-backdrop-filter:blur(10px)saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*10%),transparent),inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*90%),transparent),inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light)calc(var(--glass-reflex-light)*60%),transparent),inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*12%),transparent),inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*20%),transparent),inset 0px 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),0px 1px 5px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*10%),transparent),0px 6px 16px 0px color-mix(in srgb,var(--c-dark)calc(var(--glass-reflex-dark)*8%),transparent);border-radius:999vw;padding:.125em;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1);position:absolute;overflow:visible;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}body{--c-glass:#bbbbbc;--c-light:#fff;--c-dark:#000;--c-content:#224;--c-action:#0052f5;--c-bg:#e8e8e9;--glass-reflex-dark:1;--glass-reflex-light:1;--saturation:150%}