.toggle-switch,.toggle-switch .toggle-knob{transition:all .2s ease-in}.toggle-switch{width:var(--toggle-width);height:var(--toggle-height);padding:0;box-sizing:border-box;margin:2px;display:flex;align-items:center;border-radius:var(--toggle-height);border:1px solid #d2d6de;box-shadow:inset 1px 1px 9px -3px rgba(4,4,4,.08),1px 2px 6px -2px rgba(4,4,4,.01)}.toggle-switch .toggle-knob{width:var(--toggle-knob-size);height:var(--toggle-knob-size);flex:0 0 var(--toggle-knob-size);margin:0;border:1px solid hsla(0,0%,49.4%,.07);box-shadow:var(--toggle-knob-shadow);border-radius:50%;box-sizing:border-box}.toggle-switch.toggle-active{border-color:transparent}.toggle-switch.toggle-active .toggle-knob{margin-left:calc(var(--toggle-width) - var(--toggle-knob-size) - 2px)}