/* Generated by vite-plugin-svg-spritemap */
[data-fls-beforeafter] {
  position: relative;
}

[data-fls-beforeafter-before] img,
[data-fls-beforeafter-after] img {
  user-select: none;
}

[data-fls-beforeafter-before] img {
  width: 100%;
}

[data-fls-beforeafter-after] {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  overflow: hidden;
}
[data-fls-beforeafter-after] img {
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}

[data-fls-beforeafter-arrow] {
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 0.1875rem;
  z-index: 10;
  background-color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
[data-fls-beforeafter-arrow]::before, [data-fls-beforeafter-arrow]::after {
  content: "";
}
[data-fls-beforeafter-arrow]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.before-after__label-before {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #b88a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.before-after__label-before p {
  line-height: 1.2;
  color: #D2D2D2;
}
.before-after__label-after {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #b88a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}
.before-after__label-after p {
  line-height: 1.2;
  color: #D2D2D2;
}
.before-after__arrow {
  display: flex;
  align-items: center;
}
.before-after__arrow-wrapper {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #D2D2D2;
  color: #212121;
  font-size: 0.625rem;
}
.before-after__arrow-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625rem;
  height: 3.125rem;
}
.before-after__arrow-left span {
  transform: scaleX(-1);
}
.before-after__arrow-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625rem;
  height: 3.125rem;
}
@media (max-width: 20em) {
  .before-after__label-before {
    width: 6.25rem;
  }
  .before-after__label-before {
    height: 1.875rem;
  }
  .before-after__label-before p {
    font-size: 0.875rem;
  }
  .before-after__label-after {
    width: 6.25rem;
  }
  .before-after__label-after {
    height: 1.875rem;
  }
  .before-after__label-after p {
    font-size: 0.875rem;
  }
}
@media (min-width: 20em) and (max-width: 91.875em) {
  .before-after__label-before {
    width: clamp( 6.25rem , 5.51956521739375rem  +  3.652173913vw , 8.875rem );
  }
  .before-after__label-before {
    height: clamp( 1.875rem , 1.52717391304375rem  +  1.7391304348vw , 3.125rem );
  }
  .before-after__label-before p {
    font-size: clamp( 0.875rem , 0.80543478260625rem  +  0.347826087vw , 1.125rem );
  }
  .before-after__label-after {
    width: clamp( 6.25rem , 5.51956521739375rem  +  3.652173913vw , 8.875rem );
  }
  .before-after__label-after {
    height: clamp( 1.875rem , 1.52717391304375rem  +  1.7391304348vw , 3.125rem );
  }
  .before-after__label-after p {
    font-size: clamp( 0.875rem , 0.80543478260625rem  +  0.347826087vw , 1.125rem );
  }
}
@media (min-width: 91.875em) {
  .before-after__label-before {
    width: 8.875rem;
  }
  .before-after__label-before {
    height: 3.125rem;
  }
  .before-after__label-before p {
    font-size: 1.125rem;
  }
  .before-after__label-after {
    width: 8.875rem;
  }
  .before-after__label-after {
    height: 3.125rem;
  }
  .before-after__label-after p {
    font-size: 1.125rem;
  }
}