.glass-panel{background:#ffffff08;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 60px #00000026,inset 0 4px 10px #ffffff4d,inset 0 -1px 4px #0000001a;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-panel--no-overflow{overflow:visible!important}.glass-panel:hover{background:#ffffff0f}.glass-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);filter:blur(1px);pointer-events:none;z-index:1}.glass-panel>*{position:relative;z-index:2}.glass-panel--flat{background:#ffffff26}.glass-panel--flat:hover{background:#ffffff0f}.glass-panel--accent{border-color:#4ade804d}.glass-panel--accent:hover{border-color:#4ade8073}@media(max-width:768px){.glass-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-panel:hover{background:#ffffff0f}.glass-panel:active{opacity:.9;transform:scale(.99)}}@media(hover:none)and (pointer:coarse){.glass-panel:hover{background:#ffffff0f}.glass-panel:active{opacity:.9;transform:scale(.99)}}@media(prefers-reduced-motion:reduce){.glass-panel{transition:none}.glass-panel:hover{transform:none}}