.btn-group-xs>.btn,.btn-xs{
    padding:.35rem .4rem .25rem .4rem;
   font-size:.875rem;
   line-height:.5;
   border-radius:.2rem 
}
.checkbox label .toggle,.checkbox-inline .toggle{
   margin-left:-1.25rem;
   margin-right:.35rem
}
.toggle{
   position:relative;
   overflow:hidden
}
.toggle.btn.btn-light,.toggle.btn.btn-outline-light{
   border-color:rgba(0,0,0,.15)
}
.toggle input[type=checkbox]{
   display:none
}
.toggle-group{
   position:absolute;
   width:200%;
   top:0;
   bottom:0;
   left:0;
   transition:left .35s;
   -webkit-transition:left .35s;
   -moz-user-select:none;
   -webkit-user-select:none
}
.toggle-group label,.toggle-group span{
   cursor:pointer
}
.toggle.off .toggle-group{
   left:-100%
}
.toggle-on{
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   right:50%;
   margin:0;
   border:0;
   border-radius:0
}
.toggle-off{
   position:absolute;
   top:0;
   bottom:0;
   left:50%;
   right:0;
   margin:0;
   border:0;
   border-radius:0;
   box-shadow:none
}
.toggle-handle{
   position:relative;
   margin:0 auto;
   padding-top:0;
   padding-bottom:0;
   height:100%;
   width:0;
   border-width:0 1px;
   background-color:#fff
}
.toggle.btn-outline-primary .toggle-handle{
   background-color:var(--primary);
   border-color:var(--primary)
}
.toggle.btn-outline-secondary .toggle-handle{
   background-color:var(--secondary);
   border-color:var(--secondary)
}
.toggle.btn-outline-success .toggle-handle{
   background-color:var(--success);
   border-color:var(--success)
}
.toggle.btn-outline-danger .toggle-handle{
   background-color:var(--danger);
   border-color:var(--danger)
}
.toggle.btn-outline-warning .toggle-handle{
   background-color:var(--warning);
   border-color:var(--warning)
}
.toggle.btn-outline-info .toggle-handle{
   background-color:var(--info);
   border-color:var(--info)
}
.toggle.btn-outline-light .toggle-handle{
   background-color:var(--light);
   border-color:var(--light)
}
.toggle.btn-outline-dark .toggle-handle{
   background-color:var(--dark);
   border-color:var(--dark)
}
.toggle[class*=btn-outline]:hover .toggle-handle{
   background-color:var(--light);
   opacity:.5
}
.toggle.btn{
   min-width:3.7rem;
   min-height:2.15rem
}
.toggle-on.btn{
   padding-right:1.5rem
}
.toggle-off.btn{
   padding-left:1.5rem
}
.toggle.btn-lg{
   min-width:5rem;
   min-height:2.815rem
}
.toggle-on.btn-lg{
   padding-right:2rem
}
.toggle-off.btn-lg{
   padding-left:2rem
}
.toggle-handle.btn-lg{
   width:2.5rem
}
.toggle.btn-sm{
   min-width:3.125rem;
   min-height:1.938rem
}
.toggle-on.btn-sm{
   padding-right:1rem
}
.toggle-off.btn-sm{
   padding-left:1rem
}
.toggle.btn-xs{
   min-width:2.19rem;
   min-height:1.375rem
}
.toggle-on.btn-xs{
   padding-right:.8rem
}
.toggle-off.btn-xs{
   padding-left:.8rem
}