/* LPMS R005.0.0c3c - scrollable sidebar and live version display */

.lpms-c3c-scroll-sidebar {
  min-height: 0 !important;
  max-height: var(--lpms-c3c-sidebar-max-height, calc(100dvh - 28px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  touch-action: pan-y;
}

.lpms-c3c-scroll-sidebar::-webkit-scrollbar {
  width: 9px;
}

.lpms-c3c-scroll-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.lpms-c3c-scroll-sidebar::-webkit-scrollbar-thumb {
  background: rgba(151, 183, 178, 0.38);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

.lpms-c3c-scroll-sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(181, 207, 202, 0.58);
  border: 2px solid transparent;
  background-clip: padding-box;
}

@supports not (height: 100dvh) {
  .lpms-c3c-scroll-sidebar {
    max-height: var(--lpms-c3c-sidebar-max-height, calc(100vh - 28px)) !important;
  }
}