/* [project]/src/app/components/Slider.css [app-client] (css) */
.slider {
  position: relative;
  display: flex;
  gap: 1em;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.slider:active {
  cursor: grabbing;
}

.slider::-webkit-scrollbar {
  display: none;
}

.card {
  position: relative;
  scroll-snap-type: start;
  flex-shrink: 0;
  aspect-ratio: 532 / 499;
  width: 300px;
  color: #fff;
}

.card:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-100%);
  height: 43px;
  width: 100%;
  background: url("/slider-card-curve.png") no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 50;
}


/* [project]/src/app/components/ReviewSlider.css [app-client] (css) */
.review-slider {
  position: relative;
  display: flex;
  gap: 1em;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.review-slider:active {
  cursor: grabbing;
}

.review-slider::-webkit-scrollbar {
  display: none;
}

.review-card {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 1600 / 500;
  color: #fff;
}


/*# sourceMappingURL=src_app_components_e4b47d._.css.map*/