.sc-test-branch {
  background-color: black;
}

as24-listing-summary-image[data-lazyload='true']:not([data-images-count='0']).shine,
as24-listing-summary-image.native-lazy:not([data-images-count='0']).shine {
  background: #f6f7f8;
  background-image: -webkit-gradient(linear, left top, right top, from(#f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), to(#f6f7f8));
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 768px 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
          animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

as24-listing-summary-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  /* stylelint-disable-next-line length-zero-no-unit */
  /* stylelint-disable-next-line length-zero-no-unit */
  /* stylelint-disable-next-line length-zero-no-unit */
  /* stylelint-disable-next-line length-zero-no-unit */
}

as24-listing-summary-image picture img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

as24-listing-summary-image > img {
  width: 100%;
}

as24-listing-summary-image as24-carousel {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media all and (min-width: 768px) {
  as24-listing-summary-image {
    overflow: hidden;
    max-height: 175.5px;
  }
}

@media all and (min-width: 1024px) {
  as24-listing-summary-image {
    max-height: 175.5px;
  }
}

@media all and (min-width: 1100px) {
  as24-listing-summary-image {
    max-height: 199.5px;
  }
}

@media all and (max-width: 767px) {
  as24-listing-summary-image {
    height: 75vw;
  }
  as24-listing-summary-image as24-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  as24-listing-summary-image as24-carousel .as24-carousel__container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  as24-listing-summary-image as24-carousel .as24-carousel__item {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    padding-bottom: 75%;
  }
  as24-listing-summary-image as24-carousel .as24-carousel__item img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-height: 100%;
    max-width: 100%;
  }
}

as24-listing-summary-image .image-fragment-gallery-car360-icon {
  position: absolute;
  z-index: 1;
  left: 8px;
  bottom: 8px;
  width: 50px;
  height: 36px;
}

as24-listing-summary-image.image-fragments-super-deal .image-fragment-gallery-super-deal-icon {
  position: absolute;
  left: 0;
  top: 8px;
  width: 58px;
  height: 42px;
  z-index: 1;
}

as24-listing-summary-image .image-fragment-gallery-leasing-premium-icon {
  position: absolute;
  left: 0;
  top: 8px;
  width: 70px;
  height: 40px;
  z-index: 1;
  background-repeat: no-repeat;
}

as24-listing-summary-image .as24-carousel__indicator {
  right: 0;
  left: auto !important;
}

as24-listing-summary-image .image-fragment-features-container {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  right: 0;
  height: 30px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

as24-listing-summary-image .image-fragment-features-container .image-fragment-features-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  margin-left: 4px;
  width: 40px;
}

as24-listing-summary-image .image-fragment-features-container .image-fragment-features-button [data-button-type='video'] {
  width: 20px;
  height: 20px;
}

as24-listing-summary-image .as24-carousel__indicator[role='indicator'],
as24-listing-summary-image .as24-carousel__indicator.image-fragment-picture-count {
  background-color: rgba(0, 0, 0, 0.5);
}

as24-listing-summary-image.listing-image {
  padding-bottom: 75%;
}

.placeholder-space {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 75%;
}

as24-listing-summary-image[data-gallery='mobile'] picture img {
  display: none;
}

as24-listing-summary-image[data-gallery='mobile'] as24-carousel {
  height: 100%;
}

as24-listing-summary-image[data-gallery='mobile'] button.as24-carousel__button {
  background-color: rgba(0, 0, 0, 0.5);
  height: 60px;
}

as24-listing-summary-image[data-gallery='mobile'] button.as24-carousel__button[data-direction='right'] {
  right: 0;
}

as24-listing-summary-image[data-gallery='mobile'] button.as24-carousel__button[data-direction='left'] {
  left: 0;
}

as24-listing-summary-image[data-gallery='mobile'] .as24-carousel__indicator.image-fragment-picture-count {
  display: none;
}

as24-listing-summary-image[data-gallery='desktop'] as24-carousel {
  display: none;
}

[data-images-count='1'] .as24-carousel__button {
  display: none;
}

[data-images-count='0'] {
  position: relative;
  background-color: #dcdcdc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 33%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* stylelint-disable-next-line length-zero-no-unit */
  /* stylelint-disable-next-line length-zero-no-unit */
  /* stylelint-disable-next-line length-zero-no-unit */
}

@media all and (max-width: 767px) {
  [data-images-count='0'] {
    height: 75vw;
  }
}

@media all and (min-width: 768px) {
  [data-images-count='0'] {
    height: 176px;
  }
}

@media all and (min-width: 1100px) {
  [data-images-count='0'] {
    height: 200px;
  }
}

[data-images-count='0'] as24-icon {
  width: 33%;
  height: 33%;
}

[data-images-count='0'] as24-icon svg path {
  fill: #fff;
}

[data-images-count='0'] as24-icon[type='placeholder-moto'] {
  width: 38%;
  height: 38%;
  margin-left: 5%;
}