#fixed-banner {
			backdrop-filter: blur(var(--glass-blur));
			box-shadow: var(--shadow-w-s);
            position: fixed;
            top: 0;
            left: 0px;
            width: 100%;
            height: 30px;
            background-color: rgba(0,0,0,0.5);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            z-index: 1000;
			animation: announcement-intro 1.0s ease forwards;
			transition: all 0.5s ease;
        }
		#fixed-banner.dark {
			background-color: rgba(255,255,255,0.8);
			box-shadow: var(--shadow-b-s);
			color: black;
		}
        .message {
			filter:blur(10px);
			font-family: 'fillet';
            position: absolute;
            width: 100%;
            text-align: center;
            font-size: 15px;
            opacity: 1;
            transform: translateY(200%);
            transition: all 0.5s ease-in-out;
            /*font-weight: 900;*/
        }
		.message.dark {
			color: black;
		}
        .message.active {
			filter:blur(0px);
            opacity: 1;
            transform: translateY(0);
        }
        .message.exit {
			filter:blur(10px);
            opacity: 1;
            transform: translateY(-200%);
        }

		@keyframes announcement-intro {
			from {
				opacity: 0;
				transform: translateY(-40px);
			}
			to {
				opacity: 1;
				transform: translateY(0px);
			}
		}