.klb-compare{display:block!important;float:none!important;box-sizing:border-box;margin:24px auto!important;width:var(--klbc-width,100%)!important;max-width:100%!important;min-width:0;color:inherit}.klb-compare .klbc-viewport{position:relative;display:block;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:var(--klbc-ratio,3/2);border-radius:var(--klbc-radius,0px)!important;overflow:hidden;background:#f4f4f4}.klb-compare .klbc-viewport img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0;padding:0;border-radius:0!important;object-fit:contain;display:block}.klb-compare .klbc-image-b{visibility:hidden}.klb-compare.klbc-ready .klbc-image-b{visibility:visible}.klb-compare.klbc-ready[data-mode=slider] .klbc-image-a{clip-path:inset(0 calc(100% - var(--klbc-position,50%)) 0 0)}.klb-compare.klbc-ready:not([data-mode=slider]) .klbc-image-b{opacity:0}.klb-compare.klbc-ready:not([data-mode=slider])[data-state=b] .klbc-image-a{opacity:0}.klb-compare.klbc-ready:not([data-mode=slider])[data-state=b] .klbc-image-b{opacity:1}.klb-compare.klbc-ready[data-mode=slider] .klbc-viewport{touch-action:pan-y;cursor:ew-resize}.klb-compare.klbc-ready:not([data-mode=slider]) .klbc-viewport{cursor:pointer}.klb-compare .klbc-handle{position:absolute;top:0;bottom:0;left:var(--klbc-position,50%);width:2px;background:#fff;box-shadow:0 0 3px #333;pointer-events:none}.klb-compare .klbc-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#333;font:22px/1 system-ui;box-shadow:0 1px 6px #666}.klb-compare .klbc-controls{margin-top:10px;font-size:14px;line-height:1.4}.klb-compare .klbc-labels{display:flex;justify-content:space-between;gap:12px}.klb-compare .klbc-range-label{display:block;margin-top:8px;font-size:12px}.klb-compare .klbc-range{display:block;width:100%;margin-top:5px;accent-color:#8ca51d}.klb-compare .klbc-choice{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.klb-compare button{font:inherit;border:1px solid #8ca51d;border-radius:5px;padding:7px 12px;background:#fff;color:#50640e;cursor:pointer}.klb-compare button[aria-pressed=true]{background:#8ca51d;color:#fff}.klb-compare button:focus-visible,.klb-compare .klbc-viewport:focus-visible{outline:3px solid #8ca51d;outline-offset:3px}.klb-compare [hidden]{display:none!important}