@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollIn{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scrollOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20%)}}.fade-animated[data-state=open]{animation:.3s ease-out fadeIn}.fade-animated[data-state=closed]{animation:.3s ease-in fadeOut}.animatepop[data-state=open]{animation:.2s ease-out scrollIn}.animatepop[data-state=closed]{animation:.2s ease-in scrollOut}.bbb{background-color:red!important}
.animated-check path{stroke-width:4px;stroke-dasharray:23;stroke-dashoffset:23px;stroke-linecap:round;stroke-linejoin:round;animation:.3s linear .2s forwards draw}.animated-optional{animation:.25s ease-in scale}@keyframes scale{0%{transform:scale(.3)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes draw{to{stroke-dashoffset:0}}