@odyzeo/form-toggle/dist/form-toggle.css

Odyzeo form toggle component with Vue

.form-toggle{display:inline-flex;align-items:center;position:relative;user-select:none;font-size:10px;cursor:pointer}.form-toggle.is-disabled{pointer-events:none;opacity:.6}.form-toggle__icon{color:#bfcbd9;transition:color .3s}.form-toggle.is-toggled .form-toggle__icon{color:#75c791}.form-toggle.is-disabled .form-toggle__icon{color:#bfcbd9}.form-toggle__input{opacity:0;position:absolute;width:1px;height:1px}.form-toggle__label{position:absolute;top:0;z-index:1;font-weight:600;display:block;color:#fff}.form-toggle__label.is-left{left:10px}.form-toggle__label.is-right{right:10px}.form-toggle__element{display:block;position:relative;box-sizing:border-box;outline:0;margin:0;transition:border-color .3s,background-color .3s;user-select:none;background-color:#bfcbd9}.form-toggle.is-toggled .form-toggle__element{background-color:#75c791}.form-toggle.is-disabled .form-toggle__element{background-color:#bfcbd9}.form-toggle__button{display:block;position:absolute;overflow:hidden;top:0;left:0;border-radius:100%;background-color:#fff;z-index:2}