.edmw-dark-mode-widget{
	display:inline-block;
}

html[data-edmw-theme="dark"],
html[data-edmw-theme="light"]{
	color-scheme:normal;
}
.edmw-dark-mode-container{
	display:flex;
	align-items:center;
	gap:10px;
}
.edmw-toggle-label{
	font-size:14px;
	color:#666;
}
.edmw-dark-mode-button{
	display:flex;
	align-items:center;
	gap:8px;
	padding:14px 16px;
	border:none;
	border-radius:15px;
	background:#ffffff;
	color:#495057;
	cursor:pointer;
	transition:all 0.2s ease;
}
.edmw-dark-mode-button:hover{
	background:#e9ecef;
}
.edmw-dark-mode-widget .edmw-dark-mode-button{
	background:var(--edmw-widget-button-bg-light,#ffffff);
	color:var(--edmw-widget-button-text-light,#495057);
	border-color:var(--edmw-widget-button-border-light,#ddd);
}
.edmw-dark-mode-widget .edmw-dark-mode-button:hover{
	background:var(--edmw-widget-button-hover-bg-light,var(--edmw-widget-button-bg-light,#e9ecef));
	color:var(--edmw-widget-button-hover-text-light,var(--edmw-widget-button-text-light,#495057));
	border-color:var(--edmw-widget-button-hover-border-light,var(--edmw-widget-button-border-light,#ddd));
}
body.dark-mode .edmw-dark-mode-widget .edmw-dark-mode-button,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button,
html[data-edmw-theme="dark"] .edmw-dark-mode-widget .edmw-dark-mode-button{
	background:var(--edmw-widget-button-bg-dark,var(--edmw-widget-button-bg-light,#13192f));
	color:var(--edmw-widget-button-text-dark,var(--edmw-widget-button-text-light,#ffffff));
	border-color:var(--edmw-widget-button-border-dark,var(--edmw-widget-button-border-light,#ddd));
}
body.dark-mode .edmw-dark-mode-widget .edmw-dark-mode-button:hover,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button:hover,
html[data-edmw-theme="dark"] .edmw-dark-mode-widget .edmw-dark-mode-button:hover{
	background:var(--edmw-widget-button-hover-bg-dark,var(--edmw-widget-button-hover-bg-light,var(--edmw-widget-button-bg-dark,var(--edmw-widget-button-bg-light,#13192f))));
	color:var(--edmw-widget-button-hover-text-dark,var(--edmw-widget-button-hover-text-light,var(--edmw-widget-button-text-dark,var(--edmw-widget-button-text-light,#ffffff))));
	border-color:var(--edmw-widget-button-hover-border-dark,var(--edmw-widget-button-hover-border-light,var(--edmw-widget-button-border-dark,var(--edmw-widget-button-border-light,#ddd))));
}
.edmw-dark-mode-shortcode .edmw-dark-mode-button{
	padding:var(--edmw-shortcode-padding,10px) 14px;
	border-radius:var(--edmw-shortcode-radius,15px);
	background:var(--edmw-shortcode-light-bg,#f8f9fa);
	color:var(--edmw-shortcode-light-text,#495057);
	border:var(--edmw-shortcode-border-width,1px) solid var(--edmw-shortcode-border-light,#1d2327);
}
body.dark-mode .edmw-dark-mode-shortcode .edmw-dark-mode-button{
	background:var(--edmw-shortcode-dark-bg,#13192f);
	color:var(--edmw-shortcode-dark-text,#ffffff);
	border-color:var(--edmw-shortcode-border-dark,#ffffff);
}
html[data-edmw-theme="dark"] .edmw-dark-mode-shortcode .edmw-dark-mode-button{
	background:var(--edmw-shortcode-dark-bg,#13192f);
	color:var(--edmw-shortcode-dark-text,#ffffff);
	border-color:var(--edmw-shortcode-border-dark,#ffffff);
}
.edmw-dark-mode-shortcode .edmw-dark-mode-button:hover{
	filter:brightness(.98);
}
.edmw-dark-mode-shortcode .edmw-dark-mode-button .edmw-button-text{
	display:inline-flex;
	align-items:center;
	line-height:1.05;
}
.edmw-dark-mode-button .edmw-icon{
	width:18px;
	height:18px;
	min-width:18px;
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--edmw-widget-icon-color-light,currentColor);
	fill:var(--edmw-widget-icon-color-light,currentColor);
	stroke:var(--edmw-widget-icon-color-light,currentColor);
}
.edmw-dark-mode-button .edmw-icon .edmw-icon-visual{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	flex:0 0 100%;
	line-height:0;
	text-align:center;
}
.edmw-dark-mode-button .edmw-icon .edmw-icon-visual > *{
	display:block;
	margin:auto;
	line-height:1;
}
.edmw-dark-mode-button .edmw-icon .edmw-icon-visual i::before{
	display:block;
}
.edmw-dark-mode-button .edmw-icon *{
	color:inherit;
	fill:inherit;
	stroke:inherit;
}
.edmw-dark-mode-button:hover .edmw-icon{
	color:var(--edmw-widget-icon-hover-color-light,var(--edmw-widget-icon-color-light,currentColor));
	fill:var(--edmw-widget-icon-hover-color-light,var(--edmw-widget-icon-color-light,currentColor));
	stroke:var(--edmw-widget-icon-hover-color-light,var(--edmw-widget-icon-color-light,currentColor));
}
body.dark-mode .edmw-dark-mode-widget .edmw-dark-mode-button .edmw-icon,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button .edmw-icon,
html[data-edmw-theme="dark"] .edmw-dark-mode-widget .edmw-dark-mode-button .edmw-icon{
	color:var(--edmw-widget-icon-color-dark,var(--edmw-widget-icon-color-light,currentColor));
	fill:var(--edmw-widget-icon-color-dark,var(--edmw-widget-icon-color-light,currentColor));
	stroke:var(--edmw-widget-icon-color-dark,var(--edmw-widget-icon-color-light,currentColor));
}
body.dark-mode .edmw-dark-mode-widget .edmw-dark-mode-button:hover .edmw-icon,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button:hover .edmw-icon,
html[data-edmw-theme="dark"] .edmw-dark-mode-widget .edmw-dark-mode-button:hover .edmw-icon{
	color:var(--edmw-widget-icon-hover-color-dark,var(--edmw-widget-icon-hover-color-light,var(--edmw-widget-icon-color-dark,var(--edmw-widget-icon-color-light,currentColor))));
	fill:var(--edmw-widget-icon-hover-color-dark,var(--edmw-widget-icon-hover-color-light,var(--edmw-widget-icon-color-dark,var(--edmw-widget-icon-color-light,currentColor))));
	stroke:var(--edmw-widget-icon-hover-color-dark,var(--edmw-widget-icon-hover-color-light,var(--edmw-widget-icon-color-dark,var(--edmw-widget-icon-color-light,currentColor))));
}
.edmw-dark-mode-button .edmw-button-text{
	font-size:14px;
	font-weight:500;
}

.edmw-dark-mode-button .edmw-button-text-light{
	display:none;
}
body:not(.dark-mode) .edmw-dark-mode-shortcode .edmw-dark-mode-button .edmw-button-text-light,
html[data-edmw-theme="light"] .edmw-dark-mode-shortcode .edmw-dark-mode-button .edmw-button-text-light,
.edmw-dark-mode-shortcode .edmw-dark-mode-button .edmw-button-text-light{
	display:none;
}
body:not(.dark-mode) .edmw-dark-mode-shortcode .edmw-dark-mode-button .edmw-button-text-dark,
html[data-edmw-theme="light"] .edmw-dark-mode-shortcode .edmw-dark-mode-button .edmw-button-text-dark,
.edmw-dark-mode-shortcode .edmw-dark-mode-button .edmw-button-text-dark{
	display:inline-flex;
}
body.dark-mode .edmw-dark-mode-button .edmw-button-text-dark,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button .edmw-button-text-dark,
html[data-edmw-theme="dark"] .edmw-dark-mode-button .edmw-button-text-dark{
	display:none;
}
body.dark-mode .edmw-dark-mode-button .edmw-button-text-light,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button .edmw-button-text-light{
	display:inline-flex;
}
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button .edmw-button-text-light,
html[data-edmw-theme="dark"] .edmw-dark-mode-button .edmw-button-text-light{
	display:inline-flex;
}

.edmw-dark-mode-button .edmw-icon-dark{
	display:flex;
	opacity:1;
}
.edmw-dark-mode-button .edmw-icon-light{
	display:none;
	opacity:1;
}

body.dark-mode .edmw-dark-mode-button .edmw-icon-dark,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button .edmw-icon-dark,
html[data-edmw-theme="dark"] .edmw-dark-mode-button .edmw-icon-dark{
	display:none;
	opacity:1;
}
body.dark-mode .edmw-dark-mode-button .edmw-icon-light,
.edmw-dark-mode-widget.dark-mode .edmw-dark-mode-button .edmw-icon-light,
html[data-edmw-theme="dark"] .edmw-dark-mode-button .edmw-icon-light{
	display:flex;
	opacity:1;
}

.edmw-dark-mode-icons{
	display:flex;
	gap:8px;
}
.edmw-dark-mode-icons .edmw-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #dee2e6;
	border-radius:4px;
	background:#fff;
	cursor:pointer;
	transition:all 0.2s ease;
}
.edmw-dark-mode-icons .edmw-icon svg,
.edmw-dark-mode-icons .edmw-icon i{
	display:block;
}
.edmw-dark-mode-icons .edmw-icon:hover{
	background:#f8f9fa;
	border-color:#adb5bd;
}

.edmw-dark-mode-icons .edmw-icon-dark{
	display:inline-flex;
	opacity:1;
}
.edmw-dark-mode-icons .edmw-icon-light{
	display:none;
	opacity:1;
}
body.dark-mode .edmw-dark-mode-icons .edmw-icon-dark{
	display:none;
	opacity:1;
}
body.dark-mode .edmw-dark-mode-icons .edmw-icon-light{
	display:inline-flex;
	opacity:1;
}

.edmw-dark-mode-icons .edmw-icon{
	width:18px;
	height:18px;
	font-size:18px;
}

.elementor-editor-active .edmw-dark-mode-widget{
	cursor:pointer;
}
.elementor-editor-active .edmw-dark-mode-widget:hover{
	opacity:0.9;
}

.edmw-default-icon{
	opacity:1;
}
.edmw-default-icon svg{
	filter:none;
	display:block;
}

.edmw-icon{
	transition:transform 0.2s ease;
}
.edmw-dark-mode-button:hover .edmw-icon{
	transform:scale(1.1);
}

@media (max-width:768px){
	.edmw-dark-mode-container{
		flex-direction:column;
		gap:8px;
}
	.edmw-toggle-label{
		font-size:12px;
}
}