@mixin sc-image-comparison-viewer-theme($theme) {
    $is-dark-theme: map-get($theme, is-dark);

    $image-viewer-backdrop: if($is-dark-theme, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.90));

    .image-viewer__backdrop.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
      background: $image-viewer-backdrop;
    }

    .comparison-lightbox {
      &__close {
        color: rgba(255, 255, 255, 0.8) !important;
        background-color: rgba(#000000, 0.6);
      }

      &__description {
        &-text {
          border-color: rgba(#ffffff, 0.3) !important;
          // background-color: #212121;
        }
      }

      &__meta-wrapper {
        color: #ffffff;
      }

      &__meta-col {  
        .key {
          color: rgba(255, 255, 255, 0.6)
        }
    
        .value {
          color: rgba(255, 255, 255, 0.8)
        }
      }
    }
  }