.znl-switch__core,.znl-switch__label{vertical-align:middle;display:inline-block}.znl-switch{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;line-height:20px;height:20px;vertical-align:middle}.znl-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.znl-switch__core{margin:0;position:relative;width:40px;height:20px;border:1px solid #dcdfe6;outline:0;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#dcdfe6;cursor:pointer;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s}.znl-switch__core:after{content:"";position:absolute;top:1px;left:1px;border-radius:100%;-webkit-transition:all .3s;transition:all .3s;width:16px;height:16px;background-color:#fff}.znl-switch__label{-webkit-transition:.2s;transition:.2s;height:20px;font-size:14px;font-weight:500;cursor:pointer;color:#303133}.znl-switch__label *{line-height:1;font-size:14px;display:inline-block}.znl-switch__label--left{margin-right:10px}.znl-switch__label--right{margin-left:10px}.znl-switch__label.is-active{color:#409eff}.znl-switch.is-disabled .znl-switch__core,.znl-switch.is-disabled .znl-switch__label{cursor:not-allowed}.znl-switch.is-checked .znl-switch__core:after{left:100%;margin-left:-17px}