.icv{ position:relative; overflow:hidden; cursor:row-resize } .icv__icv--vertical{ cursor:row-resize } .icv__icv--horizontal{ cursor:col-resize } .icv__img{ pointer-events:none; -o-user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; max-width:none; width:100%; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; top:0; display:block } .icv__is--fluid .icv__img{ display:none } .icv__img-a{ height:auto; position:static; z-index:1; left:0px } .icv__img-b{ height:100%; position:absolute; z-index:2; left:auto; right:0px; width:auto } .icv__icv--vertical .icv__img-b{ width:100%; height:auto } .icv__imposter{ z-index:4; position:absolute; top:0px; left:0px; width:100%; height:100% } .icv__wrapper{ position:absolute; width:100%; height:100%; right:0px; top:0px; overflow:hidden; background-size:cover; background-position:center center; z-index:3 } .icv__is--fluid .icv__wrapper,.icv__icv--vertical .icv__wrapper{ width:100% !important } .icv__is--fluid .icv__wrapper,.icv__icv--horizontal .icv__wrapper{ height:100% !important } .icv__fluidwrapper{ background-size:cover; background-position:center; position:absolute; top:0; left:0; width:100%; height:100% } .icv__control{ position:absolute; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-sizing:border-box; box-sizing:border-box; height:100%; top:0px; z-index:5 } .icv__icv--vertical .icv__control{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; left:0; width:100% } .icv__control-line{ height:50%; width:2px; z-index:6 } .icv__icv--vertical .icv__control-line{ width:50% } .icv__theme-wrapper{ width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; -webkit-transition:all 0.1s ease-out 0s; transition:all 0.1s ease-out 0s; z-index:5 } .icv__icv--vertical .icv__theme-wrapper{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } .icv__arrow-wrapper{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transition:all 0.1s ease-out 0s; transition:all 0.1s ease-out 0s } .icv__arrow-a{ -webkit-transform:scale(1.5) rotateZ(180deg); transform:scale(1.5) rotateZ(180deg); height:20px; width:20px; -webkit-filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33)); filter:drop-shadow(0px -3px 5px rgba(0,0,0,0.33)) } .icv__arrow-b{ -webkit-transform:scale(1.5) rotateZ(0deg); transform:scale(1.5) rotateZ(0deg); height:20px; width:20px; -webkit-filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33)); filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.33)) } .icv__circle{ width:50px; height:50px; -webkit-box-sizing:border-box; box-sizing:border-box; -ms-flex-negative:0; flex-shrink:0; border-radius:999px } .icv__label{ position:absolute; bottom:1rem; z-index:12; background:rgba(0,0,0,0.33); color:white; border-radius:3px; padding:0.5rem 0.75rem; font-size:0.85rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .icv__label.vertical{ bottom:auto; left:1rem } .icv__label.on-hover{ -webkit-transform:scale(0); transform:scale(0); -webkit-transition:0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22); transition:0.25s cubic-bezier(0.68, 0.26, 0.58, 1.22) } .icv:hover .icv__label.on-hover{ -webkit-transform:scale(1); transform:scale(1) } .icv__label-before{ left:1rem } .icv__label-after{ right:1rem } .icv__label-before.vertical{ top:1rem } .icv__label-after.vertical{ bottom:1rem; right:auto } .icv__body{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } /*# sourceMappingURL=image-compare-viewer.min.css.map*/