.glass-effect{--border-radius:15px;position:absolute;pointer-events:none;transition:all .2s}.glass-effect.glass-effect-1{width:200%;height:100%;left:-80%;top:0;border-radius:calc(var(--border-radius) - 0px);background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.2) 0,transparent 70%);mix-blend-mode:overlay;opacity:.5}.glass-effect.glass-effect-2{inset:0;border-radius:calc(var(--border-radius) - 0px);box-shadow:inset 0 0 2px 0 hsla(0,0%,100%,.15),inset 0 2px 2px 0 hsla(0,0%,100%,.05),inset 0 -2px 2px 0 hsla(0,0%,100%,.05);pointer-events:none}.glass-effect.glass-effect-3{top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.glass-effect.glass-effect-4{inset:0;border-radius:var(--border-radius);padding:1px;background:linear-gradient(rgba(57,57,57,.05) 1%,rgba(151,151,151,.08));mask:linear-gradient(rgb(255,255,255),rgb(255,255,255) 0) content-box,linear-gradient(rgb(255,255,255),rgb(255,255,255) 0)}