.liquid-glass{--liquid-padding: 1.5px;position:relative;isolation:isolate;transition:all .3s ease-in-out;outline:none;background:color-mix(in srgb,var(--color-gray-400) 10%,transparent)}.dark .liquid-glass{background:color-mix(in srgb,var(--foreground) 5%,transparent)}.liquid-glass:before{pointer-events:none;position:absolute;inset:0;z-index:0;padding:var(--liquid-padding);content:"";border-radius:inherit;background:radial-gradient(circle,color-mix(in srgb,var(--color-gray-300) 70%,transparent) 0%,transparent 45%),radial-gradient(circle,color-mix(in srgb,var(--color-gray-300) 65%,transparent) 0%,transparent 40%),radial-gradient(circle,color-mix(in srgb,var(--color-gray-300) 60%,transparent) 0%,transparent 35%),radial-gradient(circle,color-mix(in srgb,var(--color-gray-300) 55%,transparent) 0%,transparent 30%);background-size:250% 250%;background-position:10% 20%,80% 70%,50% 10%,70% 40%;-webkit-mask:linear-gradient(var(--foreground) 0 0) content-box,linear-gradient(var(--foreground) 0 0);-webkit-mask-composite:destination-out;mask:linear-gradient(var(--foreground) 0 0) content-box,linear-gradient(var(--foreground) 0 0);mask-composite:exclude}.dark .liquid-glass:before{background:radial-gradient(circle,color-mix(in srgb,var(--foreground) 40%,transparent) 0%,transparent 40%),radial-gradient(circle,color-mix(in srgb,var(--foreground) 35%,transparent) 0%,transparent 35%),radial-gradient(circle,color-mix(in srgb,var(--foreground) 30%,transparent) 0%,transparent 30%),radial-gradient(circle,color-mix(in srgb,var(--foreground) 25%,transparent) 0%,transparent 25%);background-size:250% 250%;background-position:20% 20%,80% 80%,50% 10%,70% 40%}.liquid-glass:after{pointer-events:none;position:absolute;inset:0;z-index:-1;content:"";border-radius:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);filter:url(#glass-distortion)!important;-webkit-filter:url(#glass-distortion)!important}@keyframes ultraLiquid{0%{background-position:10% 20%,80% 70%,50% 10%,70% 40%}25%{background-position:30% 40%,60% 60%,70% 20%,50% 60%}50%{background-position:50% 60%,40% 40%,30% 50%,80% 20%}75%{background-position:30% 50%,60% 30%,50% 70%,20% 50%}to{background-position:10% 20%,80% 70%,50% 10%,70% 40%}}
