:root,:host{--van-switch-size: .52rem;--van-switch-width: calc(1.8em + .08rem) ;--van-switch-height: calc(1em + .08rem) ;--van-switch-node-size: 1em;--van-switch-node-background: var(--van-white);--van-switch-node-shadow: 0 .06rem .02rem 0 rgba(0, 0, 0, .05);--van-switch-background: rgba(120, 120, 128, .16);--van-switch-on-background: var(--van-primary-color);--van-switch-duration: var(--van-duration-base);--van-switch-disabled-opacity: var(--van-disabled-opacity)}.van-theme-dark{--van-switch-background: rgba(120, 120, 128, .32)}.van-switch{position:relative;display:inline-block;box-sizing:content-box;width:calc(1.8em + .08rem);width:var(--van-switch-width);height:calc(1em + .08rem);height:var(--van-switch-height);font-size:.52rem;font-size:var(--van-switch-size);background:#78788029;background:var(--van-switch-background);border-radius:1em;border-radius:var(--van-switch-node-size);cursor:pointer;transition:background-color var(--van-switch-duration)}.van-switch__node{position:absolute;top:.04rem;left:.04rem;width:1em;width:var(--van-switch-node-size);height:1em;height:var(--van-switch-node-size);font-size:inherit;background:var(--van-switch-node-background);border-radius:100%;box-shadow:0 .06rem .02rem #0000000d;box-shadow:var(--van-switch-node-shadow);transition:transform var(--van-switch-duration) cubic-bezier(.3,1.05,.4,1.05)}.van-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.van-switch--on{background:var(--van-switch-on-background)}.van-switch--on .van-switch__node{transform:translate(calc(.8em + 0rem));transform:translate(calc(.8em + 4px - .08rem));transform:translate(calc(var(--van-switch-width) - var(--van-switch-node-size) - .08rem))}.van-switch--on .van-switch__loading{color:var(--van-switch-on-background)}.van-switch--disabled{cursor:not-allowed;opacity:var(--van-switch-disabled-opacity)}.van-switch--loading{cursor:default}