.ads-ScrollPane {
  @apply relative w-full h-full;
}

.ads-ScrollPane-container {
  @apply absolute h-full w-full;
}

.ads-ScrollPane:not(.is-disabled) > .ads-ScrollPane-container {
  @apply overflow-y-auto;
}

/* ScrollPane.tsx applies .visible-scrollbar at runtime, so it lives with the
   component rather than in base.css — the components.css bundle ships no reset. */
.visible-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}

.visible-scrollbar::-webkit-scrollbar-track,
.visible-scrollbar::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0.1);
}

.visible-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.4);
}