body{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill-opacity=".025" d="M1 2V0h1v1H0v1z"/></svg>');background-size:20px 20px;display:grid;height:100vh;margin:0;position:relative}body,html{height:-webkit-fill-available}.compare-root,.two-up{bottom:0;height:-webkit-fill-available;left:0;position:absolute;right:0;top:0}.pinch-zoom{align-items:center;display:grid;justify-items:center}@media (max-width:550px){.choice-left{top:10px}.choice-left,.choice-right{left:50%;position:absolute;transform:translateX(-50%)}.choice-right{bottom:10px}}@media (min-width:550px){.choice-left{left:10px;position:absolute;top:10px}.choice-right{position:absolute;right:10px;top:10px}}@keyframes loading-fade-in{0%{animation-timing-function:ease-in-out;opacity:0}}.img-container{position:relative}.img-container.loading:after{animation:loading-fade-in .3s;background:rgba(0,0,0,.62);bottom:0;content:"";left:0;position:absolute;right:0;top:0}