.wl .wl-tabs-wrapper{position:relative}.wl .wl-tabs-container{width:500px;height:300px;margin:auto;counter-reset:tab-counter 5}.wl .wl-tabs-container input[type=radio]{display:none}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(2){width:78px}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(2) .wl-content{-webit-transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);opacity:0;pointer-events:none}.wl .wl-tabs-container input[type=radio]+label{position:absolute;height:100%;cursor:pointer;-webit-transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1);transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1)}.wl .wl-tabs-container input[type=radio]+label:nth-child(2){box-shadow:none}.wl .wl-tabs-container input[type=radio]+label:nth-child(2){width:500px;background:#9575cd}.wl .wl-tabs-container input[type=radio]+label .wl-content{position:absolute;left:50%;top:50%;width:250px;margin-left:-125px;counter-increment:tab-counter -1;text-align:center}.wl .wl-tabs-container input[type=radio]+label .wl-content:after{content:counter(tab-counter)}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(4){width:45px}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(4) .wl-content{-webit-transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);opacity:0;pointer-events:none}.wl .wl-tabs-container input[type=radio]+label{position:absolute;height:100%;cursor:pointer;-webit-transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1);transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1)}.wl .wl-tabs-container input[type=radio]+label:nth-child(2){box-shadow:none}.wl .wl-tabs-container input[type=radio]+label:nth-child(4){width:476px;background:#64b5f6}.wl .wl-tabs-container input[type=radio]+label .wl-content{position:absolute;left:50%;top:50%;width:250px;margin-left:-125px;counter-increment:tab-counter -1;text-align:center}.wl .wl-tabs-container input[type=radio]+label .wl-content:after{content:counter(tab-counter)}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(6){width:30px}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(6) .wl-content{-webit-transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);opacity:0;pointer-events:none}.wl .wl-tabs-container input[type=radio]+label{position:absolute;height:100%;cursor:pointer;-webit-transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1);transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1)}.wl .wl-tabs-container input[type=radio]+label:nth-child(2){box-shadow:none}.wl .wl-tabs-container input[type=radio]+label:nth-child(6){width:452px;background:#81c784}.wl .wl-tabs-container input[type=radio]+label .wl-content{position:absolute;left:50%;top:50%;width:250px;margin-left:-125px;counter-increment:tab-counter -1;text-align:center}.wl .wl-tabs-container input[type=radio]+label .wl-content:after{content:counter(tab-counter)}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(8){width:15px}.wl .wl-tabs-container input[type=radio]:checked+label ~ label:nth-child(8) .wl-content{-webit-transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);transition:opacity .4s cubic-bezier(0.11,0.65,0.04,1);opacity:0;pointer-events:none}.wl .wl-tabs-container input[type=radio]+label{position:absolute;height:100%;cursor:pointer;-webit-transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1);transition:width 1.2s cubic-bezier(0.11,0.65,0.04,1)}.wl .wl-tabs-container input[type=radio]+label:nth-child(2){box-shadow:none}.wl .wl-tabs-container input[type=radio]+label:nth-child(8){width:428px;background:#e57373}.wl .wl-tabs-container input[type=radio]+label .wl-content{position:absolute;left:50%;top:50%;width:250px;margin-left:-125px;counter-increment:tab-counter -1;text-align:center}.wl .wl-tabs-container input[type=radio]+label .wl-content:after{content:counter(tab-counter)}.tab-title{text-align:center;margin-top:20px}