<script>
(function () {
document.addEventListener("DOMContentLoaded", function() {
const twiceBlock = document.querySelectorAll('#rec247690755, #rec247693093');
for(let i=0; i<twiceBlock.length; i++){
twiceBlock[i].classList.add('twiceblock');
};
twiceBlock[twiceBlock.length-1].classList.add('hide-twice');
document.querySelector(".switcher").addEventListener('click', function(event) {
this.classList.toggle('switcheron');
for(let i=0; i<twiceBlock.length; i++){
twiceBlock[i].classList.toggle('hide-twice');
};
if(typeof LazyLoad != 'undefined') t_lazyload_update();
});
});
})();
</script>
<style>
.hide-twice {
opacity: 0;
overflow: hidden;
padding: 0 !important;
max-height: 0;
height: 0;
pointer-events: none;
}
.switcher .tn-atom {
position: relative;
cursor:pointer;
}
.switcher .tn-atom:before {
content: "";
background-color: #fff;
position: absolute;
height: 100%;
width:50%;
top: 0;
border-radius:100%;
left:0;
transition:all 0.3s ease-in-out;
}
.switcheron .tn-atom:before {left:50%}
.switcheron .tn-atom {
background-color: #fcb42f !important;
border-color: #fcb42f !important;
}
@media screen and (max-width:480px){
.switcheron .tn-atom:before {
left:0;
top:50%;
}
.switcher .tn-atom:before {
height: 50%;
width: 100%;
}
}
</style>