.block-swipeList {
  container-type: inline-size;
  min-height: 10rem;
  background-color: #003c32;
  padding-top: 6rem;
  padding-bottom: 6rem;
  color: white;
}
.block-swipeList .wrapper .main-carousel {
  margin-top: 3rem;
}
.block-swipeList .wrapper .main-carousel .flickity-slider {
  margin-left: 2rem;
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .main-carousel .flickity-slider {
    margin-left: 4rem;
  }
}
.block-swipeList .wrapper .main-carousel .flickity-prev-next-button.previous {
  left: 0;
}
.block-swipeList .wrapper .main-carousel .flickity-prev-next-button.next {
  right: 0;
}
.block-swipeList .wrapper .main-carousel .carousel-cell {
  width: 18rem;
}
@container (min-width: 576px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell {
    width: 20rem;
  }
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell {
    width: 30rem;
  }
}
.block-swipeList .wrapper .main-carousel .carousel-cell.is-selected .circle img {
  filter: brightness(1.4);
}
.block-swipeList .wrapper .main-carousel .carousel-cell .circle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}
.block-swipeList .wrapper .main-carousel .carousel-cell .circle img {
  width: 4rem;
}
@container (min-width: 576px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .circle img {
    width: 5rem;
  }
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .circle img {
    width: 8rem;
  }
}
.block-swipeList .wrapper .main-carousel .carousel-cell .circle .number {
  position: absolute;
  font-family: ibmPlexSans;
  font-size: 2.4rem;
  margin-bottom: 3px;
}
@container (min-width: 576px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .circle .number {
    font-size: 2.8rem;
  }
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .circle .number {
    font-size: 4rem;
  }
}
.block-swipeList .wrapper .main-carousel .carousel-cell .lineWrapper {
  height: 4rem;
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  right: 0;
}
@container (min-width: 576px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .lineWrapper {
    height: 5rem;
  }
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .lineWrapper {
    height: 8rem;
  }
}
.block-swipeList .wrapper .main-carousel .carousel-cell .lineWrapper .line {
  height: 0.3rem;
  background: #00b4a0;
  margin-left: 4px;
  margin-right: -4px;
}
@container (min-width: 576px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .lineWrapper .line {
    height: 0.4rem;
  }
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .lineWrapper .line {
    height: 0.6rem;
  }
}
.block-swipeList .wrapper .main-carousel .carousel-cell .lineWrapper .line.complete {
  background: #005448;
}
.block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper {
  margin-left: 1rem;
  margin-right: 1rem;
}
.block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper .heading {
  font-family: ibmPlexSans;
  font-size: 2rem;
  margin-top: 1rem;
}
.block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper .heading {
  font-size: 16px;
  line-height: 24px;
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper .heading {
    font-size: calc(16px + 8 * (100cqw - 768px) / 1152);
    line-height: calc(8px + 16px + 8 * (100cqw - 768px) / 1152);
  }
}
@container (min-width: 1920px) {
  .block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper .heading {
    font-size: 24px;
    line-height: 32px;
  }
}
.block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper .textItem {
  font-family: ibmPlexSans;
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
.block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper .textItem ul {
  padding-left: 1rem;
}
.block-swipeList .wrapper .main-carousel .carousel-cell .textWrapper .textItem li {
  margin-bottom: 0.5rem;
}
.block-swipeList .wrapper .text {
  margin: 0 2rem;
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .text {
    margin: 0 4rem;
  }
}
.block-swipeList .wrapper .text .textInner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.block-swipeList .wrapper .text .textInner .label {
  font-family: ibmPlexSans;
}
.block-swipeList .wrapper .text .textInner .label {
  font-size: 14px;
  line-height: 22px;
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .text .textInner .label {
    font-size: calc(14px + 4 * (100cqw - 768px) / 1152);
    line-height: calc(8px + 14px + 4 * (100cqw - 768px) / 1152);
  }
}
@container (min-width: 1920px) {
  .block-swipeList .wrapper .text .textInner .label {
    font-size: 18px;
    line-height: 26px;
  }
}
.block-swipeList .wrapper .text .textInner .heading {
  font-size: 2rem;
  font-family: ibmPlexSerif;
}
@container (min-width: 992px) {
  .block-swipeList .wrapper .text .textInner .heading {
    font-size: 20px;
    line-height: 28px;
  }
  @container (min-width: 768px) {
    .block-swipeList .wrapper .text .textInner .heading {
      font-size: calc(20px + 26 * (100cqw - 768px) / 1152);
      line-height: calc(8px + 20px + 26 * (100cqw - 768px) / 1152);
    }
  }
  @container (min-width: 1920px) {
    .block-swipeList .wrapper .text .textInner .heading {
      font-size: 46px;
      line-height: 54px;
    }
  }
}
.block-swipeList .wrapper .text .textInner .subheading {
  font-family: ibmPlexSans;
  font-size: 2rem;
}
.block-swipeList .wrapper .text .textInner .subheading {
  font-size: 16px;
  line-height: 24px;
}
@container (min-width: 768px) {
  .block-swipeList .wrapper .text .textInner .subheading {
    font-size: calc(16px + 8 * (100cqw - 768px) / 1152);
    line-height: calc(8px + 16px + 8 * (100cqw - 768px) / 1152);
  }
}
@container (min-width: 1920px) {
  .block-swipeList .wrapper .text .textInner .subheading {
    font-size: 24px;
    line-height: 32px;
  }
}
.block-swipeList .wrapper .text .textInner .textItem {
  font-family: ibmPlexSans;
  font-size: 1rem;
}
.block-swipeList .main-carousel .circle {
  transition: none;
  scale: 0;
}
.block-swipeList .main-carousel .line {
  transition: none;
  width: 0%;
}
.block-swipeList .main-carousel.isIntersecting .circle {
  transition: scale 0.5s ease-in-out;
  transition-delay: 0.5s;
  scale: 1;
}
.block-swipeList .main-carousel.isIntersecting .line {
  transition: width 0.5s ease-in-out;
  transition-delay: 1s;
  width: 100%;
}/*# sourceMappingURL=block.css.map */