.slideIn-right {
    padding: 20px;
    position: fixed;
    right: 0;
    top: 222px;
    max-height: calc(100vh - 232px);
    z-index: 1000;
    background: white;
    transform: translateX(100%);
    transition: 0.5s ease all;
    width: 30vw;
    max-width: 350px;
    background: white;
}

.slideIn-right.open {
    transform: translateX(0);
}

.slideIn-toggle {
    position: absolute;
    top: 0px;
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform: rotate(90deg);
    font-size: 20px;
    transform-origin: top left;
}

@media (max-width: 767.98px) {
    .slideIn-right {
        width: 75vw;
        top: 182px;
        max-height: calc(100vh - 277px);
    }
}

.slideIn-toggle span{
  overflow: hidden;
  padding-left: 10px;
  max-width: 200px;
  display: inline-block;
  transition: all 0.3s ease;
  line-height: 1;
}

.minimized .slideIn-toggle span{
  max-width: 0px;
  padding-left: 0px;
  transition: all 0.3s ease;
}


@media (max-width: 767.98px) {

  .slideIn-toggle{
    font-style: 16px;
    padding: 8px 18px;
  }
  .slideIn-toggle span{
    font-style: 19px;
  }
}