.user-view {
  position: absolute;
  width: 342px;
  height: 317px;
  background-color: red;
  top: calc($navHeight + 1rem);
  z-index: 1000;
  right: -360px;
  background: #ffffff;
  /* Main Shadow 12% */
  transition: .35s;
  opacity: .25;

  box-shadow: 4px 4px 18px rgba(29, 29, 29, 0.12);
  border-radius: 18px;
  animation: userView .35s !important;
}

.user-view.active{
  right: 1rem;
  opacity: 1;
}

@keyframes userView {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
