.image-comparison__header{margin-bottom:3rem}.image-comparison__title{margin:0}.image-comparison__subtitle{margin-top:1rem;margin-bottom:0;font-size:1.6rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.image-comparison__container{position:relative;overflow:hidden;width:100%;border-radius:16px;box-shadow:0 15px 40px #0000001f;background-color:#ebebeb;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin:0 auto;max-width:1200px}.image-comparison__wrapper{display:block}.image-comparison__wrapper--before{position:relative;width:100%;height:auto;z-index:1}.image-comparison__wrapper--after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;clip-path:inset(0 0 0 var(--exposure, 50%));pointer-events:none}.image-comparison__image{display:block;width:100%;pointer-events:none}.image-comparison__image--before{height:auto;max-height:650px;object-fit:cover}.image-comparison__image--after{height:100%;object-fit:cover}.image-comparison__label{position:absolute;bottom:2.4rem;padding:.8rem 1.6rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.15rem;border-radius:8px;color:#fff;box-shadow:0 8px 24px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3;pointer-events:none;transition:opacity .25s ease}.image-comparison__label--before{left:2.4rem;background-color:#dc3545d9;border:1px solid rgba(220,53,69,.3)}.image-comparison__label--after{right:2.4rem;background-color:#1cb076d9;border:1px solid rgba(28,176,118,.3)}.image-comparison--active .image-comparison__label{opacity:.4}.image-comparison__slider{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:col-resize;z-index:10;-webkit-appearance:none;appearance:none;background:transparent}.image-comparison__slider::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent}.image-comparison__slider::-moz-range-track{width:100%;height:100%;background:transparent}.image-comparison__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:100%;background:transparent}.image-comparison__slider::-moz-range-thumb{width:10px;height:100%;background:transparent;border:none}.image-comparison__divider-line{position:absolute;top:0;bottom:0;left:var(--exposure, 50%);width:3px;background-color:var(--line-color, #ffffff);transform:translate(-50%);z-index:4;pointer-events:none;box-shadow:0 0 12px #00000040;transition:width .15s ease}.image-comparison--active .image-comparison__divider-line{width:5px}.image-comparison__handle{position:absolute;top:50%;left:var(--exposure, 50%);width:48px;height:48px;border-radius:50%;background-color:var(--handle-color, #ed8022);border:4px solid var(--line-color, #ffffff);transform:translate(-50%,-50%);z-index:5;pointer-events:none;display:flex;justify-content:center;align-items:center;box-shadow:0 6px 16px #0000004d;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,background-color .2s ease}.image-comparison--active .image-comparison__handle{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 8px 24px #0006}.image-comparison--focused .image-comparison__handle{box-shadow:0 0 0 4px #ed802266,0 6px 16px #0000004d}.image-comparison__arrow{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:var(--line-color, #ffffff);transition:transform .2s ease}.image-comparison__arrow svg{width:100%;height:100%}.image-comparison__arrow--left{margin-right:1px}.image-comparison__arrow--right{margin-left:1px}.image-comparison--active .image-comparison__arrow--left{transform:translate(-3px)}.image-comparison--active .image-comparison__arrow--right{transform:translate(3px)}@media screen and (max-width:749px){.image-comparison__header{margin-bottom:2rem}.image-comparison__label{bottom:1.2rem;padding:.6rem 1.2rem;font-size:1rem;letter-spacing:.08rem;border-radius:6px}.image-comparison__label--before{left:1.2rem}.image-comparison__label--after{right:1.2rem}.image-comparison__image--before{max-height:420px}.image-comparison__handle{width:40px;height:40px;border-width:3px}.image-comparison__arrow{width:11px;height:11px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-comparison.css.map */