.light-theme {
	--color-eqw-bdr : var(--color-c9);

	--color-eqw-hdr-bgc : var(--color-c6);
	--color-eqw-hdr-bdr : var(--color-c4);
	--color-eqw-hdr-txt : var(--color-c2);
	--color-eqw-bdy-bgc : var(--color-c1);
	--color-eqw-bdy-txt : var(--color-c2);
	--color-eqw-ftr-bgc : var(--color-c1);
	--color-eqw-ftr-bdr : var(--color-c6);
	--color-eqw-ftr-txt : var(--color-c2);

	--color-eqw-btn-dflt-bgc     : var(--color-c4);
	--color-eqw-btn-dflt-bdr     : var(--color-c4);
	--color-eqw-btn-dflt-txt     : var(--color-c2);
	--color-eqw-btn-dflt-bgc-hvr : var(--color-c4);
	--color-eqw-btn-dflt-bdr-hvr : var(--color-c4);
	--color-eqw-btn-dflt-txt-hvr : var(--color-c3);
	--color-eqw-btn-invr-bgc     : var(--color-c1);
	--color-eqw-btn-invr-bdr     : var(--color-c4);
	--color-eqw-btn-invr-txt     : var(--color-c2);
	--color-eqw-btn-invr-bgc-hvr : var(--color-c1);
	--color-eqw-btn-invr-bdr-hvr : var(--color-c4);
	--color-eqw-btn-invr-txt-hvr : var(--color-c3);
}
.dark-theme {
	--color-eqw-bdr : var(--color-c9);

	--color-eqw-hdr-bgc : var(--color-c6);
	--color-eqw-hdr-bdr : var(--color-c4);
	--color-eqw-hdr-txt : var(--color-c2);
	--color-eqw-bdy-bgc : var(--color-c1);
	--color-eqw-bdy-txt : var(--color-c2);
	--color-eqw-ftr-bgc : var(--color-c1);
	--color-eqw-ftr-bdr : var(--color-c6);
	--color-eqw-ftr-txt : var(--color-c2);

	--color-eqw-btn-dflt-bgc     : var(--color-c4);
	--color-eqw-btn-dflt-bdr     : var(--color-c4);
	--color-eqw-btn-dflt-txt     : var(--color-c2);
	--color-eqw-btn-dflt-bgc-hvr : var(--color-c4);
	--color-eqw-btn-dflt-bdr-hvr : var(--color-c4);
	--color-eqw-btn-dflt-txt-hvr : var(--color-c3);
	--color-eqw-btn-invr-bgc     : var(--color-c1);
	--color-eqw-btn-invr-bdr     : var(--color-c4);
	--color-eqw-btn-invr-txt     : var(--color-c2);
	--color-eqw-btn-invr-bgc-hvr : var(--color-c1);
	--color-eqw-btn-invr-bdr-hvr : var(--color-c4);
	--color-eqw-btn-invr-txt-hvr : var(--color-c3);
}
.bright-theme {
	--color-eqw-bdr : var(--color-c9);

	--color-eqw-hdr-bgc : var(--color-c6);
	--color-eqw-hdr-bdr : var(--color-c4);
	--color-eqw-hdr-txt : var(--color-c2);
	--color-eqw-bdy-bgc : var(--color-c1);
	--color-eqw-bdy-txt : var(--color-c2);
	--color-eqw-ftr-bgc : var(--color-c1);
	--color-eqw-ftr-bdr : var(--color-c6);
	--color-eqw-ftr-txt : var(--color-c2);

	--color-eqw-btn-dflt-bgc     : var(--color-c4);
	--color-eqw-btn-dflt-bdr     : var(--color-c4);
	--color-eqw-btn-dflt-txt     : var(--color-c2);
	--color-eqw-btn-dflt-bgc-hvr : var(--color-c4);
	--color-eqw-btn-dflt-bdr-hvr : var(--color-c4);
	--color-eqw-btn-dflt-txt-hvr : var(--color-c3);
	--color-eqw-btn-invr-bgc     : var(--color-c1);
	--color-eqw-btn-invr-bdr     : var(--color-c4);
	--color-eqw-btn-invr-txt     : var(--color-c2);
	--color-eqw-btn-invr-bgc-hvr : var(--color-c1);
	--color-eqw-btn-invr-bdr-hvr : var(--color-c4);
	--color-eqw-btn-invr-txt-hvr : var(--color-c3);
}

.element-qw {
	height    : auto !important;
	width     : 600px;
	max-width : calc(100vw - 20px);
}
.element-qw .cew-header {
	background-color : var(--color-eqw-hdr-bgc);
	border-color     : var(--color-eqw-hdr-bdr);
	color            : var(--color-eqw-hdr-txt);
}
.element-qw .cew-body {
	background-color : var(--color-eqw-bdy-bgc);
	border-color     : var(--color-eqw-bdy-bdr);
	color            : var(--color-eqw-bdy-txt);
}
.element-qw .cew-footer {
	background-color : var(--color-eqw-ftr-bgc);
	border-color     : var(--color-eqw-ftr-bdr);
	color            : var(--color-eqw-ftr-txt);
}
.eqw-buttons {
	display         : flex;
	justify-content : flex-end;
	column-gap      : 5px;
}
.eqw-default-btn {
	background-color : var(--color-eqw-btn-dflt-bgc);
	border-color     : var(--color-eqw-btn-dflt-bdr);
	color            : var(--color-eqw-btn-dflt-txt);
}
.eqw-default-btn:hover, .eqw-default-btn:active, .eqw-default-btn:focus {
	background-color : var(--color-eqw-btn-dflt-bgc-hvr);
	border-color     : var(--color-eqw-btn-dflt-bdr-hvr);
	color            : var(--color-eqw-btn-dflt-txt-hvr);
}
.eqw-inverse-btn {
	background-color : var(--color-eqw-btn-invr-bgc);
	border-color     : var(--color-eqw-btn-invr-bdr);
	color            : var(--color-eqw-btn-invr-txt);
}
.eqw-inverse-btn:hover, .eqw-inverse-btn:active, .eqw-inverse-btn:focus {
	background-color : var(--color-eqw-btn-invr-bgc-hvr);
	border-color     : var(--color-eqw-btn-invr-bdr-hvr);
	color            : var(--color-eqw-btn-invr-txt-hvr);
}
.eqw-success-btn {
	background-color : forestgreen;
	border-color     : forestgreen;
	color            : var(--color-eqw-btn-invr-txt);
}
.eqw-success-btn:hover, .eqw-success-btn:active, .eqw-success-btn:focus {
	background-color : forestgreen;
	border-color     : forestgreen;
	color            : var(--color-eqw-btn-invr-txt-hvr);
}
.eqw-alert-btn {
	background-color : crimson;
	border-color     : crimson;
	color            : var(--color-eqw-btn-invr-txt);
 }
.eqw-alert-btn:hover, .eqw-alert-btn:active, .eqw-alert-btn:focus {
	background-color : crimson;
	border-color     : crimson;
	color            : var(--color-eqw-btn-invr-txt-hvr);
}