.slider-radio{
    position:relative
}
.slider-radio input[type=radio]{
    display:none
}
.slider-radio input[type=radio]:checked+label{
    position:relative!important;
    z-index:100!important
}
.slider-radio{
    display:inline-block
}
.slider-radio label{
    display:inline-block;
    padding:10px 20px;
    cursor:pointer;
    font-size:20px
}
.slider-radio input[type=radio]:checked+label,.slider-radio .sliding-piece{
    background-color:#77abff;
    transition-timing-function:cubic-bezier(.74,.14,.38,.99)
}
.slider-radio.base{
    background-color:#eee;
    border-radius:5px;
    overflow:hidden
}
.slider-radio.base input[type=radio]:checked+label,.slider-radio.base .sliding-piece{
    background-color:#005d7a;
    border:none;
    color:#fff
}
.slider-radio.elegant label{
    display:inline-block;
    padding:10px 20px;
    cursor:pointer;
    font-size:20px;
    font-weight:700;
    opacity:.5
}
.slider-radio.elegant input[type=radio]:checked+label,.slider-radio.elegant .sliding-piece{
    color:#fff;
    border-radius:10px;
    background-color:#f44242;
    opacity:1;
    box-shadow:0 0 5px rgba(0,0,0,.5)
}
.slider-radio.edgy label{
    display:inline-block;
    padding:10px 20px;
    cursor:pointer;
    font-size:20px;
    font-weight:700;
    opacity:.5;
    filter:blur(1px);
    transition:filter .3s
}
.slider-radio.edgy input[type=radio]:checked+label{
    filter:blur(0px)
}
.slider-radio.edgy input[type=radio]:checked+label,.slider-radio.edgy .sliding-piece{
    border-radius:10px;
    background-color:transparent;
    color:#000;
    opacity:1;
    box-shadow:0 0 5px rgba(0,0,0,.5)
}
.slider-radio.vertical label{
    display:block!important
}