img-comparison-slider {
    visibility: hidden;
  }
  
  img-comparison-slider [slot='second'] {
    display: none;
  }
  
  img-comparison-slider.rendered {
    visibility: inherit;
  }
  
  img-comparison-slider.rendered [slot='second'] {
    display: unset;
  }


  /* custom */

  .before-ab,
        .after-ab {
            margin: 0;
        }

        .before-ab figcaption,
        .after-ab figcaption {
            background: #fff;
            border: 1px solid #c0c0c0;
            border-radius: 12px;
            color: #2e3452;
            opacity: 0.8;
            padding: 12px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            line-height: 100%;
        }

        .before-ab figcaption {
            left: 12px;
        }

        .after-ab figcaption {
            right: 12px;
        }




        .slider-example-focus {
            /*
                        The style below isn't necessary.
                        It has been added for the sake of smoothness.
                      */
            transition: box-shadow 200ms ease-in-out;
        }

        .slider-example-focus:focus {
            outline: none;
            box-shadow: 0px 0px 15px 5px #4d4b4b;
        }

        .img-comparison-slider .img {
            max-height: 350px;
        }