.lg-glass{--lg-radius:48px;--lg-blur:.6px;--lg-blur-fallback:2.5px;--lg-saturate:1.15;--lg-brightness:1.06;--lg-tint:#ffffff09;--lg-highlight:1;--lg-rim:1.5px;--lg-depth:1;--lg-refraction:blur(var(--lg-blur-fallback));isolation:isolate;border-radius:var(--lg-radius);background:var(--lg-tint);-webkit-backdrop-filter:blur(var(--lg-blur-fallback)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:blur(var(--lg-blur-fallback)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));box-shadow:0 0 0 .75px rgba(0, 0, 0, calc(.38 * var(--lg-depth))),  0 14px 34px -10px rgba(0, 0, 0, calc(.45 * var(--lg-depth))),  inset 0 0 0 1px rgba(255, 255, 255, calc(.05 * var(--lg-highlight))),  inset 3px 4px 10px -4px rgba(255, 255, 255, calc(.17 * var(--lg-highlight))),  inset -3px -4px 10px -4px rgba(255, 255, 255, calc(.13 * var(--lg-highlight))),  inset 0 0 26px 2px rgba(255, 255, 255, calc(.025 * var(--lg-highlight))),  inset 0 -10px 24px -14px rgba(0, 0, 0, calc(.35 * var(--lg-depth)));position:relative}.lg-glass:before{content:"";z-index:2;border-radius:inherit;padding:var(--lg-rim);pointer-events:none;background:linear-gradient(180deg, rgba(255, 255, 255, calc(.34 * var(--lg-highlight))) 0%, #fff0 14%, #fff0 84%, rgba(255, 255, 255, calc(.36 * var(--lg-highlight))) 100%), linear-gradient(135deg, rgba(255, 255, 255, calc(.7 * var(--lg-highlight))) 0%, rgba(255, 255, 255, calc(.14 * var(--lg-highlight))) 16%, rgba(255, 255, 255, calc(.05 * var(--lg-highlight))) 50%, rgba(255, 255, 255, calc(.12 * var(--lg-highlight))) 84%, rgba(255, 255, 255, calc(.7 * var(--lg-highlight))) 100%);-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.lg-glass:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 8% 0%, rgba(255, 255, 255, calc(.1 * var(--lg-highlight))), transparent 55%), radial-gradient(120% 90% at 96% 100%, rgba(255, 255, 255, calc(.07 * var(--lg-highlight))), transparent 55%);position:absolute;inset:0}.lg-glass>*{z-index:1;position:relative}.lg-dock{--lg-radius:80px;--lg-refraction:url(#lg-dock);justify-content:space-evenly;align-items:center;display:flex}.lg-pill{--lg-radius:999px;--lg-tint:#ffffff12;--lg-saturate:1.2;--lg-brightness:1.08;--lg-refraction:url(#lg-pill);--lg-blur-fallback:1.5px;color:#fffc;letter-spacing:.01em;justify-content:center;align-items:center;gap:.35em;font:500 1rem/1 -apple-system,SF Pro Display,SF Pro Text,system-ui,Helvetica Neue,Arial,sans-serif;display:inline-flex}@supports ((-webkit-backdrop-filter:url(#x)) or (backdrop-filter:url(#x))) and (not (font:-apple-system-body)) and (not ((-moz-appearance:none))){.lg-glass:not([data-lg=css]){-webkit-backdrop-filter:var(--lg-refraction) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:var(--lg-refraction) saturate(var(--lg-saturate)) brightness(var(--lg-brightness))}}html[data-lg=svg] .lg-glass{-webkit-backdrop-filter:var(--lg-refraction) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:var(--lg-refraction) saturate(var(--lg-saturate)) brightness(var(--lg-brightness))}html[data-lg=css] .lg-glass{-webkit-backdrop-filter:blur(var(--lg-blur-fallback)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness));backdrop-filter:blur(var(--lg-blur-fallback)) saturate(var(--lg-saturate)) brightness(var(--lg-brightness))}@media (prefers-reduced-transparency:reduce){.lg-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#28282ce0}}@media (prefers-contrast:more){.lg-glass{--lg-tint:#1e1e22b3;--lg-highlight:1.4}}