:root{--glass-lx: .15;--glass-ly: -.15;--glass-bg: rgba(250, 250, 250, .5);--glass-bg-fallback: rgba(250, 250, 250, .75);--glass-blur-core: 12px;--glass-blur-edge: 16px;--glass-radius-sm: 12px;--glass-radius-md: 16px;--glass-radius-lg: 20px;--glass-edge-highlight: rgba(255, 255, 255, .75);--glass-edge-shadow: rgba(0, 0, 0, .08);--glass-border: rgba(0, 0, 0, .06);--glass-transition-fast: .24s cubic-bezier(.25, .1, .25, 1);--glass-transition-slow: .42s cubic-bezier(.25, .1, .25, 1)}[data-theme=dark]{--glass-bg: rgba(26, 26, 26, .35);--glass-bg-fallback: rgba(26, 26, 26, .65);--glass-edge-highlight: rgba(255, 255, 255, .12);--glass-edge-shadow: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .06)}.glass{position:relative;background:var(--glass-bg);border-radius:var(--glass-radius-md);border:1px solid var(--glass-border);overflow:hidden;backdrop-filter:blur(var(--glass-blur-core));-webkit-backdrop-filter:blur(var(--glass-blur-core));transition:background var(--glass-transition-slow),backdrop-filter var(--glass-transition-slow),border-color var(--glass-transition-slow)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:var(--glass-bg-fallback)}}.glass:before,.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.glass:before{box-shadow:inset calc(var(--glass-lx) * -4px) calc(var(--glass-ly) * -4px) 16px var(--glass-edge-highlight)}.glass:after{box-shadow:inset calc(var(--glass-lx) * 4px) calc(var(--glass-ly) * 4px) 18px var(--glass-edge-shadow)}.glass--band{border-radius:var(--glass-radius-lg);padding:1.25rem 1.5rem}.glass--panel{padding:2.5rem 2rem 4rem}.glass--callout{border-radius:var(--glass-radius-sm);padding:1rem 1.25rem}.glass--footer{border-radius:var(--glass-radius-lg);padding:2rem}@media(prefers-reduced-motion:reduce){.glass{transition:none}}.glass>.glass{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}