/* scrollbar-width: auto | thin | none */
* {
  scrollbar-width: thin;
  scrollbar-color: grey #fff;
}


::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: grey; 
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--base04); 
}
.bd-links li a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    /*margin-left: 1.25rem;*/
    color: rgba(0,0,0,0.65);
    text-decoration: none;
}
.bd-links li li a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    padding-left: 1.5rem;
    color: rgba(0,0,0,0.65);
    text-decoration: none;
}
.bd-links .btn .arrow {
    width: 1em;
    margin: 0.5em;
    line-height: 1em;
    /*margin-left:10px;*/
    /*content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");*/
    /*content:">" ;*/
    /*text-align: right;*/
    /*clear: both;*/
    /*display: block;*/
    float: inline-end;
    transition: transform 0.35s ease;
    /*transform-origin: .5em 50%*/
}
.bd-links .btn[aria-expanded="true"] .arrow {
    transform: rotate(90deg);
}