.glass-overlay,.glass-specular{transition:opacity .3s;opacity:0}.glass-card,.glass-form{--bg-color:rgba(0, 0, 0, 0.25);--highlight:rgba(255, 255, 255, 0.15);--text:#ffffff}.glass-card{position:relative;width:100%;height:auto;border-radius:20px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.2)}.glass-content,.glass-content-button,.glass-content-form{color:var(--text);height:100%}.glass-content::before,.glass-filter,.glass-overlay,.glass-specular{position:absolute;inset:0;border-radius:inherit}.glass-filter.visible.active,.glass-overlay.visible.active,.glass-specular.visible.active,body.glass-basic .glass-overlay,body.glass-basic .glass-specular,body.glass-full .glass-overlay{opacity:1}.glass-distortion-overlay.visible.active{opacity:.1;animation:15s ease-in-out infinite floatDistort}body.glass-full .glass-filter{z-index:1;backdrop-filter:blur(0.1px) saturate(120%) brightness(1.05);-webkit-backdrop-filter:blur(0.1px) saturate(120%) brightness(1.05);filter:url(#glass-distortion) saturate(120%) brightness(1.05)}body.glass-full .glass-distortion-overlay{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.025) 0,transparent 80%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.025) 0,transparent 80%);background-size:150% 150%;mix-blend-mode:overlay;opacity:.1;z-index:2;pointer-events:none}body.glass-full .project-content{background-color:rgba(0,0,0,.6)}body.glass-basic .glass-filter{z-index:1;backdrop-filter:blur(0.1px) saturate(120%) brightness(1.1);-webkit-backdrop-filter:blur(0.1px) saturate(120%) brightness(1.1);filter:none}body.glass-basic .project-content,body.glass-off .project-content{background-color:#000}body.glass-basic .glass-distortion-overlay,body.glass-off .glass-distortion-overlay{display:none!important}body.glass-off .glass-filter{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}body.glass-off .glass-overlay{opacity:1;background:#000}body.glass-off .glass-specular{opacity:0}.glass-overlay{z-index:2;background:var(--bg-color)}.glass-specular{z-index:3;box-shadow:inset 1px 1px 2px var(--highlight)}.glass-content{position:relative;z-index:4;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.glass-content h3{margin:0 0 10px;font-size:24px;font-weight:600}.glass-content p{margin:0;opacity:.8}.glass-content,.glass-content h3,.glass-content p{text-shadow:0 2px 6px #000}.glass-form,.music-player{border-radius:20px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.2);text-shadow:0 2px 4px rgba(0,0,0,.6)}.glass-content h3,.glass-content p{-webkit-text-stroke:0.5px rgba(0,0,0,0.4)}.glass-content::before{content:"";background:rgba(0,0,0,.25);z-index:-1}.glass-content-button{position:relative;z-index:4;padding:5px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content}.glass-form{--input-bg:rgba(0, 0, 0, 0.2);--input-border:rgba(255, 255, 255, 0.1);--input-focus:rgba(0, 0, 0, 0.3);position:relative;width:100%;min-height:450px}.glass-content-form{position:relative;z-index:4;padding:30px}.music-player{height:fit-content;padding:5% 0 2% 5%;margin-bottom:60%;position:absolute;text-align:left;width:40%}.music-player .player-content-container,.music-player .player-ui{position:relative;z-index:4;color:#fff}.glass-content-post{z-index:4}@keyframes floatDistort{0%,100%{background-position:0 0}50%{background-position:100% 100%}}@media (max-width:768px){body.glass-basic .glass-filter,body.glass-full .glass-filter{backdrop-filter:blur(0.1px) saturate(120%) brightness(1.1);-webkit-backdrop-filter:blur(0.1px) saturate(120%) brightness(1.1)}body.glass-full .glass-distortion-overlay{display:none!important}}