@property --lg-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}:where(.liquid-glass){position:relative}.liquid-glass{isolation:isolate;overflow:hidden}.liquid-glass__defs{position:absolute;width:0;height:0;overflow:hidden}.liquid-glass__refract{position:absolute;z-index:0;filter:var(--lg-glass-filter);transform:scale(1.06);pointer-events:none}canvas.liquid-glass__refract{top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:center}img.liquid-glass__refract,video.liquid-glass__refract{max-width:none}.liquid-glass__frost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;-webkit-backdrop-filter:blur(var(--lg-frost)) saturate(140%);backdrop-filter:blur(var(--lg-frost)) saturate(140%);pointer-events:none}.liquid-glass__specular{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;opacity:var(--lg-light);background-image:linear-gradient(135deg,#ffffff73,#fff0 45%),linear-gradient(to top,#ffffff1f,#fff0 30%);box-shadow:inset 0 1px rgba(255,255,255,calc(.5 * var(--lg-depth))),inset 0 -1px 1px rgba(0,0,0,calc(.4 * var(--lg-depth)));mix-blend-mode:overlay;pointer-events:none}.liquid-glass__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;--lg-scrim-alpha: max( var(--lg-scrim-floor, .55), calc(.82 * var(--lg-scrim)) );background-image:linear-gradient(to top,rgb(0,0,0,var(--lg-scrim-alpha)),rgb(0,0,0,var(--lg-scrim-alpha)) calc(100% - var(--lg-scrim-fade, var(--space-2xl))),#0000);pointer-events:none}.liquid-glass__stroke{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;padding:1px;border-radius:inherit;background-image:conic-gradient(from var(--lg-angle),rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 12%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 100%),conic-gradient(from 200deg,#ffaad24d,#aac8ff42 15%,#ffffff12 32%,#ffcd963d 52%,#beaaff47 68%,#ffffff0f 85%,#ffaad24d);-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:lg-stroke-travel 6s linear infinite;pointer-events:none}@keyframes lg-stroke-travel{to{--lg-angle: 360deg}}@media (prefers-reduced-motion: reduce){.liquid-glass__stroke{animation:none}}@media (max-width: 768px){.liquid-glass__frost{-webkit-backdrop-filter:none;backdrop-filter:none}}