.notification {
			backdrop-filter: blur(var(--glass-blur));
			box-shadow: var(--shadow-w-l);
			font-family: 'fillet';
            /*font-weight: bold;*/
            position: fixed;
            top: 20px;
            left: 50%;
            transform: translateX(-50%);
            padding: 8px 30px;
            background: rgba(255, 255, 255, 0.95);
            color: #333;
            border-radius: 6px;
            font-size: 16px;
            opacity: 0;
            z-index: 10000;
            transition: all 0.4s ease;
            max-width: 180%;
            text-align: center;
			transition: all 0.5s ease;
        }
		.notification.dark {
			box-shadow: var(--shadow-b-l);
		}
        
        .slide-in {
            animation: slideIn 0.5s ease forwards;
        }
        
        .slide-out {
            animation: slideOut 0.5s forwards;
        }
        
        @keyframes slideIn {
            0% {
                opacity: 0;
                transform: translate(-50%, 30px);
            }
            100% {
                opacity: 1;
                transform: translate(-50%, 5px);
            }
        }
        
        @keyframes slideOut {
            0% {
                opacity: 1;
                transform: translate(-50%, 5px);
            }
            100% {
                opacity: 0;
                transform: translate(-50%, -30px);
            }
        }