body{font-family:Arial,Helvetica}.knobs,.layer{position:absolute;top:0;right:0;bottom:0;left:0}.button{margin:4px auto}.button,.button-inline{position:relative;width:50px;height:22px;overflow:hidden;border-radius:100px}.checkbox{position:relative;width:100%;height:100%;padding:0!important;margin:0!important;opacity:0;cursor:pointer;z-index:3}.knobs{z-index:2}.layer{width:100%;background-color:#fcebeb;transition:.3s ease all;z-index:1}.switch-1 .knobs:before{content:'NO';position:absolute;top:2px;left:2px;color:#fff;font-size:8px;font-weight:700;text-align:center;line-height:3px;background-color:#f44336;border-radius:50%;-webkit-transition:.3s cubic-bezier(.18,.89,.35,1.15) all;-moz-transition:.3s cubic-bezier(.18,.89,.35,1.15) all;-o-transition:.3s cubic-bezier(.18,.89,.35,1.15) all;transition:.3s cubic-bezier(.18,.89,.35,1.15) all;width:18px;height:0;padding:9px 4px}.switch-1 .checkbox:checked+.knobs:before{content:'SI';left:30px;background-color:#64d03c}.switch-1 .checkbox:checked~.layer,.switch-2 .checkbox:checked~.layer{background-color:#e2f6da}.switch-1 .knobs,.switch-1 .knobs:before,.switch-1 .layer{transition:.3s ease all}.switch-2 .knobs:before{content:'OFF';position:absolute;top:2px;left:2px;color:#fff;font-size:8px;font-weight:700;text-align:center;line-height:3px;background-color:#f44336;border-radius:50%;-webkit-transition:.3s cubic-bezier(.18,.89,.35,1.15) all;-moz-transition:.3s cubic-bezier(.18,.89,.35,1.15) all;-o-transition:.3s cubic-bezier(.18,.89,.35,1.15) all;transition:.3s cubic-bezier(.18,.89,.35,1.15) all;width:18px;height:0;padding:9px 2px}.switch-2 .checkbox:checked+.knobs:before{content:'ON';left:30px;background-color:#64d03c}.switch-2 .knobs,.switch-2 .knobs:before,.switch-2 .layer{transition:.3s ease all}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN3aXRjaC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsSSxDQUFLLDJCLENBR0wsTSxDQUFRLE0sQ0FDUCxpQixDQUNBLEssQ0FDQSxPLENBQ0EsUSxDQUNBLE0sQ0FHRCxPLENBTUMsZSxDQU5ELE8sQ0FTQSxjLENBQ0MsaUIsQ0FDQSxVLENBQ0EsVyxDQUNBLGUsQ0FDQSxtQixDQUdELFMsQ0FDQyxpQixDQUNBLFUsQ0FDQSxXLENBQ0EsbUIsQ0FDQSxrQixDQUNBLFMsQ0FDQSxjLENBQ0EsUyxDQUdELE0sQ0FDQyxTLENBR0QsTSxDQUNDLFUsQ0FDQSx3QixDQUNBLHVCLENBQ0EsUyxDQUlELHVCLENBQ0MsWSxDQUNBLGlCLENBQ0EsTyxDQUNBLFEsQ0FDQSxVLENBQ0EsYSxDQUNBLGUsQ0FDQSxpQixDQUNBLGUsQ0FDQSx3QixDQUNBLGlCLENBQ0EseUQsQ0FDQSxzRCxDQUNBLG9ELENBQ0EsaUQsQ0FDQSxVLENBQ0EsUSxDQUNBLGUsQ0FHRCx5QyxDQUNDLFksQ0FDQSxTLENBQ0Esd0IsQ0FHRCxrQyxDQXFDQSxrQyxDQXBDQyx3QixDQUdELGdCLENBQWtCLHVCLENBQXlCLGdCLENBQzFDLHVCLENBS0QsdUIsQ0FDQyxhLENBQ0EsaUIsQ0FDQSxPLENBQ0EsUSxDQUNBLFUsQ0FDQSxhLENBQ0EsZSxDQUNBLGlCLENBQ0EsZSxDQUNBLHdCLENBQ0EsaUIsQ0FDQSx5RCxDQUNBLHNELENBQ0Esb0QsQ0FDQSxpRCxDQUNBLFUsQ0FDQSxRLENBQ0EsZSxDQUdELHlDLENBQ0MsWSxDQUNBLFMsQ0FDQSx3QixDQU9ELGdCLENBQWtCLHVCLENBQXlCLGdCLENBQzFDLHVCIiwiZmlsZSI6InN3aXRjaC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJib2R5e2ZvbnQtZmFtaWx5OiBBcmlhbCwgSGVsdmV0aWNhO31cclxuXHJcblxyXG4ua25vYnMsIC5sYXllciB7XHJcblx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cdHRvcDogMDtcclxuXHRyaWdodDogMDtcclxuXHRib3R0b206IDA7XHJcblx0bGVmdDogMDtcclxufVxyXG5cclxuLmJ1dHRvbiB7XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdHdpZHRoOiA1MHB4O1xyXG5cdGhlaWdodDogMjJweDtcclxuXHRvdmVyZmxvdzogaGlkZGVuOyAgXHJcblx0Ym9yZGVyLXJhZGl1czogMTAwcHg7XHJcblx0bWFyZ2luOiA0cHggYXV0bztcclxufVxyXG5cclxuLmJ1dHRvbi1pbmxpbmUge1xyXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHR3aWR0aDogNTBweDtcclxuXHRoZWlnaHQ6IDIycHg7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjsgIFxyXG5cdGJvcmRlci1yYWRpdXM6IDEwMHB4O1xyXG59XHJcblxyXG4uY2hlY2tib3gge1xyXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHR3aWR0aDogMTAwJTtcclxuXHRoZWlnaHQ6IDEwMCU7XHJcblx0cGFkZGluZzogMCAhaW1wb3J0YW50O1xyXG5cdG1hcmdpbjogMCAhaW1wb3J0YW50O1xyXG5cdG9wYWNpdHk6IDA7XHJcblx0Y3Vyc29yOiBwb2ludGVyO1xyXG5cdHotaW5kZXg6IDM7XHJcbn1cclxuXHJcbi5rbm9icyB7XHJcblx0ei1pbmRleDogMjtcclxufVxyXG5cclxuLmxheWVyIHtcclxuXHR3aWR0aDogMTAwJTtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmNlYmViIDtcclxuXHR0cmFuc2l0aW9uOiAwLjNzIGVhc2UgYWxsO1xyXG5cdHotaW5kZXg6IDE7XHJcbn1cclxuXHJcbi8qIEJ1dHRvbiAxICovXHJcbi5zd2l0Y2gtMSAua25vYnM6YmVmb3JlIHtcclxuXHRjb250ZW50OiAnTk8nO1xyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR0b3A6IDJweDtcclxuXHRsZWZ0OiAycHg7XHJcblx0Y29sb3I6ICNmZmY7XHJcblx0Zm9udC1zaXplOiA4cHg7XHJcblx0Zm9udC13ZWlnaHQ6IGJvbGQ7XHJcblx0dGV4dC1hbGlnbjogY2VudGVyO1xyXG5cdGxpbmUtaGVpZ2h0OiAzcHg7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogI2Y0NDMzNjtcclxuXHRib3JkZXItcmFkaXVzOiA1MCU7XHJcblx0LXdlYmtpdC10cmFuc2l0aW9uOjAuM3MgY3ViaWMtYmV6aWVyKDAuMTgsIDAuODksIDAuMzUsIDEuMTUpIGFsbDtcclxuXHQtbW96LXRyYW5zaXRpb246MC4zcyBjdWJpYy1iZXppZXIoMC4xOCwgMC44OSwgMC4zNSwgMS4xNSkgYWxsO1xyXG5cdC1vLXRyYW5zaXRpb246MC4zcyBjdWJpYy1iZXppZXIoMC4xOCwgMC44OSwgMC4zNSwgMS4xNSkgYWxsO1xyXG5cdHRyYW5zaXRpb246IDAuM3MgY3ViaWMtYmV6aWVyKDAuMTgsIDAuODksIDAuMzUsIDEuMTUpIGFsbDtcdFxyXG5cdHdpZHRoOiAxOHB4O1xyXG5cdGhlaWdodDogMHB4O1xyXG5cdHBhZGRpbmc6IDlweCA0cHg7XHJcbn1cclxuXHJcbi5zd2l0Y2gtMSAuY2hlY2tib3g6Y2hlY2tlZCsua25vYnM6YmVmb3JlIHtcclxuXHRjb250ZW50OiAnU0knO1xyXG5cdGxlZnQ6IDMwcHg7XHJcblx0YmFja2dyb3VuZC1jb2xvcjojNjREMDNDO1xyXG59XHJcblxyXG4uc3dpdGNoLTEgLmNoZWNrYm94OmNoZWNrZWQgfiAubGF5ZXIge1xyXG5cdGJhY2tncm91bmQtY29sb3I6ICNlMmY2ZGE7XHJcbn1cclxuXHJcbi5zd2l0Y2gtMSAua25vYnMsIC5zd2l0Y2gtMSAua25vYnM6YmVmb3JlLCAuc3dpdGNoLTEgLmxheWVyIHtcclxuXHR0cmFuc2l0aW9uOiAwLjNzIGVhc2UgYWxsO1xyXG59XHJcblxyXG4vKiBCdXR0b24gMiAqL1xyXG5cclxuLnN3aXRjaC0yIC5rbm9iczpiZWZvcmUge1xyXG5cdGNvbnRlbnQ6ICdPRkYnO1xyXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuXHR0b3A6IDJweDtcclxuXHRsZWZ0OiAycHg7XHJcblx0Y29sb3I6ICNmZmY7XHJcblx0Zm9udC1zaXplOiA4cHg7XHJcblx0Zm9udC13ZWlnaHQ6IGJvbGQ7XHJcblx0dGV4dC1hbGlnbjogY2VudGVyO1xyXG5cdGxpbmUtaGVpZ2h0OiAzcHg7XHJcblx0YmFja2dyb3VuZC1jb2xvcjogI2Y0NDMzNjtcclxuXHRib3JkZXItcmFkaXVzOiA1MCU7XHJcblx0LXdlYmtpdC10cmFuc2l0aW9uOjAuM3MgY3ViaWMtYmV6aWVyKDAuMTgsIDAuODksIDAuMzUsIDEuMTUpIGFsbDtcclxuXHQtbW96LXRyYW5zaXRpb246MC4zcyBjdWJpYy1iZXppZXIoMC4xOCwgMC44OSwgMC4zNSwgMS4xNSkgYWxsO1xyXG5cdC1vLXRyYW5zaXRpb246MC4zcyBjdWJpYy1iZXppZXIoMC4xOCwgMC44OSwgMC4zNSwgMS4xNSkgYWxsO1xyXG5cdHRyYW5zaXRpb246IDAuM3MgY3ViaWMtYmV6aWVyKDAuMTgsIDAuODksIDAuMzUsIDEuMTUpIGFsbDtcclxuXHR3aWR0aDogMThweDtcclxuXHRoZWlnaHQ6IDBweDtcclxuXHRwYWRkaW5nOiA5cHggMnB4O1xyXG59XHJcblxyXG4uc3dpdGNoLTIgLmNoZWNrYm94OmNoZWNrZWQrLmtub2JzOmJlZm9yZSB7XHJcblx0Y29udGVudDogJ09OJztcclxuXHRsZWZ0OiAzMHB4O1xyXG5cdGJhY2tncm91bmQtY29sb3I6IzY0RDAzQztcclxufVxyXG5cclxuLnN3aXRjaC0yIC5jaGVja2JveDpjaGVja2VkIH4gLmxheWVyIHtcclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjZTJmNmRhO1xyXG59XHJcblxyXG4uc3dpdGNoLTIgLmtub2JzLCAuc3dpdGNoLTIgLmtub2JzOmJlZm9yZSwgLnN3aXRjaC0yIC5sYXllciB7XHJcblx0dHJhbnNpdGlvbjogMC4zcyBlYXNlIGFsbDtcclxufSJdfQ== */