{"version":3,"sources":["webpack:///./src/lib/components/MultiSwitch.css"],"names":[],"mappings":"AAAA,QACI,qBACA,YACA,eACA,YACA,sBACA,kBACA,YACA,mBACA,sBACA,iBAAmB,CAGvB,gBAII,gBAEA,WACA,kBAEA,iBACA,WACA,oDACA,+CACA,4CAEA,0CACQ,iCAAoC,CAGhD,+BAlBI,WACA,UACA,eAEA,iBAGA,eAMA,qBAAuB,CAsB1B,eAhBG,kBAEA,YAKA,sBACA,mBACA,QACA,0DACA,qDACA,kDAEA,yCACQ,gCAAmC,CAG/C,sCACI,GAAK,QAAU,CAAE,CAGrB,8BACI,GAAK,QAAU,CAAE,CAGrB,uCACI,GAAI,UAAa,CAAC,CAGtB,+BACI,GAAI,UAAa,CAAC","file":"css/index.css","sourcesContent":[".switch {\r\n    display: inline-block;\r\n    height: 30px;\r\n    margin-top: 3px;\r\n    padding: 2px;\r\n    background-color: #fff;\r\n    border-radius: 2px;\r\n    width: 200px;\r\n    border-radius: 30px;\r\n    border: solid 1px #ddd;\r\n    position: relative;\r\n}\r\n\r\n.switch-content {\r\n    float: left;\r\n    width: 50%;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    line-height: 30px;\r\n    color: #000;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    position: inherit;\r\n    z-index: 10;\r\n    -webkit-transition: color 0.75s cubic-bezier(0, 1, 0, 0);\r\n    -o-transition: color 0.75s cubic-bezier(0, 1, 0, 0);\r\n    transition: color 0.75s cubic-bezier(0, 1, 0, 0);\r\n    will-change: transform;\r\n    -webkit-animation: switch-handle-color 0.5s;\r\n            animation: switch-handle-color 0.5s;\r\n}\r\n\r\n.switch-handle {\r\n    position: absolute;\r\n    float: left;\r\n    height: 30px;\r\n    width: 50%;\r\n    font-size: 12px;\r\n    line-height: 30px;\r\n    cursor: pointer;\r\n    background-color: #3366cc;\r\n    border-radius: 30px;\r\n    top: 2px;\r\n    -webkit-transition: left 0.5s cubic-bezier(0.17, 0.67, .83, .67);\r\n    -o-transition: left 0.5s cubic-bezier(0.17, 0.67, .83, .67);\r\n    transition: left 0.5s cubic-bezier(0.17, 0.67, .83, .67);\r\n    will-change: transform;\r\n    -webkit-animation: switch-handle-move 0.5s;\r\n            animation: switch-handle-move 0.5s;\r\n}\r\n\r\n@-webkit-keyframes switch-handle-move {\r\n    0% { left: 2px; }\r\n}\r\n\r\n@keyframes switch-handle-move {\r\n    0% { left: 2px; }\r\n}\r\n\r\n@-webkit-keyframes switch-handle-color {\r\n    0% {color: white;}\r\n}\r\n\r\n@keyframes switch-handle-color {\r\n    0% {color: white;}\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/lib/components/MultiSwitch.css"],"sourceRoot":""}