body.dark-mode {
	--bg-color: #ffffff !important;
	--color: #111111 !important;
	--light: #6b7280 !important;
	--border: #e5e7eb !important;
	--dark: #f8fafc !important;
}

.dark-mode .component_notification .component_notification--container.info {
	color: var(--bg-color);
}

body.dark-mode input {
	color: var(--color);
}

.dark-mode .component_menubar .container {
	color: var(--color);
}

.dark-mode .component_dropdown .dropdown_container ul {
	color: var(--bg-color);
	background: rgba(43, 45, 48, 0.9);
}

.dark-mode [is="component_submenu"] .component_submenu .action button img {
	filter: inherit;
}

body.dark-mode .component_filemanager_shell {
	background: #ffffff;
}

.dark-mode .component_breadcrumb .component_path-element .label {
	color: inherit
}

.dark-mode .component_upload {
	color: var(--color);
}

.component_upload h3 {
	color: var(--color);
}

button[data-action="tag"] {
	display: none;
}

div[data-bind="your-tags"] {
	display: none;
}

.component_modal>div {
	max-width: 600px;
}

.component_popup .buttons {
	margin: 15px 0px 20px 0px;
	display: flex !important;
	gap: 10%;
}

.dark-mode .component_share .share--content.link-type>button {
	background: inherit;
	color: inherit;
}

.buttons button[type="button"],
button[data-role="editor"],
button[data-role="viewer"],
button[data-role="uploader"] {
	display: inline-block;
	outline: 0;
	cursor: pointer;
	border-radius: 8px !important;
	box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
	background: transparent;
	border: 1px solid #333;
	font-size: 13px;
	height: 31px;
	padding: 0 11px;
	text-align: center;
	text-shadow: 0px 0px 0.5px var(--color) !important;
	font-weight: 500;
	color: #000;
}

.buttons button[type="button"]:hover,
button[data-role="editor"]:hover,
button[data-role="viewer"]:hover,
button[data-role="uploader"]:hover {
	background: #404040;
	border-color: #333;
	color: #fff;
	box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
}

.buttons button[type="submit"] {
	display: inline-block;
	outline: 0;
	cursor: pointer;
	border-radius: 8px !important;
	box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
	background: #404040;
	border: 1px solid #333;
	font-size: 13px;
	height: 31px;
	padding: 0 11px;
	text-align: center;
	/* width: 100%; */
	/* min-width: 200px; */
	font-weight: 500;
	color: #fff;
}

.buttons button[type="submit"]:hover {
	background: #505050;
	border-color: #333;
	box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
}