/* Create the overlay */
        .overlay {
            position: fixed;  /* Ensure the overlay covers the entire viewport */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);  /* Semi-transparent black background */
			-webkit-backdrop-filter: blur(10px);  /* Safari specific syntax */
            backdrop-filter: blur(10px);  /* Apply the blur effect */
            z-index: 1000;  /* Ensure the overlay is on top of other content */
            display: none;  /* Hide overlay by default */
            justify-content: center;
            align-items: center;  /* Align items to the center horizontally */
            overflow: auto;  /* Enable scrolling if the content is too large */
        }

        .overlay-content {
            color: white; /* White text */
            background: transparent; /* Transparent background */
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); /* White shadow */
            text-align: center;
            max-width: 90%;
            margin: 20px;
            max-height: 90%; /* Ensure content fits within the viewport */
            overflow-y: auto; /* Scroll only the overlay content if it overflows */
        }

        .overlay h2 {
            margin-top: 0;
        }

        .overlay button {
            margin: 10px;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .overlay button.agree {
            background-color: green;
            color: white;
        }

        .overlay button.exit {
            background-color: red;
            color: white;
        }

        body.show-overlay .overlay {
            display: flex;
        }

        body.show-overlay {
            overflow: hidden; /* Prevent scrolling when the overlay is active */
        }

        .warning-disclaimer {
            text-align: left;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
								   
								
							
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .warning-disclaimer h1,
        .warning-disclaimer h2,
        .warning-disclaimer p,
        .warning-disclaimer ol,
        .warning-disclaimer li {
            margin: 0;
            padding: 0;
        }

        .warning-disclaimer h1 {
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .warning-disclaimer h2 {
            font-size: 12px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .warning-disclaimer p {
            margin-bottom: 10px;
        }

        .warning-disclaimer ol {
            list-style-type: decimal;
            margin-left: 20px;
        }

        .warning-disclaimer li {
            margin-bottom: 5px;
        }
		
		#ms-sfw-unlockbar{
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
		
			z-index: 900;                  /* MUST be < overlay z-index (1000) */
			/* optional safety */
			isolation: isolate;
		
			display: none;                 /* JS will turn it on */
			background: #18a957;           /* green */
			color: #ffffff;                /* white text */
			text-decoration: none;
			font-weight: 800;
			font-size: 13px;
			line-height: 1.15;
			padding: 7px 9px;
			box-shadow: 0 -6px 18px rgba(0,0,0,.45);
			border-top: 2px solid rgba(255,255,255,.18);
		}
		
		#ms-sfw-unlockbar:hover{
			filter: brightness(1.05);
		}
		
		#ms-sfw-unlockbar .ms-sfw-inner{
			max-width: 1100px;
			margin: 0 auto;
			display: flex;
			gap: 8px;
			align-items: center;
			justify-content: center;
			text-align: center;
		}
		
		@media (max-width: 520px){
			#ms-sfw-unlockbar{ font-size: 13px; }
			#ms-sfw-unlockbar .ms-sfw-inner{ flex-direction: column; }
		}
		
		body.ms-has-sfw-unlockbar{
			padding-bottom: 42px;
		}