.filter-out {
	display: none;
}

/* The Modal (background) */
.modal {
	display: none;
	position: fixed !important;
	z-index: 2 !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: auto !important;
	background-color: rgb(0,0,0) !important;
	background-color: rgba(0,0,0,0.4) !important;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe !important;
	margin: 15% auto !important;
	padding: 20px !important;
	border: 1px solid #888 !important;
	max-width: 80% !important;
	width: 300px !important;
}
.modal.changelog .modal-content {
	width: 900px !important;
}

/* The Close Button */
.close {
	color: #aaa !important;
	float: right !important;
	font-size: 28px !important;
	font-weight: bold !important;
}

.close:hover,
.close:focus {
	color: black !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.modal label {
	display: flex;
	width: 100% !important;
	margin-bottom: 4px !important;
	font-weight: 500 !important;
}
.modal input {
	max-width: 100% !important;
	width: 200px !important;
	padding: 5px 10px !important;
	border: 1px solid #000 !important;
	margin-bottom: 15px !important;
}

.modal .m-button {
	border: 1px solid !important;
	height: min-content !important;
	padding: 15px 20px !important;
	border-radius: 37px !important;
	margin: 0 7px !important;
	cursor: pointer !important;
}

.hidden {
	display: none;
}

li[data-daba_changelog_dates] {
	position: relative;
}
li[data-daba_changelog_dates] > a {
	max-width: calc(100% - 15px);
	display: inline-block;
}

[data-modal] {
	margin-left: 4px;
	font-size: small;
	cursor: pointer;
	user-select: none;
	color: #f28a27;

	position: absolute;
	top: 11px;
}

.changelog-icon {
	width: 12px !important;
}