:host,:root{--xzx-switch-size:26px;--xzx-switch-width:45px;--xzx-switch-height:28px;--xzx-switch-node-size:20px;--xzx-switch-node-background:var(--xzx-color-white);--xzx-switch-node-shadow:0 3px 1px 0 rgba(0,0,0,0.05);--xzx-switch-background:rgba(120,120,128,0.16);--xzx-switch-on-background:var(--xzx-color-primary);--xzx-switch-duration:var(--xzx-duration-base);--xzx-switch-disabled-opacity:var(--xzx-disabled-opacity)}.xzx-theme-dark{--xzx-switch-background:rgba(120,120,128,0.32)}.xzx-switch{background:var(--xzx-switch-background);border-radius:var(--xzx-br-round);box-sizing:content-box;cursor:pointer;display:inline-block;font-size:var(--xzx-switch-size);height:var(--xzx-switch-height);position:relative;transition:background-color var(--xzx-switch-duration);width:var(--xzx-switch-width)}.xzx-switch__node{background:var(--xzx-switch-node-background);border-radius:100%;box-shadow:var(--xzx-switch-node-shadow);font-size:inherit;height:var(--xzx-switch-node-size);left:4px;position:absolute;top:4px;transition:transform var(--xzx-switch-duration) cubic-bezier(.3,1.05,.4,1.05);width:var(--xzx-switch-node-size)}.xzx-switch__loading{align-items:center;display:flex;font-size:var(--xzx-text-sm);height:100%;justify-content:center;line-height:1;width:100%}.xzx-switch--on{background:var(--xzx-switch-on-background)}.xzx-switch--on .xzx-switch__node{transform:translateX(calc(var(--xzx-switch-width) - var(--xzx-switch-node-size) - 8px))}.xzx-switch--on .xzx-switch__loading{color:var(--xzx-switch-on-background)}.xzx-switch--disabled{cursor:not-allowed;opacity:var(--xzx-switch-disabled-opacity)}.xzx-switch--loading{cursor:default}