.dropdownContainer {
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	text-align: right;
	width: 225px;
}


/* Style The Dropdown Button */
.dropdownButton {
	background: var(--background-main);
	color: var(--text-black);
	line-height: 22px;
	margin: 0 auto;
	padding-bottom: 4px;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid var(--gray-300);
	cursor: pointer;
	height: 40px;
	padding-left: 16px;
	padding-right: 16px;
}

.dropdownButton span {
	display:inline-block;
	text-align: center;
	height: 20px;
	vertical-align: middle;
}

.dropdownButton img {
	display:inline-block;
	width: 20px;
	height: 20px;
	padding-top: 2px;
	vertical-align: middle;
}

/* Dropdown Content */
.dropdownMenuContainer {
	width: 225px;
	height: 112px;
	padding-top: 16px;
	padding-bottom:16px;
	margin-top: 4px;
	display: none;
	position: absolute;
	background: var(--background-main);
	color:  var(--text-black);
	z-index: 1000;
	box-shadow: 0px 1px 2px 0px #0000000F,
				0px 1px 3px 0px #0000001A;
	border: 1px solid var(--gray-300);
	border-radius: 4px;
}

.dropdownContentButton {
	display: block;
	width: 100%;
	background: var(--background-main);
	font-size: 16px;
	line-height: 22px;
	margin: 0 auto;
	padding-bottom: 4px;
	border-radius: 4px;
	border: none;
	cursor: pointer;
	height: 40px;
	padding-left: 16px;
	padding-right: 16px;
	text-align:left;
}

.dropdownContentButton.selected {
	color: var(--text-black);
	font-weight: 700;
}

.dropdownContentButton.unselected {
	color: var(--text-gray);
	font-weight: 400;
}

.dropdownContentButton .spacer {
	display:inline-block;
	width: 20px;
	text-align: center;
}

.dropdownContentButton span {
	display:inline-block;
	text-align: center;
	height: 20px;
	vertical-align: middle;
}

.dropdownContentButton img {
	display:inline-block;
	width: 20px;
	height: 20px;
	padding-top: 2px;
	vertical-align: middle;
	position: relative;
	text-align: center;
	filter: invert(19%) sepia(99%) saturate(3220%) hue-rotate(167deg) brightness(96%) contrast(101%);
}

.dropdownContentButton:hover, .dropdownContentButton:focus {
	background-color: var(--gray-100);
	cursor:pointer;
}

.dropdownButton:hover, .dropdownButton:focus {
	background-color: var(--gray-200);
	cursor:pointer;
}

.linkContainer:hover {
	cursor: pointer;
}

.linkContainer:focus {
	border-radius: 4px;
	border: 1px solid var(--blue-500);
}

.announceContainer {
	width: 100%;
	background-color: #EBF5FC;
	border-radius: 4px;
	border: 1px solid #EBF5FC;
}

#announceHTML * {
	all: revert;
}

#announceHTML a {
	color: var(--blue-500);
}