.sev-scroll {
    /* scrollbar-color and scrollbar-width only work in Firefox, which doesn't support -webkit-scrollbar */
    scrollbar-color: rgb(189, 189, 189, 1) rgb(0, 0, 0, 0);
    scrollbar-width: thin;
}

.sev-scroll::-webkit-scrollbar {
    width: 13px;
}
.sev-scroll::-webkit-scrollbar-thumb {
    height: 50px;

    border: 3px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 7px;
            border-radius: 7px;
    background: rgba(189, 189, 189, 1);
    background-clip: padding-box;
}

.sev-scroll::-webkit-scrollbar-corner {
    background-color: transparent;
}

.hide-when-empty:empty {
    display: none;
}

.sev-fade {
    animation: fadeIn 300ms;
    -webkit-animation: fadeIn 300ms;
    -moz-animation: fadeIn 300ms;
    -o-animation: fadeIn 300ms;
    -ms-animation: fadeIn 300ms;
  }
  @keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

  @-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

  @-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

  @-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

  @-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }