.glass-surface{position:relative;border-radius:var(--glass-radius);transition:box-shadow .3s ease;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;z-index:10}.glass-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--glass-radius);background:rgba(255,255,255,var(--glass-opacity));backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease;will-change:transform,backdrop-filter;z-index:0}.dark .glass-bg{background:rgba(10,10,10,var(--glass-opacity));box-shadow:0 8px 32px #0006}.glass-content{position:relative;z-index:10;height:100%;width:100%}.glass-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--glass-radius);padding:var(--glass-border-width);background:linear-gradient(180deg,#fff6,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:20}.dark .glass-border{background:linear-gradient(180deg,#fff3,#ffffff0d)}.glass-shine{position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#fff3,#fff0);z-index:5;pointer-events:none;opacity:.8}.dark .glass-shine{opacity:.15}