.rsbc-switch-button{position:relative;line-height:100%;display:inline-block;vertical-align:middle;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}.rsbc-switch-button label{cursor:pointer}.rsbc-switch-button.disabled label{cursor:not-allowed}.rsbc-switch-button input[type=checkbox]{position:absolute;margin-left:-9999px;visibility:hidden}.rsbc-switch-button>label:first-child{display:inline-block;margin:0 6px 0 0}.rsbc-switch-button label+label{margin-left:6px}.rsbc-switch-button input[type=checkbox]+label{display:inline-block;position:relative;margin:0;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label{padding:2px;width:48px;height:24px;vertical-align:middle;background-color:#aaa;border-radius:60px;-webkit-transition:background .4s;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-round:hover input[type=checkbox]+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled:hover input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:after,.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:before{display:inline-block;position:absolute;content:""}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#fff;border-radius:60px;-webkit-transition:background .4s;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]+label:after{top:4px;left:4px;bottom:4px;width:16px;background-color:#919191;border-radius:52px;-webkit-transition:margin .4s,background .4s;transition:margin .4s,background .4s}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]+label:after{background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button-flat-round:hover input[type=checkbox]:checked+label{background-color:#aaa}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]:checked+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]:checked+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-round input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#3887b7}.rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select:hover input[type=checkbox]:checked+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select input[type=checkbox]+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select input[type=checkbox]+label:after{background-color:#579fcb!important}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label{padding:2px;width:48px;height:24px;vertical-align:middle;background-color:#aaa;border-radius:3px;-webkit-transition:background .4s;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-square:hover input[type=checkbox]+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled:hover input[type=checkbox]+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:after,.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:before{display:inline-block;position:absolute;content:""}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#fff;border-radius:2px;-webkit-transition:background .4s;transition:background .4s}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]+label:after{top:4px;left:4px;bottom:4px;width:16px;background-color:#919191;border-radius:2px;-webkit-transition:margin .4s,background .4s;transition:margin .4s,background .4s}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]+label:after{background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button-flat-square:hover input[type=checkbox]:checked+label{background-color:#aaa}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]:checked+label{background-color:#579fcb}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]:checked+label{background-color:#eee}.rsbc-switch-button.rsbc-switch-button-flat-square input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#3887b7}.rsbc-switch-button.rsbc-switch-button-flat-square.disabled input[type=checkbox]:checked+label:after{margin-left:24px;background-color:#d5d5d5}.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-square.rsbc-mode-select:hover input[type=checkbox]:checked+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-square.rsbc-mode-select input[type=checkbox]+label,.rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-square.rsbc-mode-select input[type=checkbox]+label:after{background-color:#579fcb!important}body{font-family:Helvetica,Arial,sans-serif;font-size:14px;color:#333;margin:0;padding:0}a{color:#08c;text-decoration:none}a:hover{text-decoration:underline}.container{margin-left:auto;margin-right:auto;max-width:720px;padding:1em}.footer{margin-top:50px;border-top:1px solid #eee;padding:20px 0;font-size:12px;color:#999}h1,h2,h3,h4,h5,h6{color:#222;font-weight:100;margin:.5em 0}h1,h2{text-align:center}label{color:#999;display:inline-block;font-size:.85em;font-weight:700;margin:1em 0;text-transform:uppercase}.hint{margin:15px 0;font-style:italic;color:#999}.examples{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.examples h1{text-align:center}.examples .example{margin-bottom:32px}.examples .example pre{display:block;white-space:pre-wrap;background-color:#e6e6e6;color:#555;padding:16px;border-bottom:3px solid #ccc;border-radius:3px}.examples .example .result{border:1px solid #ccc;border-radius:3px;padding:2rem}.examples .example h3{font-weight:300;color:#f60}