.ks-image-compare{display:block;position:relative;isolation:isolate;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:var(--ks-compare-text, rgb(var(--color-foreground)));overflow:hidden}.ks-image-compare--premium-bg{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--ks-compare-bg-soft, #dff8f4) 78%,transparent),transparent 34%),radial-gradient(circle at 88% 74%,color-mix(in srgb,var(--ks-compare-accent, #0f766e) 12%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--ks-compare-bg, #f4fbfa) 96%,#ffffff),var(--ks-compare-bg, #f4fbfa))}.ks-image-compare .page-width{max-width:var(--ks-compare-page-width, initial);position:relative;z-index:1}@media screen and (min-width:750px){.ks-image-compare{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}}.ks-image-compare__header{max-width:900px;margin:0 auto clamp(28px,4vw,54px);text-align:center}.ks-image-compare__header--left{margin-left:0;text-align:left}.ks-image-compare__header--right{margin-right:0;text-align:right}.ks-image-compare__eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0 0 14px;padding:10px 18px;border-radius:999px;background:color-mix(in srgb,var(--ks-compare-accent-soft, #e8f6f4) 84%,#ffffff);color:var(--ks-compare-accent, #0f766e);font-size:clamp(11px,1.1vw,13px);font-weight:900;letter-spacing:.12em;line-height:1;text-transform:uppercase;box-shadow:0 12px 26px #0f766e0f}.ks-image-compare__title{margin:0;color:var(--ks-compare-text, #111827);font-size:clamp(32px,5vw,64px);font-weight:900;letter-spacing:-.055em;line-height:1.05}.ks-image-compare__subtitle{max-width:760px;margin:16px auto 0;color:var(--ks-compare-muted, #64748b);font-size:clamp(15px,1.45vw,18px);line-height:1.75}.ks-image-compare__header--left .ks-image-compare__subtitle,.ks-image-compare__header--right .ks-image-compare__subtitle{margin-left:0;margin-right:0}.ks-image-compare__subtitle p,.ks-image-compare__hint{margin:0}.ks-image-compare-content{display:block;position:relative}.ks-image-compare-content-only-img{width:100%}.ks-image-compare-content-left{display:flex;flex-direction:column;min-width:0}.ks-image-compare-content-right{padding:2rem 0 0;color:var(--ks-compare-text, rgb(var(--color-foreground)))}.ks-image-compare-component{display:block;width:100%}.ks-image-compare [data-image-compare]{position:relative;width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--ks-compare-border, #d9ece9) 92%,transparent);border-radius:var(--ks-compare-radius, 28px);background:var(--ks-compare-frame-bg, #ffffff);box-shadow:0 28px 70px rgba(15,78,72,calc(.16 * var(--ks-compare-shadow-opacity, .12))),0 0 0 1px #ffffff80 inset;transform:translateZ(0)}.ks-image-compare [data-image-compare] img{opacity:0;transition:opacity .4s ease-out}.ks-image-compare [data-image-compare].icv img{opacity:1}.ks-image-compare .icv__label{padding:.28rem 1rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:var(--icv-labels-font-size, .9rem)!important;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#0f172a8a;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 12px 24px #0f172a2e}.ks-image-compare--labels-top .icv__label{top:1rem!important;bottom:auto!important}.ks-image-compare--labels-center .icv__label{top:50%!important;bottom:auto!important;transform:translateY(-50%)}.ks-image-compare--labels-bottom .icv__label{top:auto!important;bottom:1rem!important}.ks-image-compare .icv__wrapper{z-index:2}.ks-image-compare .icv__control-line,.ks-image-compare .icv__circle{display:block}.ks-image-compare .icv__control{z-index:25}.ks-image-compare .icv__circle{box-shadow:0 0 0 8px color-mix(in srgb,var(--ks-icv-handle-glow, #0f766e) 14%,transparent),0 0 34px color-mix(in srgb,var(--ks-icv-handle-glow, #0f766e) 42%,transparent),0 12px 30px #0f172a38!important;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s ease}.ks-image-compare [data-image-compare]:is(:hover,:focus-within) .icv__circle,.ks-image-compare [data-image-compare].ks-icv-is-moving .icv__circle{transform:scale(1.06);box-shadow:0 0 0 10px color-mix(in srgb,var(--ks-icv-handle-glow, #0f766e) 18%,transparent),0 0 44px color-mix(in srgb,var(--ks-icv-handle-glow, #0f766e) 56%,transparent),0 16px 36px #0f172a40!important}.ks-image-compare .placeholder-content{width:100%;padding:4rem;border:1px dashed rgba(var(--color-foreground),.2);border-radius:var(--ks-compare-radius, var(--border-radius-base));background:color-mix(in srgb,var(--ks-compare-frame-bg, #ffffff) 88%,transparent);text-align:center}.ks-image-compare .spinner-container{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5;background:color-mix(in srgb,var(--ks-compare-frame-bg, #ffffff) 82%,transparent)}.ks-image-compare .spinner{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--ks-compare-accent, #0f766e) 22%,transparent);border-top-color:var(--ks-compare-accent, #0f766e);border-radius:50%;animation:ks-icv-spin .76s linear infinite}@keyframes ks-icv-spin{to{transform:rotate(360deg)}}.ks-image-compare__hint{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:center;margin-top:16px;padding:9px 15px;border:1px solid color-mix(in srgb,var(--ks-compare-border, #d9ece9) 70%,transparent);border-radius:999px;background:color-mix(in srgb,#ffffff 78%,var(--ks-compare-accent-soft, #e8f6f4));color:var(--ks-compare-accent, #0f766e);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 30px #0f4e4812}.ks-image-compare .ks-icv-effects{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .24s ease;mix-blend-mode:screen}.ks-image-compare .ks-icv-effects__sparkles,.ks-image-compare .ks-icv-effects__smoke{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .24s ease;will-change:transform,opacity,filter}.ks-image-compare .ks-icv-effects__sparkles:before,.ks-image-compare .ks-icv-effects__sparkles:after,.ks-image-compare .ks-icv-effects__smoke:before,.ks-image-compare .ks-icv-effects__smoke:after{content:"";position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;pointer-events:none}.ks-image-compare .ks-icv-effects__sparkles:before{background:radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) - 18%) calc(var(--ks-icv-pointer-y, 50%) - 18%),var(--ks-icv-sparkle-color, #facc15) 0 2px,transparent 3px),radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) - 8%) calc(var(--ks-icv-pointer-y, 50%) + 18%),rgba(255,255,255,.96) 0 2px,transparent 3px),radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) + 10%) calc(var(--ks-icv-pointer-y, 50%) - 6%),var(--ks-icv-sparkle-color, #facc15) 0 1.5px,transparent 3px),radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) - 26%) calc(var(--ks-icv-pointer-y, 50%) + 30%),rgba(255,255,255,.86) 0 1.5px,transparent 3px);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--ks-icv-sparkle-color, #facc15) 80%,transparent))}.ks-image-compare .ks-icv-effects__sparkles:after{background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.64) 48%,transparent 56% 100%),radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) - 2%) var(--ks-icv-pointer-y, 50%),color-mix(in srgb,var(--ks-icv-sparkle-color, #facc15) 48%,transparent) 0 .5%,transparent 16%);opacity:.82}.ks-image-compare .ks-icv-effects__smoke{mix-blend-mode:multiply}.ks-image-compare .ks-icv-effects__smoke:before{background:radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) + 18%) calc(var(--ks-icv-pointer-y, 50%) - 12%),color-mix(in srgb,var(--ks-icv-smoke-color, #111827) 42%,transparent) 0 8%,transparent 25%),radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) + 30%) calc(var(--ks-icv-pointer-y, 50%) + 12%),rgba(0,0,0,.28) 0 7%,transparent 23%),radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) + 8%) calc(var(--ks-icv-pointer-y, 50%) + 28%),rgba(15,23,42,.22) 0 6%,transparent 22%);filter:blur(14px)}.ks-image-compare .ks-icv-effects__smoke:after{background:radial-gradient(circle at calc(var(--ks-icv-pointer-x, 50%) + 14%) var(--ks-icv-pointer-y, 50%),color-mix(in srgb,var(--ks-icv-smoke-color, #111827) 22%,transparent) 0 10%,transparent 31%);filter:blur(22px)}.ks-image-compare [data-image-compare].ks-icv-effects-enabled.ks-icv-moving-left .ks-icv-effects,.ks-image-compare [data-image-compare].ks-icv-effects-enabled.ks-icv-moving-left .ks-icv-effects__sparkles,.ks-image-compare [data-image-compare].ks-icv-effects-enabled.ks-icv-moving-right .ks-icv-effects,.ks-image-compare [data-image-compare].ks-icv-effects-enabled.ks-icv-moving-right .ks-icv-effects__smoke{opacity:calc(.88 * var(--ks-icv-effect-intensity, 1))}.ks-image-compare [data-image-compare].ks-icv-effects-enabled.ks-icv-moving-left .ks-icv-effects__sparkles{animation:ks-icv-sparkle-drift .9s cubic-bezier(.22,1,.36,1) both}.ks-image-compare [data-image-compare].ks-icv-effects-enabled.ks-icv-moving-right .ks-icv-effects__smoke{animation:ks-icv-smoke-drift 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes ks-icv-sparkle-drift{0%{transform:translate(16px) scale(.98) rotate(-.5deg);filter:saturate(1) brightness(1)}55%{transform:translate(-8px) scale(1.04) rotate(.5deg);filter:saturate(1.3) brightness(1.15)}to{transform:translate(-20px) scale(1.01) rotate(0);filter:saturate(1) brightness(1)}}@keyframes ks-icv-smoke-drift{0%{transform:translate(-12px) scale(.98);filter:blur(7px)}55%{transform:translate(10px) scale(1.08);filter:blur(15px)}to{transform:translate(24px) scale(1.12);filter:blur(18px)}}@media(min-width:990px){.ks-image-compare-content{display:flex;align-items:center;gap:clamp(2rem,4vw,5rem)}.ks-image-compare-content-desktop-reversed{flex-direction:row-reverse}.ks-image-compare-content-left{width:56%;flex-shrink:0}.ks-image-compare-content-right{width:44%;padding:3rem}.ks-image-compare-content-only-img{width:min(100%,1120px);margin-inline:auto}}@media(max-width:749px){.ks-image-compare__title{font-size:clamp(30px,10vw,44px)}.ks-image-compare__eyebrow{padding:9px 14px;letter-spacing:.09em}.ks-image-compare [data-image-compare]{border-radius:min(var(--ks-compare-radius, 28px),24px)}.ks-image-compare__hint{width:fit-content;max-width:100%;font-size:11px;text-align:center}}@media(prefers-reduced-motion:reduce){.ks-image-compare *,.ks-image-compare *:before,.ks-image-compare *:after{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-image-compare.css.map */