switcher.hmSwitcher{position:relative;display:inline-block;width:100px;height:16px;border:1px solid #62666a;border-radius:4px;overflow:hidden;transition:background-image .5s}switcher.hmSwitcher thumb{position:absolute;display:block;height:calc(100% - 1px - 1px);border-radius:3px;border:1px solid #454545;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAAERAkQoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABVhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTUtMDgtMjZUMTY6NTM6MTIrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE2LTA5LTIxVDE1OjMwOjI2KzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE2LTA5LTIxVDE1OjMwOjI2KzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RTc0NzY5NDdGRkYxMUU2QTQ3Q0NCMjhGQzBCQ0NBMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RTc0NzY5NTdGRkYxMUU2QTQ3Q0NCMjhGQzBCQ0NBMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc3MTNGRkZFRkI0QkU1MTE5Rjk3OEI4MjA1Qzc4Mzk3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzEzRkZGRUZCNEJFNTExOUY5NzhCODIwNUM3ODM5NyIgc3RFdnQ6d2hlbj0iMjAxNS0wOC0yNlQxNjo1MzoxMiswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MTNGRkZFRkI0QkU1MTE5Rjk3OEI4MjA1Qzc4Mzk3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc3MTNGRkZFRkI0QkU1MTE5Rjk3OEI4MjA1Qzc4Mzk3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7DpzTgAAAG1JREFUeNpi/P//PwMYgBgqajrGAAEEZjCfPXv2P0AAMYNYIMY/BrYtAAHECFcIUgTiMDFAAUAAwbX6+Pj8h7ERskgAIIAQhsAAshYQG0MbYQGAAENx5ts3L59jY2N1DkGjKVN049YDE5gANjYAq6dRdhv0Zl8AAAAASUVORK5CYII=),linear-gradient(to bottom,#efefef,#aeaeae);background-repeat:no-repeat;background-position:center center;transition:left .5s}switcher.hmSwitcher thumb:after,switcher.hmSwitcher thumb:before{display:block;height:100%;width:16px;top:-1px;position:absolute;text-align:center;line-height:16px;font-weight:700;background-size:16px 16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAADgCAYAAAAaLWrhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTYtMDktMjFUMTQ6NDI6MzYrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE2LTA5LTIxVDE2OjI0OjEyKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE2LTA5LTIxVDE2OjI0OjEyKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMTM0MzQzNjgwMDcxMUU2OEI4MEVBRjZGMEZGREU0RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMTM0MzQzNzgwMDcxMUU2OEI4MEVBRjZGMEZGREU0RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjpp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)}switcher.hmSwitcher thumb:before{content:" ";left:-17px;transform:rotateY(180deg)}switcher.hmSwitcher thumb:after{content:" ";right:-17px}switcher.hmSwitcher sensors{position:absolute;height:100%;width:100%;display:flex;display:-webkit-flex}switcher.hmSwitcher sensors sensor{display:block;height:100%;flex:1;cursor:pointer}