.LPInView { position:relative; }

.LPInView[data-type="slidableBar"] > * { opacity:0; }
.LPInView[data-type="slidableBar"]::after { background:#000; }
.LPInView[data-type="slidableBar"].in > * { animation:LPInViewSlidableBarContent 1.5s forwards 0.5s cubic-bezier(.87,.27,.12,.81); }
.LPInView[data-type="slidableBar"].in::after { content:''; position:absolute; left:0; top:0; width:0; height:100%; animation:LPInViewSlidableBarBar 1.5s forwards 0.5s cubic-bezier(.87,.27,.12,.81); }
@keyframes LPInViewSlidableBarContent { from { opacity:0;} 49% { opacity:0; } 50% { opacity:1; } to { opacity:1; } }
@keyframes LPInViewSlidableBarBar { form { width:0; } 50% { width:100%; left:0; } to { width:0; left:100%; } }