.image-comparison__heading{text-align:center;margin-bottom:2rem}.section-spacing--compact{padding-block:2rem}.section-spacing--default{padding-block:4rem}.section-spacing--large{padding-block:6rem}.image-comparison{display:block}.image-comparison__frame{position:relative;width:100%;aspect-ratio:var(--aspect-ratio, 16/9);max-height:var(--max-height-desktop, 600px);overflow:hidden;border-radius:var(--border-radius, 0);-webkit-user-select:none;user-select:none;touch-action:pan-y}.image-comparison__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-comparison__layer img,.image-comparison__layer svg{width:100%;height:100%;display:block;object-fit:var(--image-fit, cover)}.image-comparison--fit-cover{--image-fit: cover}.image-comparison--fit-contain{--image-fit: contain}.image-comparison--fit-contain .image-comparison__layer img{background:rgba(var(--color-foreground),.04)}.image-comparison__layer--second{clip-path:inset(0 50% 0 0);will-change:clip-path}.image-comparison__layer--placeholder .placeholder-svg{width:100%;height:100%;background:rgba(var(--color-foreground),.04);border:1px dashed rgba(var(--color-foreground),.2)}.image-comparison__badge{position:absolute;bottom:1rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--badge-corner-radius, 2px);background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2}.image-comparison__badge--first{left:1rem}.image-comparison__badge--second{right:1rem}.image-comparison__divider{position:absolute;inset:0 auto 0 50%;width:2px;background:rgb(var(--color-background));cursor:ew-resize;z-index:3;transform:translate(-50%);will-change:left}.image-comparison__divider:after{content:"";position:absolute;top:0;right:-20px;bottom:0;left:-20px;background:transparent}.image-comparison__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border:none;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:ew-resize;box-shadow:0 2px 10px #00000026;transition:transform .2s ease,box-shadow .2s ease;z-index:4}.image-comparison__handle:hover,.image-comparison__handle:focus-visible{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 4px 16px #00000038}.image-comparison__handle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.image-comparison__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;pointer-events:none}.image-comparison__icon svg{width:100%;height:100%}@media(max-width:749px){.image-comparison__frame{max-height:var(--max-height-mobile, 500px)}}@media(prefers-reduced-motion:reduce){.image-comparison__layer--second,.image-comparison__divider{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-image-comparison.css.map */