.b-media-compare__inner{display:grid;position:relative;height:100%;overflow:visible}.b-media-compare__inner>*{grid-area:1 / 1}.b-media-compare__inner>.b-media-compare__wrapper{display:grid;place-content:center;border-radius:var(--border-radius-sm)}.b-media-compare__wrapper--before{mask:linear-gradient(to right,#000 0,var(--_pos,50%),#0000 0)}.b-media-compare__wrapper--after{mask:linear-gradient(to right,#0000 0,var(--_pos,50%),#000 0)}.b-media-compare__inner input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent;margin-left:-1rem;width:calc(100% + 2rem)}.b-media-compare__inner input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);inline-size:2px;height:0}.b-media-compare__inner input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);inline-size:2px;height:0}.b-media-compare__slider{position:absolute;left:var(--_pos,50%);background-color:var(--color-white);width:2px;height:100%}.b-media-compare__slider-handle{display:flex;position:absolute;top:50%;left:calc(var(--_pos, 50%) - 1rem);justify-content:center;align-items:center;transform:translateY(-50%);border:2px solid var(--color-white);border-radius:50%;background-color:color-mix(in sRGB,var(--color-darkblue-50) 90%,transparent);padding:4px;width:2rem;height:2rem}.b-media-compare__inner{color:var(--color-white)}