.switch-component{margin:10px 0;position:relative;cursor:pointer;z-index:3;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch-component div{display:inline-block}.switch-component .switch-option{font-size:15px;color:grey;font-weight:700!important;-webkit-transition:.3s;transition:.3s}.switch-component .switch-option.active{color:#fff}.switch-component .switch{position:relative;box-shadow:0 2px 8px 0 rgba(62,62,79,.23);vertical-align:middle;width:65px;height:30px;margin:0 15px;border-radius:15px;background-color:#fdd700;z-index:3}.switch-component .switch:after{position:absolute;margin-top:-11px;left:37.5px;background-color:#fff;border-radius:50%;content:"";width:22px;height:22px;top:50%;transition:.3s}.switch-component .switch.on:after{left:5px}