.dsg-switch{cursor:default;-webkit-user-select:none;user-select:none;min-height:var(--dsg-control-height);align-items:center;gap:.5rem;display:inline-flex}.dsg-switch__track{border:1px solid var(--dsg-text);background:0 0;border-radius:.5625rem;flex:none;width:2.5rem;height:1.125rem;position:relative}.dsg-switch__knob{background:var(--dsg-text);border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:.1875rem;left:.25rem}.dsg-switch:hover:not(.is-disabled) .dsg-switch__track{background:var(--dsg-accent-softer)}.dsg-switch.is-on .dsg-switch__track{background:var(--dsg-accent);border-color:var(--dsg-accent)}.dsg-switch.is-on .dsg-switch__knob{background:var(--dsg-accent-text);left:1.5rem}.dsg-switch.is-disabled{color:var(--dsg-text-disabled)}.dsg-switch.is-disabled .dsg-switch__track{border-color:var(--dsg-text-disabled);background:0 0}.dsg-switch.is-disabled .dsg-switch__knob{background:var(--dsg-text-disabled)}.dsg-switch__label{color:inherit}