/**
 * Carousel Slide Component Styles
 * Custom styles for padding and width variants
 */

/* Padding variants */
.carousel-slide--content.p-4 {
  padding: 1rem;
}

.carousel-slide--content.p-8 {
  padding: 2rem;
}

.carousel-slide--content.p-12 {
  padding: 3rem;
}

/* Width variants */
.carousel-slide--content.w-full {
  width: 100%;
}

.carousel-slide--content.w-\[90\%\] {
  width: 90%;
}

.carousel-slide--content.w-\[80\%\] {
  width: 80%;
}

.carousel-slide--content.w-3\/4 {
  width: 75%;
}

.carousel-slide--content.w-1\/2 {
  width: 50%;
}

/* Center content when width is constrained */
.carousel-slide--content.mx-auto {
  margin-left: auto;
  margin-right: auto;
}