.glass-panel{position:relative;isolation:isolate;border:1px solid color-mix(in srgb,var(--glass-border),transparent 65%);background-color:color-mix(in srgb,var(--glass-bg) 35%,transparent);backdrop-filter:blur(calc(var(--blur) * .6)) saturate(1.05);-webkit-backdrop-filter:blur(calc(var(--blur) * .6)) saturate(1.05);box-shadow:0 35px 80px -45px color-mix(in srgb,var(--glass-shadow),transparent 25%);transition:border-color .2s ease,transform .3s ease,box-shadow .3s ease;color:inherit;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--glass-highlight),transparent 75%),transparent 70%),radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--glass-highlight),transparent 85%),transparent 80%);opacity:.35;mix-blend-mode:lighten;pointer-events:none}.glass-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 2px),repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 1px,transparent 1px,transparent 2px),radial-gradient(circle at 10% 20%,rgba(255,255,255,.03),transparent 50%);opacity:.25;mix-blend-mode:soft-light;pointer-events:none}.glass-panel--interactive:hover{border-color:color-mix(in srgb,var(--glass-highlight),color-mix(in srgb,var(--accent-color, hsl(var(--accent))),transparent 60%));transform:translateY(-4px);box-shadow:0 45px 90px -40px color-mix(in srgb,var(--glass-shadow),transparent 10%)}.glass-panel--interactive:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.glass-panel--hero:before{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--glass-highlight),transparent 70%),transparent 80%),radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--glass-highlight),transparent 85%),transparent 80%);opacity:.4}.glass-panel--hero:after{background-image:radial-gradient(circle at 60% 20%,color-mix(in srgb,var(--accent-color, hsl(var(--accent))),transparent 80%),transparent 85%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 2px);opacity:.2}@media(prefers-reduced-motion:reduce){.glass-panel,.glass-panel--interactive:hover{transition:none;transform:none}}