.cmp{display:grid;margin:0}.cmp-box{position:relative;aspect-ratio:var(--ar);overflow:hidden;background:var(--paper-2);touch-action:pan-y;user-select:none;-webkit-user-select:none}.cmp[data-ready] .cmp-box{cursor:ew-resize}.cmp-box img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.cmp-b{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.cmp-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--paper);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 55%,transparent);pointer-events:none}.cmp-knob{position:absolute;top:50%;left:50%;display:none;place-items:center;width:40px;height:40px;transform:translate(-50%,-50%);border:1px solid var(--ink);background:var(--paper);color:var(--ink)}.cmp[data-ready] .cmp-knob{display:grid}.cmp-knob svg{width:20px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square}.cmp-box:has(.cmp-range:focus-visible) .cmp-knob{outline:2px solid var(--red);outline-offset:2px}.cmp-tag{position:absolute;top:12px;padding:4px 8px 3px;border:1px solid var(--ink);background:var(--paper);font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);pointer-events:none}.cmp-tag-b{left:12px}.cmp-tag-a{right:12px}.cmp-range{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:699px){.cmp-tag{top:8px;padding:3px 6px 2px;font-size:10px}.cmp-tag-b{left:8px}.cmp-tag-a{right:8px}.cmp-knob{width:34px;height:34px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/page-compare.css.map */