.hover-effect[data-v-d8342f45]:before{background-color:#f4d781;content:"";height:2px;left:0;position:absolute;top:0;transition:width .3s;width:0}.hover-effect[data-v-d8342f45]:hover:before{width:100%}@keyframes slideFromLeft-d8342f45{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromRight-d8342f45{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.animate-slide-from-left[data-v-d8342f45]{animation:slideFromLeft-d8342f45 .8s ease-out forwards}.animate-slide-from-right[data-v-d8342f45]{animation:slideFromRight-d8342f45 .8s ease-out forwards}