.juxtapose__container{display:grid;place-content:center;position:relative;overflow:hidden;--position: 50%}.juxtapose__slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:col-resize}.juxtapose__image{display:block;max-width:100%;width:100%;height:100%;object-fit:cover;object-position:left}.juxtapose__image--first{position:absolute;top:0;right:0;bottom:0;left:0;width:var(--position)}.juxtapose__sliderLine{position:absolute;top:0;right:0;bottom:0;left:0;width:4px;height:100%;background-color:#fff;left:var(--position);transform:translate(-50%);pointer-events:none}.juxtapose__sliderHandle{position:absolute;background-color:#fff;color:#292929;padding:16.2px 8.7px;border-radius:100vw;place-items:center;top:50%;opacity:.8;left:var(--position);transform:translate(-50%,-50%);pointer-events:none;display:flex}.juxtapose__sliderIcon{opacity:.8}.juxtapose__slider:focus-visible~.slider_button{outline:5px solid var(--blue);outline-offset:3px}.juxtapose__slider{width:100%;height:100%}