@font-face {
  font-family: PFCLCompareBody;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2") format("woff2"),
       url("https://fonts.shopifycdn.com/ibm_plex_sans/ibmplexsans_n4.6c6923eb6151e62a09e8a1ff83eaa1ce2a563a30.woff") format("woff");
}
@font-face {
  font-family: PFCLCompareBody;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://fonts.shopifycdn.com/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2") format("woff2"),
       url("https://fonts.shopifycdn.com/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff") format("woff");
}

@font-face{font-family:PFCLCompareHeading;font-weight:400;font-style:normal;font-display:swap;src:url("https://fonts.shopifycdn.com/archivo_black/archivoblack_n4.b08d53f45e5ceb17a38677219b15fcdd9c5f3519.woff2") format("woff2")}
.pf-cl-results{display:block;width:100%;max-width:100%;margin:0 auto;padding:40px 20px;background:#fff;color:#1a1a1a;font-family:PFCLCompareBody,"IBM Plex Sans",sans-serif;box-sizing:border-box}
.pf-cl-results *,.pf-cl-results *::before,.pf-cl-results *::after{box-sizing:border-box}
.pf-cl-results__inner{width:100%;max-width:900px;margin:0 auto}
.pf-cl-results__heading{margin:0 0 24px!important;text-align:center;color:#1a1a1a!important;font-family:PFCLCompareHeading,"Archivo Black",sans-serif!important;font-size:clamp(28px,4vw,42px)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:.02em!important}
.pf-cl-results__compare{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f2f0ed;isolation:isolate;touch-action:pan-y}
.pf-cl-results__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border:0;border-radius:0;filter:none}
.pf-cl-results__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pf-cl-position,50%))}
.pf-cl-results__after .pf-cl-results__image{left:0}
.pf-cl-results__label{position:absolute;top:16px;z-index:2;padding:8px 12px;background:#fff;color:#1a1a1a;font-size:12px;font-weight:600;line-height:1;letter-spacing:.1em;text-transform:uppercase}
.pf-cl-results__label--before{left:16px}.pf-cl-results__label--after{right:16px}
.pf-cl-results__divider{position:absolute;top:0;bottom:0;left:var(--pf-cl-position,50%);z-index:3;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none}
.pf-cl-results__handle{position:absolute;top:50%;left:var(--pf-cl-position,50%);z-index:4;display:flex;width:48px;height:48px;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid #1a1a1a;border-radius:50%;background:#fff;color:#1a1a1a;transform:translate(-50%,-50%);cursor:ew-resize;touch-action:none}
.pf-cl-results__handle:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}.pf-cl-results__handle svg{width:20px;height:20px}
@media(max-width:749px){.pf-cl-results{padding:30px 16px}.pf-cl-results__heading{margin-bottom:18px!important}.pf-cl-results__compare{aspect-ratio:1/1}.pf-cl-results__label{top:10px;padding:7px 9px;font-size:10px}.pf-cl-results__label--before{left:10px}.pf-cl-results__label--after{right:10px}.pf-cl-results__handle{width:42px;height:42px}}