.f47-comparison{max-width:var(--f47-max-width, 1400px);margin-inline:auto;padding:var(--f47-space, 36px) 20px;color:inherit}.f47-comparison__heading{text-align:center;margin:0 0 24px}f47-image-compare{display:block}.f47-comparison__stage{position:relative;aspect-ratio:var(--f47-ratio, 1.5);overflow:hidden;background:#fff;isolation:isolate;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.f47-comparison__stage:focus-within{outline:3px solid currentColor;outline-offset:4px}.f47-comparison__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center!important;pointer-events:none}.f47-comparison__after{position:absolute;top:0;right:0;bottom:0;left:0}.f47-comparison__before{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--f47-position, 50%)) 0 0)}.f47-comparison__label{position:absolute;top:16px;z-index:2;max-width:42%;padding:8px 12px;background:#141414;color:#fff;font:600 13px/1.2 sans-serif;letter-spacing:.04em;overflow-wrap:anywhere;pointer-events:none}.f47-comparison__label--before{left:16px}.f47-comparison__label--after{right:16px}.f47-comparison__divider{position:absolute;top:0;bottom:0;left:var(--f47-position, 50%);width:2px;transform:translate(-50%);background:#fff;box-shadow:0 0 0 1px #0006;z-index:3;pointer-events:none}.f47-comparison__handle{position:absolute;left:clamp(26px,var(--f47-position, 50%),calc(100% - 26px));top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:#151515;color:#fff;display:flex;align-items:center;justify-content:space-evenly;box-shadow:0 2px 10px #0005;font:400 30px/1 sans-serif;z-index:4;pointer-events:none}.f47-comparison__range{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%;opacity:0;pointer-events:none;touch-action:pan-y;z-index:5}.f47-comparison__help,.f47-comparison__caption{margin:12px 0 0;text-align:center;font-size:13px;line-height:1.5}.f47-comparison__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.f47-comparison{padding-inline:12px}.f47-comparison__label{top:10px;padding:6px 8px;font-size:11px}.f47-comparison__label--before{left:10px}.f47-comparison__label--after{right:10px}}.f47-comparison .f47-comparison__image{margin:0!important;max-width:100%;height:100%}.f47-comparison [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/40/assets/f47-image-compare.css.map */
