.cb-compare-section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,3.8vw,58px) 0 clamp(32px,3.2vw,48px);color:#101712;box-shadow:inset 0 1px #18481e1c,inset 0 -1px #18481e1c}.cb-compare-section:before,.cb-compare-section:after{position:absolute;z-index:0;content:"";pointer-events:none}.cb-compare-section:before{top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 11% 18%,rgba(194,151,91,.22) 0,transparent 30%),radial-gradient(circle at 86% 60%,rgba(82,177,65,calc(.12 + var(--cb-compare-glow) * .22)) 0,transparent 34%),linear-gradient(116deg,transparent 0 43%,rgba(255,255,255,.74) 49%,transparent 56%),repeating-linear-gradient(135deg,rgba(23,61,29,.035) 0 1px,transparent 1px 28px);background-size:100% 100%,100% 100%,165% 165%,56px 56px;will-change:transform,background-position;animation:cb-compare-ambient-drift 18s ease-in-out infinite alternate}.cb-compare-section:after{top:50%;right:-10%;width:min(52vw,700px);aspect-ratio:1;border-radius:50%;background:rgba(82,177,65,calc(.16 + var(--cb-compare-glow) * .24));filter:blur(86px);transform:translateY(-50%);will-change:transform,opacity;animation:cb-compare-ambient-orb 13s ease-in-out infinite alternate}.cb-compare-ambient{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cb-compare-ambient__aurora,.cb-compare-ambient__product,.cb-compare-ambient__depth,.cb-compare-ambient__spotlight,.cb-compare-ambient__sweep{position:absolute;display:block;pointer-events:none;will-change:transform,opacity}.cb-compare-ambient__product{top:54%;left:58%;width:min(76vw,var(--cb-product-accent-width, 950px));aspect-ratio:1419 / 1108;opacity:var(--cb-product-accent-opacity, .1);filter:grayscale(1) contrast(.82) blur(.35px);mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse at center,#000 28%,rgba(0,0,0,.78) 58%,transparent 84%);mask-image:radial-gradient(ellipse at center,#000 28%,rgba(0,0,0,.78) 58%,transparent 84%);transform:translate(-50%,-50%) rotate(-8deg) scale(.96);animation:cb-compare-product-float 19s ease-in-out infinite alternate}.cb-compare-ambient__product img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.cb-compare-ambient__aurora{border-radius:50%;filter:blur(68px);mix-blend-mode:multiply}.cb-compare-ambient__aurora--warm{top:-34%;left:-18%;width:min(72vw,980px);aspect-ratio:1.22;background:radial-gradient(ellipse,rgba(226,180,111,.76) 0,rgba(232,201,153,.42) 42%,transparent 73%);opacity:var(--cb-compare-warm-opacity, .58);animation:cb-compare-aurora-warm 22s ease-in-out infinite alternate}.cb-compare-ambient__aurora--green{top:4%;right:-22%;width:min(68vw,920px);aspect-ratio:1.08;background:radial-gradient(ellipse,rgba(84,204,64,.72) 0,rgba(124,218,105,.36) 43%,transparent 72%);opacity:var(--cb-compare-green-opacity, .66);animation:cb-compare-aurora-green 17s ease-in-out infinite alternate}.cb-compare-ambient__aurora--mint{bottom:-46%;left:27%;width:min(58vw,780px);aspect-ratio:1.35;background:radial-gradient(ellipse,rgba(191,238,179,.72) 0,rgba(223,246,217,.33) 44%,transparent 72%);opacity:.7;animation:cb-compare-aurora-mint 26s ease-in-out infinite alternate}.cb-compare-ambient__depth{top:-44%;right:-44%;bottom:-44%;left:-44%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 50px,rgba(26,86,34,.055) 51px 52px);opacity:.58;transform:rotate(-11deg) scale(1.08);animation:cb-compare-depth-parallax 32s linear infinite}.cb-compare-ambient__spotlight{top:-16%;bottom:-16%;left:var(--cb-compare-position);width:clamp(150px,17vw,280px);background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.16) 18%,rgba(255,255,255,.72) 50%,rgba(207,250,196,.21) 79%,transparent 100%);filter:blur(15px);opacity:.8;transform:translate(-50%) skew(-8deg);transition:left .16s ease-out;animation:cb-compare-spotlight-breathe 5.4s ease-in-out infinite}.cb-compare-ambient__sweep{top:-25%;bottom:-25%;left:-30%;width:clamp(120px,16vw,260px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);filter:blur(10px);opacity:0;transform:translateZ(0) skew(-14deg);animation:cb-compare-showroom-sweep 11s ease-in-out infinite}@keyframes cb-compare-aurora-warm{0%{transform:translate3d(-4%,-3%,0) scale(.92) rotate(-4deg)}52%{transform:translate3d(10%,12%,0) scale(1.12) rotate(3deg)}to{transform:translate3d(4%,19%,0) scale(1.02) rotate(-1deg)}}@keyframes cb-compare-aurora-green{0%{transform:translate3d(7%,-8%,0) scale(.93) rotate(2deg)}48%{transform:translate3d(-13%,9%,0) scale(1.11) rotate(-5deg)}to{transform:translate3d(-5%,18%,0) scale(1.02) rotate(3deg)}}@keyframes cb-compare-aurora-mint{0%{transform:translate3d(-11%,7%,0) scale(.9)}50%{transform:translate3d(9%,-8%,0) scale(1.08)}to{transform:translate3d(17%,-1%,0) scale(.98)}}@keyframes cb-compare-depth-parallax{0%{transform:translate3d(-1%,0,0) rotate(-11deg) scale(1.08)}50%{transform:translate3d(2%,-1%,0) rotate(-5deg) scale(1.13)}to{transform:translate3d(-1%,0,0) rotate(-11deg) scale(1.08)}}@keyframes cb-compare-spotlight-breathe{0%,to{opacity:.5;transform:translate(-50%) skew(-8deg) scaleX(.82)}50%{opacity:.9;transform:translate(-50%) skew(-8deg) scaleX(1.12)}}@keyframes cb-compare-showroom-sweep{0%,22%{opacity:0;transform:translateZ(0) skew(-14deg)}31%{opacity:.72}62%{opacity:.5}72%,to{opacity:0;transform:translate3d(160vw,0,0) skew(-14deg)}}@keyframes cb-compare-product-float{0%{transform:translate(-52%,-51%) rotate(-9deg) scale(.94)}50%{transform:translate(-48%,-49%) rotate(-6deg) scale(1)}to{transform:translate(-50%,-47%) rotate(-8deg) scale(.97)}}@keyframes cb-compare-ambient-drift{0%{background-position:0 0,0 0,-28% 50%,0 0;transform:translate3d(-1.5%,-1%,0) scale(1.02)}50%{background-position:0 0,0 0,46% 50%,28px 28px;transform:translate3d(1%,1.5%,0) scale(1.055)}to{background-position:0 0,0 0,112% 50%,56px 56px;transform:translate3d(-.5%,2%,0) scale(1.035)}}@keyframes cb-compare-ambient-orb{0%{opacity:var(--cb-compare-green-field-low, .72);transform:translate3d(0,-54%,0) scale(.94)}55%{opacity:var(--cb-compare-green-field-high, 1);transform:translate3d(-7%,-48%,0) scale(1.08)}to{opacity:var(--cb-compare-green-field-low, .82);transform:translate3d(3%,-44%,0) scale(1.01)}}.cb-compare-section>.cb-wrap{position:relative;z-index:2}.cb-compare-heading{max-width:860px;margin:0 auto 24px;text-align:center}.cb-compare-heading h2{margin:8px 0 12px;color:var(--cb-compare-heading-color, #101712)!important;font-size:var(--cb-compare-heading-size, 64px)!important;font-weight:var(--cb-compare-heading-weight, 700)!important;line-height:var(--cb-compare-heading-line-height, 1)!important;letter-spacing:-.048em;text-align:var(--cb-compare-heading-align, center)!important}.cb-compare-heading h2 a,.cb-compare-heading h2 em,.cb-compare-heading h2 strong{color:inherit}.cb-compare-intro{color:#526057;font-size:18px;line-height:1.5}.cb-compare-intro p{margin:0}.cb-compare-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,4vw,64px)}.cb-compare-layout--single{grid-template-columns:minmax(0,1fr)}.cb-compare-layout__comparison{min-width:0}.cb-compare{display:block;width:min(100%,var(--cb-compare-max-width));margin-inline:auto}.cb-compare-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:4 / 3;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none}.cb-compare-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.cb-compare-layer--after{z-index:1;clip-path:inset(0 0 0 var(--cb-compare-position))}.cb-compare-layer--before{z-index:2;clip-path:inset(0 calc(100% - var(--cb-compare-position)) 0 0)}.cb-compare-layer img{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 28px rgba(7,18,9,calc(.1 + var(--cb-compare-glow) * .24)))}.cb-compare-pad-glow{position:absolute;z-index:0;display:block;width:17%;aspect-ratio:1.12;border-radius:50%;background:radial-gradient(ellipse,#70e251e6 0,#4cbb358a 34%,#4cbb3500 72%);filter:blur(12px);pointer-events:none;animation:cb-compare-pad-pulse 4.8s ease-in-out infinite}.cb-compare-pad-glow--far{top:49%;left:47%;width:15%}.cb-compare-pad-glow--near{top:49%;left:60%;width:20%}@keyframes cb-compare-pad-pulse{0%,to{opacity:var(--cb-compare-pad-glow-low, calc(.34 + var(--cb-compare-glow) * .28));filter:blur(11px);transform:scale(var(--cb-compare-pad-glow-scale-low, .96))}50%{opacity:var(--cb-compare-pad-glow-high, calc(.62 + var(--cb-compare-glow) * .28));filter:blur(17px);transform:scale(var(--cb-compare-pad-glow-scale-high, 1.08))}}.cb-compare-badge{position:absolute;z-index:4;top:22px;display:inline-flex;align-items:center;min-height:40px;padding:9px 15px;border:1px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;background:#070d09c7;box-shadow:0 10px 30px #08120a26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:15px;font-weight:850;line-height:1.2;letter-spacing:.02em;transition:transform .28s ease,opacity .28s ease,box-shadow .28s ease}.cb-compare-badge--before{left:22px;opacity:var(--cb-compare-before-opacity, 1);transform:scale(var(--cb-compare-before-scale, 1));transform-origin:top left}.cb-compare-badge--after{right:22px;color:#102313;border-color:#36882b6b;background:#69c252f0;opacity:var(--cb-compare-after-opacity, 1);transform:scale(var(--cb-compare-after-scale, 1));transform-origin:top right}.cb-compare.is-before-dominant .cb-compare-badge--before,.cb-compare.is-after-dominant .cb-compare-badge--after{box-shadow:0 13px 36px #08120a3d,0 0 0 5px #65bd5021}.cb-compare-divider{position:absolute;z-index:5;top:2%;bottom:2%;left:var(--cb-compare-position);width:3px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0f271333,0 0 30px #52b1416b;transform:translate(-50%);pointer-events:none}.cb-compare-handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:62px;height:62px;border:4px solid #fff;border-radius:50%;color:#102313;background:#65bd50;box-shadow:0 12px 34px #0613084d,0 0 0 8px #65bd502e;transform:translate(-50%,-50%);isolation:isolate}.cb-compare-handle:before,.cb-compare-handle:after{position:absolute;z-index:-1;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(79,177,59,.6);border-radius:50%;content:"";opacity:0;animation:cb-compare-idle-ripple 3.8s ease-out infinite}.cb-compare-handle:after{animation-delay:1.9s}.cb-compare-handle svg{width:30px;height:30px;transform-origin:center;will-change:transform;animation:cb-compare-arrow-nudge 3.6s cubic-bezier(.45,0,.25,1) infinite}.cb-compare-stage:hover .cb-compare-handle svg,.cb-compare.is-interacting .cb-compare-handle svg{animation-play-state:paused}.cb-compare-stage:hover .cb-compare-handle:before,.cb-compare-stage:hover .cb-compare-handle:after,.cb-compare.is-interacting .cb-compare-handle:before,.cb-compare.is-interacting .cb-compare-handle:after{animation-play-state:paused;opacity:0}.cb-compare-section.is-interacting:before,.cb-compare-section.is-interacting:after,.cb-compare-section.is-interacting .cb-compare-ambient__aurora,.cb-compare-section.is-interacting .cb-compare-ambient__product,.cb-compare-section.is-interacting .cb-compare-ambient__depth,.cb-compare-section.is-interacting .cb-compare-ambient__spotlight,.cb-compare-section.is-interacting .cb-compare-ambient__sweep{animation-play-state:paused}@keyframes cb-compare-arrow-nudge{0%,14%,86%,to{transform:translate(0)}30%{transform:translate(-6px)}50%{transform:translate(0)}70%{transform:translate(6px)}}@keyframes cb-compare-idle-ripple{0%{opacity:0;transform:scale(.82)}18%{opacity:.48}72%,to{opacity:0;transform:scale(1.48)}}.cb-compare-range{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}.cb-compare-range:focus-visible+*{outline:none}.cb-compare-stage:focus-within .cb-compare-handle{outline:3px solid #102313;outline-offset:5px}.cb-compare-hint{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0 0;color:#435047;font-size:16px;font-weight:750;line-height:1.4}.cb-compare-hint span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(63,151,50,.34);border-radius:50%;color:#276f24;background:#ffffffb8}.cb-compare-action{display:flex;justify-content:center;margin-top:20px}.cb-compare-product-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(94,116,96,.22);border-radius:22px;background:radial-gradient(circle at 72% 18%,rgba(101,189,80,.12),transparent 38%),linear-gradient(145deg,#fffffffa,#f9f6eefa);box-shadow:0 26px 64px #233b2724,0 0 42px #52b1411a}.cb-compare-product-panel:after{position:absolute;z-index:1;top:0;right:0;bottom:62px;left:0;content:"";pointer-events:none;background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.44) 46%,transparent 70%);opacity:.38}.cb-compare-product-panel__image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:4 / 3;padding:clamp(14px,1.6vw,24px)}.cb-compare-product-panel__image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.cb-compare-product-panel__button{position:relative;z-index:2;flex:0 0 62px;width:100%;min-width:0;min-height:62px;margin:0;border:0;border-top:1px solid rgba(23,100,47,.28);border-radius:0;box-shadow:inset 0 1px #ffffff38,0 -10px 28px #145d2d1f}.cb-compare-product-panel__button:hover{transform:none;box-shadow:inset 0 1px #ffffff47,0 -12px 32px #145d2d2e}@media(max-width:749px){.cb-compare-section{padding:42px 0 36px}.cb-compare-heading{margin-bottom:20px}.cb-compare-layout{grid-template-columns:1fr;gap:26px}.cb-compare-ambient__product{top:57%;left:55%;width:110vw;opacity:min(var(--cb-product-accent-opacity, .1),.065)}.cb-compare-heading h2{font-size:var(--cb-compare-heading-mobile-size, 46px)!important}.cb-compare-intro{font-size:17px}.cb-compare-stage{width:calc(100% + 14px);margin-left:-7px}.cb-compare-badge{top:10px;min-height:34px;padding:7px 10px;font-size:13px}.cb-compare-badge--before{left:10px}.cb-compare-badge--after{right:10px}.cb-compare-handle{width:52px;height:52px}.cb-compare-handle svg{width:25px;height:25px}.cb-compare-product-panel{width:min(100%,620px);margin-inline:auto}.cb-compare-product-panel__button{min-height:52px;min-width:0;padding-inline:22px}}@media(prefers-reduced-motion:reduce){.cb-compare-layer--before,.cb-compare-layer--after,.cb-compare-divider{transition:none}.cb-compare-pad-glow{animation:none}.cb-compare-section:before,.cb-compare-section:after,.cb-compare-ambient__aurora,.cb-compare-ambient__product,.cb-compare-ambient__depth,.cb-compare-ambient__spotlight,.cb-compare-ambient__sweep,.cb-compare-handle svg,.cb-compare-handle:before,.cb-compare-handle:after{animation:none}.cb-compare-ambient__spotlight,.cb-compare-badge{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/cart-buddy-image-comparison.css.map */
