:root{--direction-translate:5%;--animation-time:.5s}body{background-color:#f5f5f5}.translate{cursor:pointer;transition:all .3s ease-out;box-shadow:var(--bs-box-shadow-lg)!important}.translante-top:hover{transform:translateY(calc(-1*var(--direction-translate)))}.translante-down:hover{transform:translateY(var(--direction-translate))}.translante-right:hover{transform:translateX(var(--direction-translate))}.translante-left:hover{transform:translateX(calc(-1*var(--direction-translate)))}.focus-info:hover{border-color:var(--bs-info)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp var(--animation-time)ease-out forwards}.fade-in-down{animation:fadeInDown var(--animation-time)ease-in forwards}.fade-in-left{animation:fadeInLeft var(--animation-time)ease-out forwards}.fade-in-right{animation:fadeInRight var(--animation-time)ease-out forwards}.dropdown-toggle-no-arrow:after{display:none!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu.show{animation:.3s ease-out forwards dropdownFadeIn}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}