.cp-dark-light-switch .switch{position:relative;display:inline-block;width:38px;height:18px}.cp-dark-light-switch .switch input{opacity:0;width:0;height:0}.cp-dark-light-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:transparent;border:1px solid var(--border-light-color);transition:.4s}.cp-dark-light-switch .slider:before{position:absolute;content:"";height:10px;width:10px;left:3px;bottom:3px;background-color:#000;transition:.4s}.cp-dark-light-switch input:checked+.slider{background-color:transparent}.cp-dark-light-switch input:checked+.slider:before{transform:translateX(20px);background-color:#fff}.cp-dark-light-switch .slider.round{border-radius:34px}.cp-dark-light-switch .slider.round:before{border-radius:50%}