@ozen-ui/kit/__inner__/cjs/components/DataListBase/DataListBase.css

React component library

.DataListBase {
  --scroll-bar-size: 12px;
}
  .DataListBase::-webkit-scrollbar {
    inline-size: var(--scroll-bar-size);
  }
  .DataListBase::-webkit-scrollbar-thumb {
    background-color: var(--color-background-secondary);
    border-radius: calc(var(--scroll-bar-size) / 2);
    border: calc(var(--scroll-bar-size) / 4) solid transparent;
    background-clip: padding-box;
    border-image: initial;
    min-block-size: 24px;
  }
  .DataListBase::-webkit-scrollbar-thumb:hover,
    .DataListBase::-webkit-scrollbar-thumb:active {
      border: calc(var(--scroll-bar-size) / 4) solid transparent;
      background-clip: padding-box;
    }
  .DataListBase::-webkit-scrollbar-thumb:hover {
      background-color: var(--color-background-secondary-hover);
    }
  .DataListBase::-webkit-scrollbar-thumb:active {
      background-color: var(--color-background-secondary-pressed);
    }
  .DataListBase::-webkit-scrollbar-corner {
    background: transparent;
  }
  .DataListBase {
  box-sizing: border-box;
  overflow: hidden auto;
  max-block-size: 40vh;
  padding: 0;
  margin: 0;
}
.DataListBase-animation-enter {
    opacity: 0;
    transform: translate(0, calc(var(--spacing-2xs) * -1));
    pointer-events: none;
  }
.DataListBase-animation-enter-active {
    opacity: 1;
    transition:
      opacity var(--transition-default),
      transform var(--transition-default);
    transform: translate(0);
    pointer-events: none;
  }
.DataListBase-animation-enter-done {
    opacity: 1;
    transform: translate(0);
  }
.DataListBase-animation-exit {
    opacity: 1;
    transform: translate(0);
    pointer-events: none;
  }
.DataListBase-animation-exit-active {
    opacity: 0;
    transition:
      opacity var(--transition-default),
      transform var(--transition-default);
    transform: translate(0, calc(var(--spacing-2xs) * -1));
    pointer-events: none;
  }
.DataListBase-animation-exit-done {
    opacity: 0;
    transform: translate(0, calc(var(--spacing-2xs) * -1));
    pointer-events: none;
  }