.ui-toggle-switch{--handle-ml:0;--body-bg:var(--bg-base-light);--body-shadow:var(--btn-group-shape-shadow);outline:none;align-items:center;gap:12px;display:flex}.ui-toggle-switch__body{border:1px solid var(--color-ic-01);width:40px;height:24px;box-shadow:var(--body-shadow);background:var(--body-bg);cursor:pointer;border-radius:12px;padding:5px;display:flex}.ui-toggle-switch__handle{border:1px solid var(--color-ic-01);background:var(--color-ic-00);width:12px;height:12px;margin-left:var(--handle-ml);border-radius:12px}.ui-toggle-switch.active{--body-bg:var(--btn-switcher-bg);--handle-ml:auto}.ui-toggle-switch:focus-visible{--label-color:var(--txt-focus);--body-shadow:var(--btn-group-shape-shadow), 0 0 0 2px #fff, 0 0 0 4px var(--border-color-focus)}