@layer components{.glass-v2{--glass-transition-duration:.3s;--glass-transition-easing:ease-in-out;--rotate-x:0deg;--rotate-y:0deg;--shadow-x:8px;--shadow-y:-8px;--spotlight-x:0px;--spotlight-y:0px;--spotlight-visible:0;--spotlight-size:256px;border-radius:var(--default-glass-radius);transform:perspective(1000px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));position:relative}.glass-v2--track-mouse{box-shadow:var(--shadow-x) var(--shadow-y) 32px #ffffff1a}.glass-v2__background{pointer-events:none;z-index:-10;-webkit-backdrop-filter:blur(12px)brightness(150%);backdrop-filter:blur(12px)brightness(150%);border-radius:inherit;background:#ffffff4d;position:absolute;inset:-2px}.glass-v2__spotlight-container{pointer-events:none;border-radius:inherit;z-index:-11;background:0 0;position:absolute;inset:0;overflow:hidden}.glass-v2__spotlight{width:var(--spotlight-size);height:var(--spotlight-size);left:var(--spotlight-x);top:var(--spotlight-y);opacity:var(--spotlight-visible);transition:opacity var(--glass-transition-duration) var(--glass-transition-easing);background:radial-gradient(circle,#fff3 0%,#0000 70%);border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}.glass-v2__foreground{pointer-events:none;z-index:-8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:inherit;background:color-mix(in srgb, var(--mantine-color-blue-8) 50%, transparent);transition:all var(--glass-transition-duration) var(--glass-transition-easing);position:absolute;inset:0}.glass-v2--performant{--glass-perf-bg:#26354beb;--glass-perf-fg:#1f2b3dd9}.glass-v2--performant .glass-v2__background{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-perf-bg)}.glass-v2--performant .glass-v2__foreground{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--glass-perf-fg)}.glass-v2--performant .glass-v2__spotlight-container{display:none}}