.styleswitcher {
	background: rgb(35, 35, 35); padding: 25px 25px 30px; transition:0.3s cubic-bezier(0.55, 0, 0.1, 1); top: 22%; width: 295px; text-align: left; color: rgb(165, 191, 210); position: fixed; z-index: 9998; box-sizing: border-box; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15); transform: translateX(-295px); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transform: translateX(-295px); -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-transform: translateX(-295px); -o-transform: translateX(-295px);
}
.active.styleswitcher {
	transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px);
}
@media all and (max-width:479px)
{
.styleswitcher {
	width: 235px; transform: translateX(-235px); -webkit-transform: translateX(-235px); -moz-transform: translateX(-235px); -o-transform: translateX(-235px);
}
}
.styleswitcher_title {
	color: rgb(255, 255, 255); line-height: 1.2; font-size: 16px; font-weight: 700;
}
.styleswitcher_toggle {
	background: rgb(35, 35, 35); font: 400 32px/60px "FontAwesome"; padding: 0px; border: currentColor; transition:0.3s; border-image: none; left: 100%; top: 0px; width: 60px; height: 60px; text-align: center; color: rgb(165, 191, 210); display: inline-block; position: absolute; cursor: pointer; font-size-adjust: none; font-stretch: normal; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15); outline-offset: 0; -webkit-appearance: none; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.15);
}
.styleswitcher_toggle:hover {
	color: rgb(255, 255, 255);
}
.styleswitcher_toggle::before {
	content: "?";
}
.active.styleswitcher_toggle::before {
	content: "?";
}
.styleswitcher_cnt {
	word-spacing: 6px;
}
.styleswitcher_scheme {
	background: none; padding: 0px; border-radius: 3px; border: currentColor; transition:0.3s; border-image: none; width: 40px; height: 40px; text-align: center; margin-bottom: 10px; display: inline-block; position: relative; cursor: pointer; outline-offset: 0; -webkit-appearance: none; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.styleswitcher_scheme::before {
	background: linear-gradient(rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: "";
}
.active.styleswitcher_scheme {
	transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);
}
.styleswitcher_scheme:hover {
	transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9);
}
.styleswitcher_title + .styleswitcher_cnt {
	margin-top: 25px;
}