FileMaster

Edit File: index.css

.components-button-wrap{background-color:#ececec;padding:60px 12px}.panel__components-button-wrap{padding:12px 0}.panel__btns{display:flex;gap:6px;justify-content:space-around;padding:0 10px 10px;text-align:center}.panel__btns .panel__btn{font-size:14px;font-weight:500;padding:10px 0;width:100%}.panel__btns .panel__btn.image-replace{color:#0693e3;outline:1px solid}.panel__btns .panel__btn.image-remove{color:#cf2e2e;outline:1px solid}.cozy-block-img-compare figure{display:flex;margin:0;position:relative}.cozy-block-img-compare figure p{margin:0}.cozy-block-img-compare figure .overlay-label{position:absolute}.cozy-block-img-compare figure .overlay-label.position-top{top:0}.cozy-block-img-compare figure .overlay-label.position-bottom{bottom:0}.cozy-block-img-compare figure .overlay-label.position-middle{top:50%;transform:translateY(-50%)}.cozy-block-img-compare figure .overlay-label.before{left:0}.cozy-block-img-compare figure .overlay-label.after{right:0}.cozy-block-img-compare.direction-horizontal{display:flex}.cozy-block-img-compare .img-compare__item{box-sizing:border-box;text-align:center;width:100%}.cozy-block-img-compare .img-compare__item img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.cozy-block-img-compare .img-compare__navigation{background-color:#fff}.cozy-block-img-compare .img-compare__navigation .nav-pin{align-items:center;background-color:#fff;border-radius:100px;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cozy-block-img-compare .img-compare__navigation .nav-pin svg{fill:#333;height:28px;width:28px}.cozy-block-img-compare.direction-horizontal .img-compare__navigation{cursor:ew-resize;height:100%;left:50%;position:absolute;width:6px;z-index:2}.cozy-block-img-compare.direction-vertical .img-compare__navigation{cursor:n-resize;height:6px;position:relative;width:100%}.cozy-block-img-compare.direction-vertical .img-compare__navigation .nav-pin{padding:2px 12px}.cozy-block-img-compare.direction-vertical .img-compare__navigation .nav-pin svg{transform:rotate(90deg)}

Back