se-in-out;
    }
  
    #fader:before {
      content: 'fade'
    }
  
    @keyframes fade-out {
      from {
        opacity: 1
      }
  
      to {
        opacity: 0
      }
    }
  
    @keyframes fade-in {
      from {
        opacity: 0
      }
  
      to {
        opacity: 1
      }
    }
  
    #fader.fade-out {
      opacity: 0;
      animation-name: fade-out;
    }
  
    #fader.fade-in {
      opacity: 1;
      animation-name: fade-in;
    }
  </style>