.animated-component2{transition:opacity .5s ease-out,transform .5s ease-out}.animated-component2,.slide-out{opacity:0;transform:translateY(-100%)}.fade-in{opacity:1;transform:translateY(0)}@keyframes slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in2{0%{transform:translateX(-200%)}to{transform:translateX(-100%)}}@keyframes slide-out{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animated-componentslidein{opacity:0;animation:slide-in 1s ease-in-out}.animated-componentslidein.visible{opacity:1}.animated-componentslidein2{opacity:0;animation:slide-in 1s ease-in-out}.animated-componentslidein2.visible{opacity:1}.animated-componentslideout{opacity:0;animation:slide-out 1s ease-in-out}.animated-componentslideout.visible{opacity:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animated-componentpulse{opacity:0;animation:pulse 1s ease-in-out infinite}.animated-componentpulse.visible{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animated-componentrotate{opacity:0;animation:rotate 2s linear infinite}.animated-componentrotate.visible{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.animated-componentbounce{opacity:0;animation:bounce 1s ease-in-out}.animated-componentbounce.visible{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animated-componentfade-in{opacity:0;animation:fadeIn 1s ease-in-out}.animated-componentfade-in.visible{opacity:1}.slide-down{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.slide-down.visible{max-height:1000px}.animated-component{opacity:0;transform:translateY(-20px);transition:opacity .5s ease,transform .5s ease}.visible{opacity:1;transform:translateY(0)}.custom-modal{border-radius:50px;overflow:hidden;background-color:red}