.cmp__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.cmp__text{max-width:420px;margin-bottom:28px}.cmp__widget{display:block;--pos: 50%}.compare__frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--c-grey);touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;max-width:640px;margin-inline:auto}.cmp__layer{position:absolute;top:0;right:0;bottom:0;left:0}.cmp__layer img,.cmp__layer svg{width:100%;height:100%;object-fit:cover;pointer-events:none}.cmp__layer--b{clip-path:inset(0 0 0 var(--pos))}.cmp__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--c-white);pointer-events:none}.cmp__knob{position:absolute;top:50%;left:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;background:var(--c-white);color:var(--c-black);display:grid;place-items:center;box-shadow:0 6px 20px #00000040}.cmp__label{position:absolute;bottom:16px;background:var(--c-black);color:var(--c-white);font-size:10px;letter-spacing:.14em;font-weight:600;padding:6px 9px;pointer-events:none}.cmp__label--a{left:16px}.cmp__label--b{right:16px}.cmp__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}.cmp__range:focus-visible+*,.compare__frame:focus-within .cmp__knob{outline:2px solid var(--c-red);outline-offset:3px}@media(min-width:990px){.cmp__grid{grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,110px)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-image-compare.css.map */