.image-comparator {
  width: 100%;
  display: inline-block;
  padding: 6px 6px 25px; }
  .image-comparator.smooth .images .left, .image-comparator.smooth .images .right {
    transition: all 1s; }
  .image-comparator .images {
    width: 100%;
    height: 97%;
    height: calc(100% - 35px);
    overflow: hidden;
    position: relative; }
    .image-comparator .images a {
      max-width: inherit; }
      .image-comparator .images a:hover img {
        opacity: 1; }
    .image-comparator .images img {
      max-width: inherit;
      width: 100%; }
    .image-comparator .images .left, .image-comparator .images .right {
      overflow: hidden;
      width: 100%; }
    .image-comparator .images .right {
      position: absolute;
      top: 0px;
      left: 0px; }
    .image-comparator .images .ic-clear {
      clear: both; }
  .image-comparator .slider {
    bottom: 0px;
    margin-top: 10px; }
  .image-comparator.fade-in .right {
    opacity: 0.5; }
  .image-comparator.from-left .left {
    z-index: 1;
    left: -50%; }
  .image-comparator.from-left .left {
    position: absolute;
    top: 0px; }
  .image-comparator.from-left .right {
    position: relative;
    z-index: 0; }
  .image-comparator.from-right .left {
    z-index: 0; }
  .image-comparator.from-right .right {
    z-index: 1;
    left: 50%; }
  .image-comparator.side-by-side .left {
    left: -50%; }
  .image-comparator.side-by-side .right {
    left: 50%; }
  .image-comparator.overlay .left {
    position: absolute;
    top: 0px;
    z-index: 1; }
  .image-comparator.overlay .right {
    position: relative;
    z-index: 0; }
  .image-comparator.overlayed-slider {
    padding-bottom: 6px; }
    .image-comparator.overlayed-slider .left {
      border-right: 2px solid #ccc; }
    .image-comparator.overlayed-slider.from-right .left {
      border-right: 0; }
    .image-comparator.overlayed-slider.from-right .right {
      border-left: 2px solid #ccc; }
    .image-comparator.overlayed-slider[data-ic-slider-value='0'] .left {
      border-right: 0; }
    .image-comparator.overlayed-slider[data-ic-slider-value='0'] .right {
      border-left: 0; }
    .image-comparator.overlayed-slider .images {
      height: calc(100% - 40px); }
    .image-comparator.overlayed-slider div.slider {
      margin-top: -36%;
      padding-bottom: 36%;
      background: transparent;
      border: 0;
      height: 0px; }
      .image-comparator.overlayed-slider div.slider a.ui-slider-handle {
        width: 2em;
        height: 2em;
        margin-left: calc(-1em - 2px);
        background: white;
        border-radius: 37px;
        border-width: 2px;
        outline: 0; }
      .image-comparator.overlayed-slider div.slider:focus a.ui-slider-handle {
        border-radius: 37px;
        border-width: 2px;
        color: transparent; }