/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/avant-apres/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-gard-vision-core-avant-apres {
  position: relative;
  background-color: #121212;
  border-radius: 32px;
  overflow: hidden;
  width: 100%;
  max-width: 140vh;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-gard-vision-core-avant-apres:before {
  content: "";
  display: block;
  padding-bottom: 56.5%;
}
.wp-block-gard-vision-core-avant-apres .avantapres-tag {
  position: absolute;
  padding: 0.45em 0.6em;
  bottom: 24px;
  left: 24px;
  background-color: #fff;
  color: #1A1C20;
  font-size: 17px;
  line-height: 1;
  border-radius: 8px;
  z-index: 20;
}
.wp-block-gard-vision-core-avant-apres .avantapres-left, .wp-block-gard-vision-core-avant-apres .avantapres-right {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.wp-block-gard-vision-core-avant-apres .avantapres-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-gard-vision-core-avant-apres .avantapres-left {
  z-index: 2;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}
.wp-block-gard-vision-core-avant-apres .avantapres-right .avantapres-tag {
  left: auto;
  right: 24px;
}
.wp-block-gard-vision-core-avant-apres .avantapres-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background-color: #fff;
  z-index: 10;
  transform: translate(-50%, 0);
}
.wp-block-gard-vision-core-avant-apres .avantapres-handle.is-grabbing .avantapres-handle-grab-inner {
  display: none;
}
.wp-block-gard-vision-core-avant-apres .avantapres-handle.is-grabbing .avantapres-handle-grab-inner.is-grabbing {
  display: block;
}
.wp-block-gard-vision-core-avant-apres .avantapres-handle-grab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100px;
  background: rgba(220, 245, 242, 0.3);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  cursor: grab;
}
.wp-block-gard-vision-core-avant-apres .avantapres-handle-grab-inner {
  width: 116px;
  height: 48px;
  border-radius: 100px;
  background-color: #45B8A9;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCA4NiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEzSDFNMSAxM0w5IDVNMSAxM0w5IDIxIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNy4wNzAxIDE0LjMxMjNMMzcuOTMxIDE0LjkxMThWNC44NjI3OUMzNy45MzEgMy43ODk4MiAzOC43NzQ0IDIuOTIwMDEgMzkuODE0NyAyLjkyMDAxQzQwLjg1NDkgMi45MjAwMSA0MS42OTgzIDMuNzg5ODIgNDEuNjk4MyA0Ljg2Mjc5VjIuOTQyNzhDNDEuNjk4MyAxLjg2OTgxIDQyLjU0MTYgMSA0My41ODE5IDFDNDQuNjIyMiAxIDQ1LjQ2NTUgMS44Njk4MSA0NS40NjU1IDIuOTQyNzhWNC44NjI3OEM0NS40NjU1IDMuNzg5ODIgNDYuMzA4OCAyLjkyMDAxIDQ3LjM0OTEgMi45MjAwMUM0OC4zODk0IDIuOTIwMDEgNDkuMjMyOCAzLjc4OTgyIDQ5LjIzMjggNC44NjI3OFY4Ljc5Mzc5QzQ5LjIzMjggNy43MjA4MiA1MC4wNzYxIDYuODUxMDEgNTEuMTE2NCA2Ljg1MTAxQzUyLjE1NjcgNi44NTEwMSA1MyA3LjcyMDgyIDUzIDguNzkzNzlWMTguMzc1NkM1MyAxOS40ODc5IDUyLjYzNzggMjAuNTY3OSA1MS45NzE2IDIxLjQ0MjVDNDguNzc2NiAyNS42MzY1IDQyLjgyNDkgMjYuMjA5IDM4LjkzMzEgMjIuNjk2OEwzMy44NDc1IDE4LjIwNDZDMzIuODMzNiAxNy4yODk2IDMyLjcxMjcgMTUuNzA3NCAzMy41NzUyIDE0LjY0QzM0LjQ1MjYgMTMuNTU0MSAzNi4wMTczIDEzLjQwNzQgMzcuMDcwMSAxNC4zMTIzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ5LjIzMjggMTIuMzIxNFY4Ljc5Mzc5TTQ5LjIzMjggOC43OTM3OVY0Ljg2Mjc4QzQ5LjIzMjggMy43ODk4MiA0OC4zODk0IDIuOTIwMDEgNDcuMzQ5MSAyLjkyMDAxQzQ2LjMwODggMi45MjAwMSA0NS40NjU1IDMuNzg5ODIgNDUuNDY1NSA0Ljg2Mjc4TTQ5LjIzMjggOC43OTM3OUM0OS4yMzI4IDcuNzIwODIgNTAuMDc2MSA2Ljg1MTAxIDUxLjExNjQgNi44NTEwMUM1Mi4xNTY3IDYuODUxMDEgNTMgNy43MjA4MiA1MyA4Ljc5Mzc5VjE4LjM3NTZDNTMgMTkuNDg3OSA1Mi42Mzc4IDIwLjU2NzkgNTEuOTcxNiAyMS40NDI1QzQ4Ljc3NjYgMjUuNjM2NSA0Mi44MjQ5IDI2LjIwOSAzOC45MzMxIDIyLjY5NjhMMzMuODQ3NSAxOC4yMDQ2QzMyLjgzMzYgMTcuMjg5NiAzMi43MTI3IDE1LjcwNzQgMzMuNTc1MiAxNC42NEMzNC40NTI2IDEzLjU1NDEgMzYuMDE3MyAxMy40MDc0IDM3LjA3MDEgMTQuMzEyM0wzNy45MzEgMTQuOTExOFY0Ljg2Mjc5QzM3LjkzMSAzLjc4OTgyIDM4Ljc3NDQgMi45MjAwMSAzOS44MTQ3IDIuOTIwMDFDNDAuODU0OSAyLjkyMDAxIDQxLjY5ODMgMy43ODk4MiA0MS42OTgzIDQuODYyNzlWMi45NDI3OE00NS40NjU1IDEyLjMyMTRWNC44NjI3OE00NS40NjU1IDQuODYyNzhWMi45NDI3OEM0NS40NjU1IDEuODY5ODEgNDQuNjIyMiAxIDQzLjU4MTkgMUM0Mi41NDE2IDEgNDEuNjk4MyAxLjg2OTgxIDQxLjY5ODMgMi45NDI3OE00MS42OTgzIDEyLjMyMTRWMi45NDI3OCIgc3Ryb2tlPSIjNDVCOEE5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTY5IDEzSDg1TTg1IDEzTDc3IDVNODUgMTNMNzcgMjEiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center;
}
.wp-block-gard-vision-core-avant-apres .avantapres-handle-grab-inner.is-grabbing {
  display: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCA4NiAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDEySDFNMSAxMkw5IDRNMSAxMkw5IDIwIiBzdHJva2U9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNy4wNzAxIDEzLjMxMjNMMzcuOTMxIDEzLjkxMThWOC44NjI3OUMzNy45MzEgNy43ODk4MiAzOC43NzQ0IDYuOTIwMDEgMzkuODE0NyA2LjkyMDAxQzQwLjg1NDkgNi45MjAwMSA0MS42OTgzIDcuNzg5ODIgNDEuNjk4MyA4Ljg2Mjc5VjcuOTQyNzhDNDEuNjk4MyA2Ljg2OTgxIDQyLjU0MTYgNiA0My41ODE5IDZDNDQuNjIyMiA2IDQ1LjQ2NTUgNi44Njk4MSA0NS40NjU1IDcuOTQyNzhWOC44NjI3OEM0NS40NjU1IDcuNzg5ODIgNDYuMzA4OCA2LjkyMDAxIDQ3LjM0OTEgNi45MjAwMUM0OC4zODk0IDYuOTIwMDEgNDkuMjMyOCA3Ljc4OTgyIDQ5LjIzMjggOC44NjI3OFYxMC43OTM4QzQ5LjIzMjggOS43MjA4MiA1MC4wNzYxIDguODUxMDEgNTEuMTE2NCA4Ljg1MTAxQzUyLjE1NjcgOC44NTEwMSA1MyA5LjcyMDgyIDUzIDEwLjc5MzhWMTcuMzc1NkM1MyAxOC40ODc5IDUyLjYzNzggMTkuNTY3OSA1MS45NzE2IDIwLjQ0MjVDNDguNzc2NiAyNC42MzY1IDQyLjgyNDkgMjUuMjA5IDM4LjkzMzEgMjEuNjk2OEwzMy44NDc1IDE3LjIwNDZDMzIuODMzNiAxNi4yODk2IDMyLjcxMjcgMTQuNzA3NCAzMy41NzUyIDEzLjY0QzM0LjQ1MjYgMTIuNTU0MSAzNi4wMTczIDEyLjQwNzQgMzcuMDcwMSAxMy4zMTIzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ5LjIzMjggMTEuMzIxNFYxMC43OTM4TTQ5LjIzMjggMTAuNzkzOFY4Ljg2Mjc4QzQ5LjIzMjggNy43ODk4MiA0OC4zODk0IDYuOTIwMDEgNDcuMzQ5MSA2LjkyMDAxQzQ2LjMwODggNi45MjAwMSA0NS40NjU1IDcuNzg5ODIgNDUuNDY1NSA4Ljg2Mjc4TTQ5LjIzMjggMTAuNzkzOEM0OS4yMzI4IDkuNzIwODIgNTAuMDc2MSA4Ljg1MTAxIDUxLjExNjQgOC44NTEwMUM1Mi4xNTY3IDguODUxMDEgNTMgOS43MjA4MiA1MyAxMC43OTM4VjE3LjM3NTZDNTMgMTguNDg3OSA1Mi42Mzc4IDE5LjU2NzkgNTEuOTcxNiAyMC40NDI1QzQ4Ljc3NjYgMjQuNjM2NSA0Mi44MjQ5IDI1LjIwOSAzOC45MzMxIDIxLjY5NjhMMzMuODQ3NSAxNy4yMDQ2QzMyLjgzMzYgMTYuMjg5NiAzMi43MTI3IDE0LjcwNzQgMzMuNTc1MiAxMy42NEMzNC40NTI2IDEyLjU1NDEgMzYuMDE3MyAxMi40MDc0IDM3LjA3MDEgMTMuMzEyM0wzNy45MzEgMTMuOTExOFY4Ljg2Mjc5QzM3LjkzMSA3Ljc4OTgyIDM4Ljc3NDQgNi45MjAwMSAzOS44MTQ3IDYuOTIwMDFDNDAuODU0OSA2LjkyMDAxIDQxLjY5ODMgNy43ODk4MiA0MS42OTgzIDguODYyNzlWNy45NDI3OE00NS40NjU1IDExLjMyMTRWOC44NjI3OE00NS40NjU1IDguODYyNzhWNy45NDI3OEM0NS40NjU1IDYuODY5ODEgNDQuNjIyMiA2IDQzLjU4MTkgNkM0Mi41NDE2IDYgNDEuNjk4MyA2Ljg2OTgxIDQxLjY5ODMgNy45NDI3OE00MS42OTgzIDExLjMyMTRWNy45NDI3OCIgc3Ryb2tlPSIjNDVCOEE5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTY5IDEySDg1TTg1IDEyTDc3IDRNODUgMTJMNzcgMjAiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==);
}
@media (max-width: 600px) {
  .wp-block-gard-vision-core-avant-apres .avantapres-handle-grab {
    width: 90px;
    height: 42px;
  }
  .wp-block-gard-vision-core-avant-apres .avantapres-handle-grab-inner {
    height: 34px;
    width: 82px;
    background-size: 62px;
  }
}

/*# sourceMappingURL=style-index.css.map*/