@arolariu/components/dist/components/ui/carousel_module.css

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

.carousel-Kp9sWX {
  position: relative;
}

.viewport-IbS70T {
  overflow: hidden;
}

.content-zNz62l {
  margin-left: calc(var(--ac-space-4)*-1);
  display: flex;
}

.contentVertical-rLxYqe {
  margin-left: 0;
  margin-top: calc(var(--ac-space-4)*-1);
  flex-direction: column;
}

.item-ShUcg2 {
  min-width: 0;
  padding-left: var(--ac-space-4);
  flex: 0 0 100%;
}

.itemVertical-md0YJC {
  padding-left: 0;
  padding-top: var(--ac-space-4);
}

.navigationButton-lmtsj2 {
  border-radius: 999px;
  width: 2rem;
  height: 2rem;
  position: absolute;
}

.navigationButton-lmtsj2[data-orientation="horizontal"] {
  top: 50%;
  transform: translateY(-50%);
}

.navigationButton-lmtsj2[data-orientation="vertical"] {
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
}

.previousButton-dY1o3P[data-orientation="horizontal"] {
  left: -3rem;
}

.nextButton-cpcq6l[data-orientation="horizontal"] {
  right: -3rem;
}

.previousButton-dY1o3P[data-orientation="vertical"] {
  top: -3rem;
}

.nextButton-cpcq6l[data-orientation="vertical"] {
  bottom: -3rem;
}

.navigationIcon-AP0GIW {
  width: 1rem;
  height: 1rem;
}

.srOnly-KHaCsg {
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}


/*# sourceMappingURL=carousel_module.css.map */