.r-switch{display:inline-block;width:2em;height:1em;border-radius:1em;font-size:28px;border:1px solid #ccc;background-color:#ccc;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}
.r-switch--checked{border-color:#4080e8;background-color:#4080e8}
.r-switch--checked .r-switch__open{opacity:1}
.r-switch--checked .r-switch__close{opacity:0}
.r-switch--disabled{opacity:.5;cursor:not-allowed}
.r-switch--checked .r-switch__circle{-webkit-transform:translateX(1em);transform:translateX(1em)}
.r-switch__circle{width:1em;height:1em;border-radius:100%;font-size:inherit;position:absolute;top:0;background-color:#fff;-webkit-box-shadow:0 3px 1px 0 rgba(0,0,0,.1);box-shadow:0 3px 1px 0 rgba(0,0,0,.1);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.r-switch__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}
.r-switch__close,.r-switch__open{color:#fff;font-size:14px;width:50%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.r-switch__open{opacity:0}