.op3-element[data-op3-element-type=switcher]{max-width:100%}.op3-element[data-op3-element-type=switcher] .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.op3-element[data-op3-element-type=switcher] .header .slider{position:relative;cursor:pointer;height:34px;width:100px;-webkit-transition:background-color .4s;transition:background-color .4s}.op3-element[data-op3-element-type=switcher] .header .slider .box{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;height:26px;width:26px;background-color:#F3F4F6;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;-webkit-transition:left .4s ease;transition:left .4s ease;-webkit-box-shadow:0 0 10px -3px #000;box-shadow:0 0 10px -3px #000}.op3-element[data-op3-element-type=switcher] .header .slider.active{background-color:inherit!important}.op3-element[data-op3-element-type=switcher] .header .slider.active .box{left:calc(100% - 26px)}.op3-element[data-op3-element-type=switcher] .header p{margin-bottom:0}.op3-element[data-op3-element-type=switcher] .op3-element[data-op3-element-type=switchercontentitem]{display:none}.op3-element[data-op3-element-type=switcher] .op3-element[data-op3-element-type=switchercontentitem].active{display:-webkit-box;display:-ms-flexbox;display:flex}