.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  content:" ";  display:block;  background:white;  position:absolute;  z-index:30;  } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {  width:8px;  height:9999px;  left:50%;  margin-left:-4px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  position:absolute;  top:0;  width:100%;  height:100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  -webkit-transition-duration:0.5s;  -moz-transition-duration:0.5s;  transition-duration:0.5s; } .twentytwenty-before-label, .twentytwenty-after-label {  -webkit-transition-property:opacity;  -moz-transition-property:opacity;  transition-property:opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before {  color:white;  font-size:13px;  letter-spacing:0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before {  position:absolute;  background:rgba(255, 255, 255, 0.2);  line-height:38px;  padding:0 20px;  -webkit-border-radius:2px;  -moz-border-radius:2px;  border-radius:2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {  top:50%;  margin-top:-19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {  left:50%;  margin-left:-45px;  text-align:center;  width:90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {  width:0;  height:0;  border:5px inset transparent;  position:absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow {  top:50%;  margin-top:-5px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow {  left:50%;  margin-left:-6px; } .twentytwenty-wrapper {  overflow:hidden;  padding:5px 23px!important; } .twentytwenty-container {  -webkit-box-sizing:content-box;  -moz-box-sizing:content-box;  box-sizing:content-box;  z-index:0;  position:relative;  -webkit-user-select:none;  -moz-user-select:none; }  .twentytwenty-container img {   max-width:100%;   position:absolute;   top:0;   display:block; }   .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,   .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,   .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity:0; }  .twentytwenty-container * {   -webkit-box-sizing:content-box;   -moz-box-sizing:content-box;   box-sizing:content-box; }  .twentytwenty-before {  z-index:20; } .twentytwenty-after {  z-index:10; } .twentytwenty-handle {  height:44px;  width:44px;  position:absolute;  left:50%;  top:50%;  margin-left:-22px;  margin-top:-22px;  -webkit-border-radius:1000px;  -moz-border-radius:1000px;  border-radius:1000px;  z-index:40;  cursor:move; } .twentytwenty-horizontal .twentytwenty-handle:before {  bottom:50%;  margin-bottom:20px;  } .twentytwenty-horizontal .twentytwenty-handle:after {  top:50%;  margin-top:20px;  } .twentytwenty-vertical .twentytwenty-handle:before {  left:50%;  margin-left:22px;  -webkit-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after {  right:50%;  margin-right:22px;  -webkit-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow:-3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow {  border-right:6px solid rgba(255,255,255,1);  left:50%;  margin-left:-16px; } .twentytwenty-right-arrow {  border-left:6px solid rgba(255,255,255,1);  right:50%;  margin-right:-16px; } .twentytwenty-up-arrow {  border-bottom:6px solid white;  top:50%;  margin-top:-17px; } .twentytwenty-down-arrow {  border-top:6px solid white;  bottom:50%;  margin-bottom:-17px; }