.glass{--thickness:4px;position:relative;background:hsl(var(--surface-header)/.95)}@supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)){.glass{background:hsla(var(--surface-header)/1)}.glass .backdrop-edge{position:absolute;left:0;right:0;bottom:0;height:var(--thickness);background:hsl(0deg 0% 100%/.1);backdrop-filter:blur(21px) brightness(.96) saturate(1.5);transform:translateY(100%);pointer-events:none}}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.glass .backdrop-edge{height:100%;inset:0;-webkit-mask-image:linear-gradient(to bottom,black 0,black var(--thickness),transparent var(--thickness));mask-image:linear-gradient(to bottom,black 0,black var(--thickness),transparent var(--thickness))}}.card-tilting{position:relative;transform-style:preserve-3d;transition:transform .3s ease}.card-tilting:before{content:"";position:absolute;inset:-1rem;background:rgba(var(--darker-background));transform:translateZ(-50px);filter:blur(15px);opacity:.3}.layer{width:100%;height:100%;position:absolute;filter:drop-shadow(0 0 20px rgba(var(--background)))}.layer-2{transform:translateZ(25px)}.layer-3{transform:translateZ(50px)}.layer img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}