.image-lens-compare{background-color:var(--ilc-bg, var(--color-bg-primary));color:var(--ilc-text, var(--color-text-primary));width:100%;overflow:hidden}.image-lens-compare--padding{padding-top:var(--ilc-vertical-spacing, var(--section-pad-md))}.image-lens-compare__container{width:100%;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-12)}.image-lens-compare__header{max-width:var(--container-text);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}.image-lens-compare__header.text-left{margin-inline:0;align-items:flex-start}.image-lens-compare__header.text-center{align-items:center}.image-lens-compare__header.text-right{margin-inline:0 0 0 auto;align-items:flex-end;margin-left:auto}.image-lens-compare__label{color:var(--color-text-secondary)}.image-lens-compare__heading{margin:0}.image-lens-compare__description{color:var(--color-text-secondary);margin:0}.image-lens-compare__stage{position:relative;width:100%;height:90vh;overflow:hidden;border-radius:var(--radius-md);cursor:none;touch-action:none;background-color:var(--color-image-bg);--ilc-x: 50%;--ilc-y: 50%}.image-lens-compare__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.image-lens-compare__image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.image-lens-compare__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-image-bg)}.image-lens-compare__placeholder svg{width:100%;height:100%;object-fit:cover}.image-lens-compare__image--b{-webkit-mask-image:radial-gradient(circle calc(var(--ilc-lens-size, 320px) / 2) at var(--ilc-x, 50%) var(--ilc-y, 50%),rgba(0,0,0,1) 100%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle calc(var(--ilc-lens-size, 320px) / 2) at var(--ilc-x, 50%) var(--ilc-y, 50%),rgba(0,0,0,1) 100%,rgba(0,0,0,0) 100%);opacity:0;transition:opacity var(--duration-micro) var(--ease-editorial);will-change:-webkit-mask-image,mask-image}.image-lens-compare__stage[data-ilc-active] .image-lens-compare__image--b{opacity:1}.image-lens-compare__lens{position:absolute;top:var(--ilc-y, 50%);left:var(--ilc-x, 50%);width:var(--ilc-lens-size, 320px);height:var(--ilc-lens-size, 320px);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;will-change:top,left;border:1px solid rgba(255,255,255,var(--ilc-lens-border, .3));box-shadow:0 8px 40px rgba(0,0,0,var(--ilc-lens-shadow, .25)),inset 0 0 0 1px rgba(255,255,255,calc(var(--ilc-lens-border, .3) * .6)),inset 0 0 30px #ffffff14;opacity:0;transition:opacity var(--duration-micro) var(--ease-editorial)}.image-lens-compare__lens:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff2e,#fff0 60%);pointer-events:none}.image-lens-compare__stage[data-ilc-active] .image-lens-compare__lens{opacity:1}.image-lens-compare[data-ambient=true] .image-lens-compare__lens{animation:ilc-ambient-float 9s var(--ease-atmospheric) infinite}@keyframes ilc-ambient-float{0%,to{box-shadow:0 8px 40px rgba(0,0,0,var(--ilc-lens-shadow, .25)),inset 0 0 0 1px rgba(255,255,255,calc(var(--ilc-lens-border, .3) * .6)),inset 0 0 30px #ffffff14}50%{box-shadow:0 14px 56px rgba(0,0,0,calc(var(--ilc-lens-shadow, .25) * 1.2)),inset 0 0 0 1px rgba(255,255,255,calc(var(--ilc-lens-border, .3) * .6)),inset 0 0 30px #ffffff1f}}@media(max-width:1024px){.image-lens-compare__lens,.image-lens-compare__image--b{--ilc-lens-size: calc(var(--ilc-lens-size, 320px) * .85)}.image-lens-compare__stage{height:var(--ilc-stage-height-tablet, 70vh)}}@media(max-width:768px){.image-lens-compare__stage{height:var(--ilc-stage-height-mobile, 60vh);cursor:default}.image-lens-compare__lens,.image-lens-compare__image--b{--ilc-lens-size: calc(var(--ilc-lens-size, 320px) * .7)}.image-lens-compare__container{gap:var(--space-8)}}@media(prefers-reduced-motion:reduce){.image-lens-compare[data-ambient=true] .image-lens-compare__lens{animation:none}.image-lens-compare__image--b,.image-lens-compare__lens{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-image-lens-compare.css.map */
