.side-card-scrollable{overflow:hidden}
.side-card-scrollable>h3{margin-bottom:8px}
.side-card-list{
  max-height:320px;
  margin-right:-5px;
  padding-right:8px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--green) 70%,var(--line)) transparent;
}
.side-card-list:focus-visible{outline:2px solid var(--green);outline-offset:-2px;border-radius:8px}
.side-card-list::-webkit-scrollbar{width:7px}
.side-card-list::-webkit-scrollbar-track{background:transparent}
.side-card-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--green) 70%,var(--line));background-clip:padding-box}
.side-card-list::-webkit-scrollbar-thumb:hover{background:var(--green);background-clip:padding-box}
@media(max-width:640px){.side-card-list{max-height:300px}}