@ozen-ui/kit/__inner__/esm/components/ThemeProvider/ThemeProvider.css

React component library

/* stylelint-disable */
body {
  --removed-body-scroll-bar-size: 0;
}
.Theme {
  --shadow-outline-focused: var(--color-border-focused) 0 0 0
    var(--border-width-m);
  -webkit-font-smoothing: antialiased;
  color: var(--color-content-primary);

  font: var(--typography-text-m-font);

  letter-spacing: var(--typography-text-m-letter_spacing, 0);

  text-transform: var(--typography-text-m-text_transform, none);
}
.Theme,
.Theme * {
  --scroll-bar-size: 16px;
}
.Theme::-webkit-scrollbar, .Theme *::-webkit-scrollbar {
    inline-size: var(--scroll-bar-size);
  }
.Theme::-webkit-scrollbar-thumb, .Theme *::-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;
  }
.Theme::-webkit-scrollbar-thumb:hover,
    .Theme::-webkit-scrollbar-thumb:active,
    .Theme *::-webkit-scrollbar-thumb:hover,
    .Theme *::-webkit-scrollbar-thumb:active {
      border: calc(var(--scroll-bar-size) / 4) solid transparent;
      background-clip: padding-box;
    }
.Theme::-webkit-scrollbar-thumb:hover, .Theme *::-webkit-scrollbar-thumb:hover {
      background-color: var(--color-background-secondary-hover);
    }
.Theme::-webkit-scrollbar-thumb:active, .Theme *::-webkit-scrollbar-thumb:active {
      background-color: var(--color-background-secondary-pressed);
    }
.Theme::-webkit-scrollbar-corner, .Theme *::-webkit-scrollbar-corner {
    background: transparent;
  }