/* compiled by scssphp 1.10.2 on Thu, 26 Sep 2024 20:45:48 +0000 (0.0684s) */

@charset "UTF-8";
/* All from mobile up (responsive all) */
@media all {
  .image-boxes.before-after .content .image-outer {
    display: block;
    position: relative;
  }
  .image-boxes.before-after .content .image-outer .image {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .image-boxes.before-after .content .image-outer .image img {
    width: 100%;
    display: block;
  }
  .image-boxes.before-after .content .image-outer .image .after-image {
    display: block;
  }
  .image-boxes.before-after .content .image-outer .image .before-image {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
    display: none;
  }
  .image-boxes.before-after .content .image-outer .image .before-image img {
    max-width: none;
  }
  .image-boxes.before-after .content .image-outer .resizer {
    position: absolute;
    display: none;
    align-items: center;
    z-index: 5;
    top: 0;
    left: 50%;
    height: 100%;
    width: 4px;
    background: #ffffff;
    /* Stop vertical scrolling on touch */
    -ms-touch-action: pan-y;
    touch-action: pan-y;
  }
  .image-boxes.before-after .content .image-outer .resizer:after {
    background: #008b7f;
    font-family: "Font Awesome 6 Pro";
    content: "";
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    position: absolute;
    margin: 0 0 0 -22px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid white;
    cursor: pointer;
  }
  .image-boxes.before-after .content .image-outer.active .image .before-image {
    display: block;
  }
  .image-boxes.before-after .content .image-outer.active .resizer {
    display: flex;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22edit%2Fmodules%2Fimageboxes%2Fimageboxes.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAEA%3BAAMY%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUI%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAuBI%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%22%7D */