.popup
		{
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: rgba( 0, 0, 0, 0.8 );
			font-family: Arial;
			line-height: 1.6em;
		}

	.popup:not(.open)
		{
			display: none;
		}


	.popup  .close
		{
			position: absolute;
			right: 0px;
			top: -18px;
			z-index: 99999;
		}

	.popup .close::before
		{
			font-family: "Font Awesome 5 Free";
			content: "\f057";
			font-size: xx-large;
			color: rgb(208 33 33 / 70%);
			cursor: pointer;
		}


	.popup > .content
		{
			position: relative;
			display: flex;
			background-color: rgba(64, 156, 67, 0.7);
			background-color: rgb(47 89 48 / 70%);

			background-color: rgb(200 44 39 / 63%);

			color: rgba( 255, 255, 255, 0.7 );
			max-width: 350px;
			padding: 0px 20px;
			border-radius: 25px;
			max-height: calc( 100% - 60px );
			padding-bottom: 10px;

			background-color: rgb(41, 41, 63);
			background-image: url(/graphics/wbd26/wbd-bg.png);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			background-blend-mode: overlay;

		}

	.popup.fit > .content
		{
			padding: 0px;
			max-width: 100%;
			width: min-content;
			line-height: 23px;
		}

	.popup.hiddenobjects > .content
		{
			max-width: 570px;
			width: fit-content;
			background-color: initial;
		}


	.popup.login > .content
		{
			max-width: 450px;
		}

	.popup.fit > .content h3,
	.popup.fit > .content h2,
	.popup.fit > .content p
		{
			padding: 4px 10px;
			margin: 5px;
		}

	.popup.fit > .content p a
		{
			text-decoration: underline;
		}

	.popup.fit > .content strong
		{
			font-size: larger;
		}


	.popup .scroll
		{
			display: flex;
			border-radius: 25px;
			overflow: hidden;
			position: relative;
			flex-direction: column;
			overflow-y: scroll;
		}

	@media (max-width: 600px) {
	}