{"version":3,"sources":["webpack:///index.scss"],"names":[],"mappings":"AAMA,QACE,cAAqB,CACrB,oBAAqB,CACrB,gCAAyB,CAAzB,wBAAyB,CAAzB,+CAAyB,CAAzB,8CACF,C;AAHA,UACE,oBAAqB,CACrB,UAA6B,CAC7B,cAAgC,CAChC,sBAA+B,CAC/B,cAAe,CACf,eAAgB,CAChB,wBAAqC,CACrC,+BA2CF,CAzCE,uBACE,+BAWF,CARI,uCACE,gCAAyB,CAAzB,wBACF,CAEA,2CACE,iCAA0B,CAA1B,yBACF,CAIJ,gBAIE,iBAAkB,CAClB,qBAAsC,CACtC,YAAgB,CAChB,aAAiB,CACjB,iCAA0B,CAA1B,yBAA0B,CAE1B,iBACF,CAEA,oCAZE,oBAAqB,CACrB,iBAAkB,CAClB,MAAO,CAMP,gCAA+B,CAA/B,wBAA+B,CAA/B,+CAA+B,CAA/B,8CAYF,CARA,oBAIE,mCAA4B,CAA5B,2BAA4B,CAC5B,oBAAqB,CACrB,UAEF,CAEA,kBACE,iBAAkB,CAClB,oBACF,C","file":"switch/style/index.css","sourcesContent":["@import \"../../style/common/variables.scss\";\n@import \"../../style/common/mixin.scss\";\n@import \"../../style/global.scss\";\n\n$rootName: x-switch;\n$iconSize: calc(#{$font-size} * 1.5);\n\n.#{$rootName} {\n  display: inline-block;\n  width: calc(#{$iconSize} * 2);\n  height: calc(#{$iconSize} * 1.1);\n  border-radius: $font-size-large;\n  cursor: pointer;\n  text-align: left;\n  background-color: $success-text-color;\n  transition: background-color $duration;\n\n  &&-off {\n    background-color: $text-color-light !important;\n\n    .#{$rootName} {\n      &-inner {\n        transform: translateX(4%);\n      }\n\n      &-innerText {\n        transform: translateX(15%);\n      }\n    }\n  }\n\n  &-inner {\n    display: inline-block;\n    position: relative;\n    top: 5%;\n    border-radius: 50%;\n    background-color: $selected-text-color;\n    width: $iconSize;\n    height: $iconSize;\n    transform: translateX(95%);\n    transition: transform $duration;\n    text-align: center;\n  }\n\n  &-innerText {\n    display: inline-block;\n    position: relative;\n    top: 5%;\n    transform: translateX(-115%);\n    vertical-align: super;\n    color: $selected-text-color;\n    transition: transform $duration;\n  }\n\n  .x-icon {\n    position: relative;\n    vertical-align: super;\n  }\n}"],"sourceRoot":""}