.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 0.4s cubic-bezier(.11,.65,.04,1);transition:opacity 0.4s cubic-bezier(.11,.65,.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(.11,.65,.04,1);transition:width 1.2s cubic-bezier(.11,.65,.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 0.4s cubic-bezier(.11,.65,.04,1);transition:opacity 0.4s cubic-bezier(.11,.65,.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(.11,.65,.04,1);transition:width 1.2s cubic-bezier(.11,.65,.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 0.4s cubic-bezier(.11,.65,.04,1);transition:opacity 0.4s cubic-bezier(.11,.65,.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(.11,.65,.04,1);transition:width 1.2s cubic-bezier(.11,.65,.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 0.4s cubic-bezier(.11,.65,.04,1);transition:opacity 0.4s cubic-bezier(.11,.65,.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(.11,.65,.04,1);transition:width 1.2s cubic-bezier(.11,.65,.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)}