.split-swatch-face{display:block;position:relative;width:100%;height:100%;overflow:hidden}.split-swatch-face__half{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}.split-swatch-face__half--left{left:0}.split-swatch-face__half--right{right:0}.split-swatch-face__fill{position:absolute;top:0;height:100%;width:200%;max-width:none;background-repeat:no-repeat;background-size:cover;background-position:50%}.split-swatch-face__half--left .split-swatch-face__fill{left:0}.split-swatch-face__half--right .split-swatch-face__fill{right:0}