/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block_CC2-453_slider-wrap/scss/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.slider-article {
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.slider-article .main-ttl {
  margin-bottom: 5rem;
}
.slider-article .slider-wrap {
  display: flex;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  gap: 0.75rem !important;
  width: 100%;
  transform: translateX(0);
  transition: transform ease-out 0.25s;
  cursor: grab;
}
.slider-article .slider-wrap:active {
  cursor: grabbing;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.slider-article .slider-wrap.no-slide {
  cursor: default;
}
.slider-article .slider-wrap.shifting .step-wrap {
  pointer-events: none;
}
.slider-article .slider-wrap:not(.shifting) {
  transition: none !important;
}
.slider-article .slider-controls {
  margin-top: 2.5rem;
}
.slider-article .slider-controls .prev-slide, .slider-article .slider-controls .next-slide {
  transition: opacity ease-out 0.25s;
}
.slider-article .slider-controls .disabled {
  pointer-events: none;
  opacity: 0.25;
}
.slider-article .no-slide + .slider-controls {
  display: none;
}
.slider-article .no-slide .stepper-wrap {
  display: none;
}
.slider-article .stepper-wrap {
  display: flex;
  gap: 1rem;
  margin-top: 2.5rem;
}
.slider-article .stepper-wrap .step-index {
  cursor: pointer;
  padding: 0.5rem 0;
  width: 1.5rem;
  box-sizing: border-box;
  font-family: var(--Font-Text);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.95rem;
  color: var(--Color-Text-Accent);
  text-align: center;
  border-bottom: solid 2px var(--Color-Text-Accent);
  opacity: 0.5;
  transition: opacity ease-out 0.25s;
}
.slider-article .stepper-wrap .step-index.active-step {
  opacity: 1;
}
.slider-article .stepper-wrap .dot-step {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border-bottom: none;
  background-color: black;
  border-radius: 50%;
}

/*# sourceMappingURL=style-index.css.map*/