{"version":3,"sources":["switch/switch.scss","switch/_variables.scss"],"names":[],"mappings":"AAEA,gBAQE,2DCFwB,CDGxB,6ECJc,CDKd,yCCFiB,CDNjB,8BAAA,CAAA,sBAAA,CAKA,cAAA,CAJA,oBAAA,CAGA,yDCJiB,CDGjB,+BCDc,CDHd,iBAAA,CAUA,wGAAA,CAAA,mGAAA,CAAA,gGAAA,CAPA,6BAOA,CAEA,sBAQE,gECT2B,CDU3B,kBAAA,CACA,mICVqB,CDUrB,2HCVqB,CDOrB,iBAAA,CAFA,4DCRiB,CDMjB,MAAA,CAFA,iBAAA,CACA,KAAA,CASA,uIAAA,CAAA,+HAAA,CAAA,0HAAA,CAAA,uHAAA,CAAA,4OAAA,CAPA,0DAOA,CAGF,yBAKE,UAAA,CAFA,QAAA,CAGA,aAAA,CALA,iBAAA,CACA,OAAA,CAEA,SAEA,CAGF,yBACE,sHCtB8B,CDwB9B,+CACE,0HC7BoB,CD6BpB,sHC7BoB,CD6BpB,kHC7BoB,CDgCtB,kDACE,kIC5BiB,CDgCrB,0BACE,kBAAA,CACA,iECjCsB,CDoCxB,yBACE,cAAA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}switch {\r\n  position: relative;\r\n  box-sizing: content-box;\r\n  display: inline-block;\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  font-size: $switch-font-size;\r\n  cursor: pointer;\r\n  background: $switch-background-color;\r\n  border: $switch-border;\r\n  border-radius: $switch-node-size;\r\n  transition: background-color $switch-transition-duration;\r\n\r\n  &__node {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: $switch-node-width;\r\n    height: $switch-node-height;\r\n    // https://github.com/youzan/vant/issues/9839\r\n    font-size: inherit;\r\n    background: $switch-node-background-color;\r\n    border-radius: 100%;\r\n    box-shadow:$switch-node-box-shadow;\r\n    transition: transform $switch-transition-duration cubic-bezier(0.3, 1.05, 0.4, 1.05);\r\n  }\r\n\r\n  &__loading {\r\n    position: absolute;\r\n    top: 25%;\r\n    left: 25%;\r\n    width: 50%;\r\n    height: 50%;\r\n    line-height: 1;\r\n  }\r\n\r\n  &--checked {\r\n    background: $switch-checked-background-color;\r\n\r\n    .#{$component-prefix}switch__node {\r\n      transform: $switch-node-translate-x;\r\n    }\r\n\r\n    .#{$component-prefix}switch__loading {\r\n      color: $switch-loading-color;\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n    opacity: $switch-disabled-opacity;\r\n  }\r\n\r\n  &--loading {\r\n    cursor: default;\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$switch-size: var(--switch-size, 30px * $hd);\r\n$switch-font-size: var(--switch-font-size, $switch-size);\r\n$switch-width: var(--switch-width, 2em);\r\n$switch-height: var(--switch-height, 1em);\r\n$switch-border: var(--switch-border, var(--border-width-base, $border-width-base) solid rgba(0, 0, 0, 0.1));\r\n$switch-background-color: var(--switch-background-color, var(--white, $white));\r\n$switch-transition-duration: var(--switch-transition-duration, var(--animation-duration-base, $animation-duration-base));\r\n$switch-node-size: var(--switch-node-size, 1em);\r\n$switch-node-width: var(--switch-node-width, $switch-node-size);\r\n$switch-node-height: var(--switch-node-height, $switch-node-size);\r\n$switch-node-translate-x: translateX(var(--switch-node-translate-x, calc(#{$switch-width} - #{$switch-node-size})));\r\n$switch-node-background-color: var(--switch-node-background-color, var(--white, $white));\r\n$switch-node-box-shadow: var(--switch-node-box-shadow, #{0 3px * $hd 1px * $hd 0 rgba(0, 0, 0, 0.05), 0 2px * $hd 2px * $hd 0 rgba(0, 0, 0, 0.1), 0 3px * $hd 3px * $hd 0 rgba(0, 0, 0, 0.05)});\r\n$switch-checked-color: var(--switch-checked-color, var(--primary-color, $primary-color));\r\n$switch-checked-background-color: var(--switch-checked-background-color, $switch-checked-color);\r\n$switch-loading-color: var(--switch-loading-color, var(--switch-checked-color, $switch-checked-color));\r\n$switch-disabled-opacity: var(--switch-disabled-opacity, var(--disabled-opacity, $disabled-opacity));\r\n"]}