.caddy-before-after{--caddy-compare-ink: #07192a;--caddy-compare-muted: #9aabb8;--caddy-compare-blue: #0875c9;--compare-slide-size: min(70vw, 340px);--compare-slide-height: calc(var(--compare-slide-size) * 1.25);--compare-slide-offset: calc(var(--compare-slide-size) * .44);--compare-transition: .68s cubic-bezier(.22, 1, .36, 1);--compare-track-height: var(--compare-slide-height);overflow-x:clip;overflow-y:visible;color:var(--caddy-compare-ink);background:radial-gradient(circle at 10% 0%,rgba(49,164,242,.08),transparent 24rem),#eef1f4}.caddy-before-after .page-width{width:calc(100% - 32px);max-width:100%;margin-inline:auto}.caddy-before-after__inner{padding-top:28px;padding-bottom:28px}.caddy-before-after__header{margin:0 auto 20px;text-align:center}.caddy-before-after__header h2{display:inline-block;margin:0;padding-inline:0;font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.065em;line-height:1}.caddy-before-after__heading-primary{color:var(--caddy-compare-muted)}.caddy-before-after__heading-secondary{color:var(--caddy-compare-ink)}.caddy-before-after__description{max-width:40rem;margin:.75rem auto 0;color:#07192aad;font-family:Montserrat,sans-serif;font-size:.88rem;line-height:1.45}.caddy-before-after__description p{margin:0}.caddy-before-after__carousel{position:relative;width:100%;max-width:100%;margin:0 auto;overflow-x:clip;overflow-y:visible}.caddy-before-after__viewport{overflow:visible;padding-inline:0}.caddy-before-after__track{position:relative;height:var(--compare-track-height);margin:0 auto;padding:0}.caddy-before-after__slide{position:absolute;top:0;left:50%;width:var(--compare-slide-size);margin:0;--slide-offset: 0;z-index:calc(10 - abs(var(--slide-offset)));opacity:calc(1 - (min(abs(var(--slide-offset)),4)/5));pointer-events:none;transform:translate(calc(-50% + var(--slide-offset) * var(--compare-slide-offset))) scale(calc(1 - (min(abs(var(--slide-offset)),4)*.06)));transition:transform var(--compare-transition),opacity var(--compare-transition);will-change:transform,opacity}.caddy-before-after__slide[data-state=active]{z-index:10;opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.caddy-before-after__slide[data-state=prev],.caddy-before-after__slide[data-state=next]{pointer-events:auto;cursor:pointer}.caddy-before-after__comparison{position:relative;width:100%;height:var(--compare-slide-height);margin:0 auto;overflow:hidden;box-sizing:border-box;border:7px solid #ffffff;border-radius:20px;background:#edf7fe;box-shadow:0 10px 28px #08264024;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow var(--compare-transition)}.caddy-before-after__slide[data-state=active] .caddy-before-after__comparison{box-shadow:0 14px 34px #0826402e}.caddy-before-after__slide:not([data-state=active]) .caddy-before-after__comparison:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#07192a4d;opacity:1;pointer-events:none;transition:opacity var(--compare-transition)}.caddy-before-after__slide[data-state=active] .caddy-before-after__comparison:after{opacity:0}.caddy-before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.caddy-before-after__image img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.caddy-before-after__image--after{z-index:1;clip-path:inset(0 0 0 var(--before-after-position))}.caddy-before-after__placeholder{display:grid;width:100%;height:100%;place-items:center;padding:2rem;color:#07192a94;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent),#edf7fe;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}.caddy-before-after__label{display:none}.caddy-before-after__handle{position:absolute;z-index:3;top:0;bottom:0;left:var(--before-after-position);display:flex;width:2px;align-items:center;justify-content:center;background:#fffffff2;box-shadow:0 0 11px #03233b2e;pointer-events:none;transform:translate(-50%)}.caddy-before-after__handle-icon{position:relative;z-index:1;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#07192a;background:#fff;box-shadow:0 6px 16px #03233b33}.caddy-before-after__handle-icon svg{display:block;width:34px;height:34px}.caddy-before-after__slide-title{display:none;margin:1rem 0 0;color:var(--caddy-compare-ink);font-family:Montserrat,sans-serif;font-size:clamp(1rem,2vw,1.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;text-align:center}.caddy-before-after__carousel-controls{display:flex;position:static;z-index:5;top:auto;right:auto;left:auto;align-items:center;justify-content:center;gap:8px;width:auto;margin-top:22px;margin-inline:auto;pointer-events:auto;transform:none}.caddy-before-after__carousel-arrow{display:grid;position:static;flex-shrink:0;width:30px;height:30px;place-items:center;padding:0;border:0;border-radius:0;color:var(--caddy-compare-ink);background:transparent;box-shadow:none;cursor:pointer;font:inherit;pointer-events:auto;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.caddy-before-after__carousel-arrow svg{display:block;width:30px;height:30px}.caddy-before-after__carousel-arrow-icon{display:block;width:30px;height:30px}.caddy-before-after__carousel-arrow:hover,.caddy-before-after__carousel-arrow:focus-visible{color:var(--caddy-compare-ink);background:transparent;border-color:transparent;transform:none}.caddy-before-after__carousel-arrow:focus-visible,.caddy-before-after__dot:focus-visible{outline:2px solid var(--caddy-compare-blue);outline-offset:4px}.caddy-before-after__dots{display:none}.caddy-before-after__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#07192a40;cursor:pointer}.caddy-before-after__dot.is-active{width:25px;border-radius:16px;background:var(--caddy-compare-blue)}.caddy-before-after__range-label{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:block;cursor:ew-resize}.caddy-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0;-webkit-appearance:none;appearance:none}.caddy-before-after__range::-webkit-slider-thumb{width:48px;height:100%;cursor:ew-resize;-webkit-appearance:none;appearance:none}.caddy-before-after__range::-moz-range-thumb{width:48px;height:100%;cursor:ew-resize;border:0;border-radius:0}.caddy-before-after__range:focus-visible{opacity:.01;outline:2px solid var(--caddy-compare-blue);outline-offset:-4px}.caddy-before-after__empty{text-align:center;font-family:Montserrat,sans-serif;font-size:14px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;padding:0!important;border:0!important;margin:-1px!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}@media screen and (min-width:750px){.caddy-before-after{overflow:hidden;--compare-slide-size: 400px;--compare-slide-height: 500px;--compare-slide-offset: 243px;--compare-track-height: calc(var(--compare-slide-height) + 2.5rem)}.caddy-before-after .page-width{width:min(calc(100% - 80px),1440px);max-width:none}.caddy-before-after__inner{padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(2.5rem,5vw,5rem)}.caddy-before-after__header{margin-bottom:clamp(1.5rem,3vw,2.4rem)}.caddy-before-after__header h2{font-size:48px;padding-inline:.85rem}.caddy-before-after__carousel{width:min(100%,1000px);max-width:none;overflow:visible}.caddy-before-after__viewport{overflow:hidden;padding-inline:12px}.caddy-before-after__track{padding:unset}.caddy-before-after__slide[data-state=prev],.caddy-before-after__slide[data-state=next]{opacity:calc(1 - (min(abs(var(--slide-offset)),4)*.12))}.caddy-before-after__comparison{border-width:8px;border-radius:16px;box-shadow:0 8px 26px #0826401f}.caddy-before-after__slide[data-state=active] .caddy-before-after__comparison{box-shadow:0 12px 32px #08264029}.caddy-before-after__slide:not([data-state=active]) .caddy-before-after__comparison:after{background:#07192a6b}.caddy-before-after__handle-icon{width:37px;height:37px}.caddy-before-after__handle-icon svg{width:34px;height:34px}.caddy-before-after__slide-title{display:block}.caddy-before-after__carousel-controls{position:absolute;top:50%;right:-40px;left:-40px;justify-content:space-between;width:auto;margin-top:0;margin-inline:0;pointer-events:none;transform:translateY(-50%)}.caddy-before-after__carousel-arrow{position:static;flex-shrink:unset;box-shadow:unset}}@media screen and (min-width:1200px){.caddy-before-after .page-width{width:min(calc(100% - 184px),1440px)}.caddy-before-after__carousel-controls{right:-56px;left:-56px}}@media(prefers-reduced-motion:reduce){.caddy-before-after *,.caddy-before-after *:before,.caddy-before-after *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/caddy-before-after.css.map */