[data-state=active]:after{content:"";opacity:0;border-top:22px solid #fff;border-left:22px solid #0000;border-right:22px solid #0000;width:0;height:0;transition:left .3s ease-in-out,opacity .3s ease-in-out;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)rotate(180deg)}[data-state=active]{position:relative}[data-state=active]:after{opacity:1;left:50%}