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

React component library

.Tabs {
  position: relative;
  display: flex;
  align-items: center;
  inline-size: 100%;
}

.Tabs-List {
  display: flex;
}

.Tabs-IndicatorContainer {
  position: relative;
}

.Tabs-ScrollBox {
  inline-size: 100%;
  overflow-y: scroll;
  display: flex;
  scrollbar-width: none;
}

.Tabs-ScrollBox::-webkit-scrollbar {
    display: none;
  }

.Tabs-Indicator {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  block-size: 2px;
  z-index: var(--z-index-absolute);
  background: var(--color-border-action);
  border-start-start-radius: 2px;
  border-start-end-radius: 2px;
  transform-origin: left;
  transition: inline-size var(--transition-slow), transform var(--transition-slow),
    inset-inline-start var(--transition-slow);
}