/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.carouselSave__slideContent {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5px 0;
  padding: 10px; }

.carouselSave__column--left {
  width: 60%; }

.carouselSave__column--right {
  width: 40%;
  position: relative; }

.carouselSave__image {
  width: 100%; }

.carouselSave .slick-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none; }
  .carouselSave .slick-dots li {
    margin: 0 0.25rem; }
  .carouselSave .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: blue;
    text-indent: -9999px; }
  .carouselSave .slick-dots li.slick-active button {
    background-color: red; }

.carouselSave .arrowBtn {
  position: absolute;
  bottom: 0;
  width: 2.3rem;
  margin-right: 20px; }
  .carouselSave .arrowBtn--right {
    left: 40px; }