@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-out {
  0% {
    max-width: 50px; }
  20% {
    padding: 0;
    background-color: transparent;
    color: transparent;
    border: 0; }
  100% {
    max-width: 30px;
    padding: 0;
    border-radius: 100px;
    background-color: transparent;
    color: transparent;
    border: 0; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bi-app-menu {
  width: 48px; }
  .bi-app-menu ul li {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    padding: 9px; }