.g-image-comparator{font-size:16px;width:100%}.g-image-comparator__content,.g-image-comparator__component{flex-grow:1;flex-shrink:1;flex-basis:0}.g-image-comparator__content{margin-bottom:1em}.g-image-comparator__button-container{margin-top:1em}.g-image-comparator__component{position:relative;border:1px solid #b2b2b2;overflow:hidden}.g-image-comparator__component::before{content:'';display:block;width:100%}.g-image-comparator__component::before,.g-image-comparator__content+.g-image-comparator__component::before{padding-top:calc(1 * 100 / 1.5 * 1%)}.g-image-comparator__image-front,.g-image-comparator__image-back{max-width:100%;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:auto;background-position:center;background-size:cover;background-repeat:no-repeat}.g-image-comparator__image-back img,.g-image-comparator__image-front img{opacity:0;position:absolute}.g-image-comparator__handle-container{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:50%;transform:translateX(-50%);width:50px;height:100%;cursor:pointer}.g-image-comparator__handle-container img{width:auto;height:auto;max-width:20px;user-select:none}.g-image-comparator__handle-container::before{content:'';display:block;width:1px;height:100%;position:absolute;left:50%;transform:translateX(-50%);top:0;background-color:#127ec2}.g-image-comparator__handle{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #127ec2;background-color:white;box-shadow:0 15px 20px rgba(0,0,0,.1);border-radius:25px}.g-image-comparator__handle-label{position:absolute;white-space:nowrap;left:50%;bottom:-15px;transform:translate(-50%,100%);font-size:.75em;color:#7f7f7f;user-select:none}@media screen and (min-width:1024px){.g-image-comparator{display:flex;align-items:center;justify-content:flex-start}.g-image-comparator--inverted{flex-direction:row-reverse}.g-image-comparator__content{flex-grow:1;margin-bottom:0;margin-right:2em}.g-image-comparator--inverted .g-image-comparator__content{margin-left:2em}.g-image-comparator__component{flex-grow:2}.g-image-comparator__component::before{padding-top:calc(1 * 100 / 1.5 * 1%)}}