.liquid-glass2{position:relative;background:rgba(10,10,10,.55);backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);border-radius:18px;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;--rx:0deg;--ry:0deg;--mx:50;--my:50;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .14s ease,box-shadow .2s ease;will-change:transform}.liquid-glass2::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;filter:blur(2px);background:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,0) 35%),linear-gradient(to top,rgba(255,255,255,.06),rgba(255,255,255,0) 40%),radial-gradient(120% 80% at calc(var(--mx) * 1%) calc(var(--my) * 1%),rgba(255,255,255,.07),transparent 60%),linear-gradient(125deg,transparent 45%,rgba(255,255,255,.16) 50%,transparent 55%);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 100%,100% 100%,160% 160%,220% 220%;background-position:0 0,0 0,calc(var(--mx) * 1%) calc(var(--my) * 1%),-160% 0}.liquid-glass2::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,rgba(0,0,0,.08),transparent 60%);border-radius:inherit}.liquid-glass2:hover::before{animation:sheen-pass 1.1s ease}@media (prefers-reduced-motion:reduce){.liquid-glass2{transition:none}.liquid-glass2::before{animation:none!important}}