.liquid-glass{position:relative;overflow:hidden;isolation:isolate;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff40,inset 0 -1px #00000026,inset 1px 0 #ffffff14,inset -1px 0 #ffffff0a}.liquid-glass--clear{background:linear-gradient(135deg,#ffffff1f,#ffffff0a 60%,#ffffff05);border:1px solid rgba(255,255,255,.18)}.liquid-glass--clear:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff0f 60%,#ffffff05);border-color:#ffffff42}.liquid-glass--primary{background:linear-gradient(135deg,rgba(var(--premium-brand-primary-rgb),.85),#7c3aedd9);border:1px solid rgba(168,85,247,.5);box-shadow:0 8px 32px rgba(var(--premium-brand-primary-rgb),.4),inset 0 1px #ffffff4d,inset 0 -1px #0003,inset 1px 0 #ffffff26,inset -1px 0 #ffffff14}.liquid-glass--primary:hover{background:linear-gradient(135deg,rgba(var(--premium-brand-primary-rgb),.95),#7c3aedf2);box-shadow:0 12px 40px rgba(var(--premium-brand-primary-rgb),.55),inset 0 1px #ffffff59,inset 0 -1px #0003,inset 1px 0 #ffffff2e,inset -1px 0 #ffffff1a}.liquid-glass__specular{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff59,#ffffff1f 18%,#fff0 45%);mix-blend-mode:overlay;opacity:.9;transition:opacity .3s ease;z-index:1}.liquid-glass:hover .liquid-glass__specular{opacity:1}.liquid-glass__sheen{position:absolute;top:-50%;left:-30%;width:50%;height:200%;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.28) 50%,rgba(255,255,255,.18) 55%,transparent 100%);transform:rotate(15deg) translate(-120%);transition:transform .7s cubic-bezier(.2,.8,.2,1);z-index:1}.liquid-glass:hover .liquid-glass__sheen{transform:rotate(15deg) translate(350%)}@media (prefers-reduced-motion: reduce){.liquid-glass__sheen{transition:none;display:none}.liquid-glass{transition:none!important}}.hover-jello:hover:not(:disabled){opacity:1;animation:hover-jello-horizontal .9s both}@keyframes hover-jello-horizontal{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}@media (prefers-reduced-motion: reduce){.hover-jello:hover:not(:disabled){animation:none}}