.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);
			}
		}