/** Shopify CDN: Minification failed

Line 134:37 Cannot use type selector "--overlay" directly after nesting selector "&"

**/
@font-face {
    font-family: 'Dancing Script';
    src: url('/cdn/shop/files/DancingScript-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/DancingScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.image-comparison {
  padding: 120px 0 150px;
  background-color: var(--colorFooter);
  background-image: linear-gradient(96.17deg, #00b7bd 5.18%, #00b7bd 38.34%, #7EDEE1 32.35%, #00b7bd 60.59%, #00b7bd 85.77%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.image-comparison .section-header h2 {
  color: var(--colorBody);
  margin-bottom: 6px;
}
.image-comparison .section-header p {
  margin: 0;
  color: var(--colorBody);
}
.image-slider-wrap {
  flex: 1 0 calc(50% - 15px);
}
.image-comparison-wrap.slick-slider {
  margin: 0 -15px;
}
.image-comparison-wrap .image-slider-wrap.slick-slide {
  margin: 0 15px;
}
.image-comparison-wrap .slick-list {
  width: 100%;
  overflow: hidden;
  padding-bottom: 6px;
}
.image-comparison__slider-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
  width: 100%;
}
.image-comparison-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
 .image-comparison__label {
	 font-size: 0;
	 line-height: 0;
}
 .image-comparison__label, .image-comparison__range {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 padding: 0;
	 background-color: transparent;
	 border: none;
	 appearance: none;
	 outline: none;
	 cursor: ew-resize;
	 z-index: 20;
}
 @media (hover) {
	 .image-comparison__range:hover ~ .image-comparison__slider .image-comparison__thumb {
		 transform: scale(1.2);
	}
}
 .image-comparison .image-comparison__slider-wrapper .image-comparison__range:active ~ .image-comparison__slider .image-comparison__thumb, .image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus ~ .image-comparison__slider .image-comparison__thumb, .image-comparison .image-comparison__slider-wrapper .image-comparison__range--active ~ .image-comparison__slider .image-comparison__thumb {
	 transform: scale(0.8);
	 background-color: #fff;
}
 .image-comparison__image-wrapper--overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: calc(50% + 1px);
	 height: 100%;
	 overflow: hidden;
     z-index: 1;
}
.image-comparison__figure {
  margin: 0;
  padding-top: 62.07%;
}
.image-comparison__image-wrapper--overlay .image-comparison__figure {
  width: 100%;
  height: 100%;
  padding-top: unset;
}
.image-comparison__range:focus, .image-comparison__range:active {
  outline: 0;
  border: 0;
}
.image-comparison-detail h2 {
  color: #2A62A7;
  font-size: 24px;
  line-height: 1.5;
  margin: 0 0 2px;
}
.comparison-detail-wrap {
  display: flex;
  gap: 26px;
}
.comparison-detail-wrap .rte {
  margin-bottom: 0;
}
.comp-age p {
  color: #414141;
  font-size: calc(var(--atlas-margin-h2) - 1px);
  margin: 0;
}
.comparison-detail-wrap .rte p {
  color: #2A62A7;
  font-size: var(--atlas-margin-h2);
  font-weight: var(--typeHeaderWeight);
}
 .image-comparison__figure::before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #f2f2f2;
}
 .image-comparison__figure self:not(&--overlay) {
	 position: relative;
	 padding-top: 66.666666667%;
}
 .image-comparison__image {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 overflow: hidden;
     vertical-align: middle;
}
 .image-comparison__figure--overlay .image-comparison__image {
	 z-index: 1;
}
 .image-comparison__caption {
	 position: absolute;
     left: 32px;
	 bottom: 26px;
	 min-width: max-content;
	 display: flex;
	 flex-direction: column;
	 flex-wrap: nowrap;
	 color: #fff;
     font-family: Dancing Script;
     font-size: var(--atlas-line-height-h1);
}
.image-comparison__image-wrapper:not(.image-comparison__image-wrapper--overlay) .image-comparison__caption {
    right: 32px;
    left: auto;
}
.image-comparison-detail {
  background: var(--colorBody);
  padding: 26px 32px;
  border-radius: 0 0 20px 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
 @media screen and (max-width: 40.063em) {
	 .image-comparison__caption {
		 font-size: 12px;
	}
}
 .image-comparison__caption--before {
	 left: 12px;
	 z-index: 2;
}
 .image-comparison__caption--after {
	 right: 12px;
	 text-align: right;
}
 .image-comparison__caption-body {
	 max-width: 40vmin;
	 padding: 6px 12px;
	 background-color: rgba(0, 0, 0, 0.55);
}
.image-comparison__slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 6px;
  height: 100%;
  background-color: #fff;
  transition: background-color 0.3s ease-in-out;
  z-index: 10;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.image-comparison__range--active ~ .image-comparison__slider {
  background-color: rgba(255, 255, 255, 0);
}
.image-comparison__thumb {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #3C3C3C;
  border-radius: 50%;
  transform-origin: center;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.image-comparison__thumb .image-comparison__thumb-icon {
  width: 44px;
  height: 44px;
  vertical-align: middle;
}
 .image-comparison__range::-webkit-slider-runnable-track {
	 width: 40px;
	 height: 40px;
	 opacity: 0;
}
 .image-comparison__range::-moz-range-thumb {
	 width: 40px;
	 height: 40px;
	 opacity: 0;
}
 .image-comparison__range::-webkit-slider-thumb {
	 width: 40px;
	 height: 40px;
	 opacity: 0;
}
 .image-comparison__range::-ms-fill-lower {
	 background-color: transparent;
}
 .image-comparison__range::-ms-track {
	 position: relative;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border: none;
	 margin: 0;
	 padding: 0;
	 background-color: transparent;
	 color: transparent;
	 outline: none;
	 cursor: col-resize;
}
 .image-comparison__range::-ms-thumb {
	 width: 0.5%;
	 height: 100%;
	 opacity: 0;
}
 .image-comparison__range::-ms-tooltip {
	 display: none;
}
.image-comparison__figure .placeholder-svg {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
}
.image-comparison>div:not(.page-width) {
  padding: 0 40px;
}
.image-comparison-wrap.slick-slider {
  margin: 0 -15px;
}
.image-comparison-wrap .image-slider-wrap.slick-slide {
  margin: 0 15px;
}
.image-comparison-wrap.slick-slider .slick-prev:before,
.image-comparison-wrap.slick-slider .slick-next:before {
  border-width: 0 2px 2px 0;
  padding: 5px;
}
.image-comparison-wrap .slick-prev,
.image-comparison-wrap .slick-next {
  background: #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-top: -6px;
}
.image-comparison-wrap.slick-slider .slick-prev:before {
  margin: 0 0 0 5px;
}
.image-comparison-wrap.slick-slider .slick-next:before {
  margin: 0 5px 0 0;
}
@media (min-width: 992px) {
  .image-comparison .page-width {
    padding: 0 80px;
  }
}
@media (max-width: 991px) {
  .image-comparison-wrap.slick-slider .slick-prev {
    left: 5px;
    z-index: 1;
  }
  .image-comparison-wrap.slick-slider .slick-next {
    right: 5px;
  }
}
@media (max-width: 767px) {
  .image-comparison__thumb {
    top: calc(50% - 10px);
    left: calc(50% - 17px);
    width: 30px;
    height: 30px;
  }
  .image-comparison>div:not(.page-width) {
    padding: 0 17px;
  }
  .image-comparisons + .shopify-section .us-vs-them-wrap {
    margin: 0;
  }
  .image-comparison-wrap .slick-prev,
  .image-comparison-wrap .slick-next {
    width: 30px;
    height: 30px;
  }
  .image-comparison-wrap.slick-slider .slick-prev:before,
  .image-comparison-wrap.slick-slider .slick-next:before {
    padding: 3px;
    border-width: 0 2px 2px 0;
  }
  .image-comparison-wrap.slick-slider .slick-prev:before {
    margin: 0 0 0 3px;
  }
  .image-comparison-wrap.slick-slider .slick-next:before {
    margin: 0 3px 0 0;
  }
  .image-comparison-detail h2 {
    margin: 0 0 8px;
  }
}