/**
* This file is for the Content Carousel Container component.
*/
@media (min-width: 1360px) {
  .page-is-fullwidth .paragraph--type--content-carousel:not(.rounded-image-carousel) {
    margin-left: calc(-50vw + 660px);
  }
}

@media (min-width: 875px) {
  body:not(.page-is-fullwidth) .paragraph--type--content-carousel:not(.rounded-image-carousel) {
    margin-left: calc(-50vw + 437.5px);
  }
}

.paragraph--type--content-carousel:not(.rounded-image-carousel) {
  position: relative;
  width: 100vw;
  padding-bottom: 3.9375rem;
  margin-bottom: 0;
  margin-left: -1.25rem;
  overflow: visible;
}
@media (min-width: 1360px) {
  .paragraph--type--content-carousel:not(.rounded-image-carousel) {
    margin-left: calc(-50vw + 660px);
  }
}
.paragraph--type--content-carousel:not(.rounded-image-carousel) .slick-list {
  overflow: visible;
}

.paragraph--type--content-carousel {
  padding-bottom: 3.9375rem;
  margin-bottom: 0;
}
.paragraph--type--content-carousel .slick-arrow {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: unset;
  left: unset;
  transform: unset;
  width: 2.1875rem;
  height: 2.1875rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel .slick-arrow {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.paragraph--type--content-carousel .slick-arrow::before {
  display: none;
}
.paragraph--type--content-carousel .slick-arrow:hover,
.paragraph--type--content-carousel .slick-arrow:focus {
  color: unset;
  background: inherit;
}
.paragraph--type--content-carousel .slick-arrow.slick-play {
  content: "\f04b";
}
.paragraph--type--content-carousel .slick-arrow.slick-pause {
  content: "\f04c";
}
.paragraph--type--content-carousel .slick-arrow.slick-play,
.paragraph--type--content-carousel .slick-arrow.slick-pause {
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: none;
  outline: none;
}
.paragraph--type--content-carousel .slick-arrow.slick-play:before,
.paragraph--type--content-carousel .slick-arrow.slick-pause:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
}
.paragraph--type--content-carousel.rounded-image-carousel .slick-arrow:first-of-type {
  right: 5.625rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel.rounded-image-carousel .slick-arrow:first-of-type {
    right: 10rem;
  }
}
.paragraph--type--content-carousel.rounded-image-carousel .slick-arrow:nth-of-type(2) {
  right: 2.8125rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel.rounded-image-carousel .slick-arrow:nth-of-type(2) {
    right: 5rem;
  }
}
.paragraph--type--content-carousel.rounded-image-carousel .slick-arrow:last-of-type {
  right: 0;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel.rounded-image-carousel .slick-arrow:last-of-type {
    right: 0;
  }
}
.paragraph--type--content-carousel .slick-arrow.slick-prev {
  background-image: url("../../icon/google/arrow-nav-left.svg");
  right: 6.5625rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel .slick-arrow.slick-prev {
    right: 13.125rem;
  }
}
.paragraph--type--content-carousel .slick-arrow.slick-prev:hover,
.paragraph--type--content-carousel .slick-arrow.slick-prev:focus {
  background-image: url("../../icon/google/arrow-nav-left-hover.svg");
  background-size: contain;
}
.paragraph--type--content-carousel .slick-arrow:last-of-type {
  background-image: url("../../icon/google/arrow-nav-right.svg");
  right: 1.25rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel .slick-arrow:last-of-type {
    right: 3.125rem;
  }
}
.paragraph--type--content-carousel .slick-arrow:last-of-type:hover,
.paragraph--type--content-carousel .slick-arrow:last-of-type:focus {
  background-image: url("../../icon/google/arrow-nav-right-hover.svg");
  background-size: contain;
}
.paragraph--type--content-carousel .slick-arrow.slick-play {
  background-image: url("../../icon/svg/play-circle.svg");
  background-size: contain;
  right: 4.0625rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel .slick-arrow.slick-play {
    right: 8.125rem;
  }
}
.paragraph--type--content-carousel .slick-arrow.slick-play:hover,
.paragraph--type--content-carousel .slick-arrow.slick-play:focus {
  background-image: url("../../icon/svg/play-circle-hover.svg");
  background-size: contain;
}
.paragraph--type--content-carousel .slick-arrow.slick-pause {
  background-image: url("../../icon/svg/pause-circle.svg");
  background-size: contain;
  right: 4.0625rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel .slick-arrow.slick-pause {
    right: 8.125rem;
  }
}
.paragraph--type--content-carousel .slick-arrow.slick-pause:hover,
.paragraph--type--content-carousel .slick-arrow.slick-pause:focus {
  background-image: url("../../icon/svg/pause-circle-hover.svg");
  background-size: contain;
}
.paragraph--type--content-carousel.rounded-image-carousel .slick-dots {
  left: 0;
}
.paragraph--type--content-carousel.rounded-image-carousel .slick-dots li:first-child {
  margin: auto 0;
}
.paragraph--type--content-carousel.rounded-image-carousel .slick-dots li:first-child button {
  margin: auto 0;
}
.paragraph--type--content-carousel .slick-dots {
  position: absolute;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 0.6875rem;
  left: 1.25rem;
}
@media (min-width: 64em) {
  .paragraph--type--content-carousel .slick-dots {
    left: 3.75rem;
  }
}
.paragraph--type--content-carousel .slick-dots li {
  width: 1.25rem;
  height: 1.25rem;
}
.paragraph--type--content-carousel .slick-dots li button {
  background-image: url("../../icon/google/solid-circle.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  width: 1rem;
  height: 1rem;
}
.paragraph--type--content-carousel .slick-dots li button:hover,
.paragraph--type--content-carousel .slick-dots li button:focus {
  width: 1.25rem;
  height: 1.25rem;
}
.paragraph--type--content-carousel .slick-dots li button::before {
  display: none;
}
.paragraph--type--content-carousel .slick-dots .slick-active button {
  background-image: url("../../icon/google/outlined-circle.svg");
}
/*# sourceMappingURL=content-carousel-container.css.map */