.twentytwenty-container{box-sizing:content-box;overflow:hidden;position:relative;z-index:9999}.twentytwenty-container img{display:block;left:0;max-width:100%;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:20}.twentytwenty-container .twentytwenty-overlay{background:rgba(0,0,0,.5);height:100%;opacity:0;position:absolute;top:0;transition-duration:.5s;transition-property:opacity;width:100%;z-index:25}.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label{background:hsla(0,0%,100%,.4);color:#fff;font-size:.8em;padding:10px;position:absolute;top:calc(50% - .4em - 5px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.twentytwenty-container .twentytwenty-overlay .twentytwenty-before-label{left:0}.twentytwenty-container .twentytwenty-overlay .twentytwenty-after-label{right:0}.twentytwenty-container:hover>.twentytwenty-overlay{opacity:1}.twentytwenty-container .twentytwenty-handle{background:none;border:4px solid #fff;border-radius:50px;cursor:move;margin-left:-4px;margin-top:-4px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:30}.twentytwenty-container .twentytwenty-handle:active,.twentytwenty-container .twentytwenty-handle:focus{outline:0}.twentytwenty-container .twentytwenty-handle:after,.twentytwenty-container .twentytwenty-handle:before{border:2px solid #fff;content:"";height:9999px;left:calc(50% - 2px);position:absolute}.twentytwenty-container .twentytwenty-handle:before{top:40px}.twentytwenty-container .twentytwenty-handle:after{bottom:40px}.twentytwenty-container .twentytwenty-arrow-left,.twentytwenty-container .twentytwenty-arrow-right{height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0}.twentytwenty-container .twentytwenty-arrow-right{border-bottom:10px solid transparent;border-left:10px solid #fff;border-top:10px solid transparent;bottom:10px;left:23px}.twentytwenty-container .twentytwenty-arrow-left{border-bottom:10px solid transparent;border-right:10px solid #fff;border-top:10px solid transparent;left:7px;top:10px}