.yolo-inner {  position:relative;  overflow:hidden; } .yolo-inner img {  width:100%;  max-width:none;  display:block;  -webkit-transition:none;  -moz-transition:none;  -ms-transition:none;  -o-transition:none;  transition:none; } .yolo-before-wrap {  position:absolute;  top:0;  left:0;  height:100%;  width:50%;  overflow:hidden; } .yolo-slider {  height:40px;  width:40px;  position:absolute;  left:50%;  top:50%;  margin-left:-20px;  margin-top:-20px;  border:2px solid white;  -webkit-border-radius:1000px;  -moz-border-radius:1000px;  border-radius:1000px;  -webkit-box-shadow:0px 0px 6px rgba(51, 51, 51, 0.5);  -moz-box-shadow:0px 0px 6px rgba(51, 51, 51, 0.5);  box-shadow:0px 0px 6px rgba(51, 51, 51, 0.5);  z-index:40;  cursor:pointer;  display:flex;  flex-wrap:nowrap;  justify-content:center;  flex-direction:row; } .yolo-slider.style-2 {  border-color:transparent !important;  box-shadow:none; } .yolo-slider:before, .yolo-slider:after {  content:" ";  display:block;  background:white;  position:absolute;  z-index:30;  width:2px;  height:9999px;  left:calc(48.5%); } .yolo-slider:before {  bottom:calc(102%); } .yolo-slider:after {  top:calc(102%); } .yolo-slider svg {  width:18px;  height:36px;  fill:#fff; } .nba-vertical .yolo-slider::before, .nba-vertical .yolo-slider::after {  width:9999px;  height:2px;  left:auto;  top:calc(48.5%); } .nba-vertical .yolo-slider::before {  right:calc(102%);  bottom:auto; } .nba-vertical .yolo-slider::after {  left:calc(102%); } .nba-vertical .yolo-slider {  flex-flow:column nowrap;  align-items:center;  justify-content:center; } .nba-vertical .yolo-slider > div {  height:18px; } .nba-vertical .yolo-slider svg {  height:18px;  display:block; } .nba-vertical .yolo-before-wrap {  width:100%;  height:50%; } .yolo-inner .image-stage[data-label]:after {  content:attr(data-label);  position:absolute;  top:1.5rem;  left:1.5rem;  line-height:1;  padding:.5rem;  border-radius:3px;  background:rgba(255, 255, 255, 0.5);  white-space:nowrap; } .yolo-inner .image-stage.after-image[data-label]:after {  right:1.5rem;  left:auto; } .yolo-inner .after-image {  position:relative;  z-index:1; } .yolo-inner .image-stage.before-image[data-label]:after {  z-index:2; } .yolo-inner .before-image {  height:100%;  left:0;  overflow:hidden;  position:absolute;  top:0;  width:100%;  z-index:2;  -webkit-box-shadow:0 0 0 3px rgba(0, 0, 0, 0.1);  box-shadow:0 0 0 3px rgba(0, 0, 0, 0.1); } .yolo-inner.nba-vertical .image-stage.after-image[data-label]:after {  top:auto;  bottom:1.5rem;  right:1.5rem;  left:auto; } .yolo-inner.nba-vertical .image-stage.before-image[data-label]:after {  top:1.5rem;  left:1.5rem;  line-height:1; } .yolo-inner img.nba-before-img {  display:block;  position:absolute;  z-index:2;  width:100%;  max-width:100%;  top:0px; } .nba-overimage {  position:absolute;  top:0;  left:0;  z-index:-1;  background-size:contain;  background-position-x:left;  background-position-y:top;  background-repeat:no-repeat; } .yolo-inner:hover .nba-overimage {  z-index:21; } .yolo-before-after-slideshow-wrapper .slick-arrow {  bottom:-20px;  top:auto;  z-index:10;  left:auto;  transform:none;  right:25px;  background-color:inherit; } .yolo-before-after-slideshow-wrapper .slick-arrow.slick-next {  right:0; } .yolo-before-after-slideshow-wrapper .slick-prev::before, .yolo-before-after-slideshow-wrapper .slick-next::before {  font-size:20px;  color:#6b6b6b; } .yolo-before-after-slideshow-wrapper .slick-dots {  float:left;  width:auto;  bottom:-20px;  z-index:9; } .yolo-before-after-slideshow-wrapper .slick-dots li {  display:block;  float:left;  margin:0; } .yolo-before-after-slideshow-wrapper .slick-dots li button::before {  font-size:8px; } .yolo-inner:hover {  cursor:pointer; }