@use "../../01-core/prefix" as *;
@use "./image-compare.mixins" as ic;
@use "../../01-core/external" as *;

@layer ss.components {
    .#{$ss-prefix-module}-image-compare {
        @include ic.ss-image-compare;
    }
    .#{$ss-prefix-module}-image-compare__image {
        @include ic.ss-image-compare-image;
    }
    .#{$ss-prefix-module}-image-compare__overlay {
        @include ic.ss-image-compare-overlay;
    }
    .#{$ss-prefix-module}-image-compare__handle {
        @include ic.ss-image-compare-handle;
    }
    .#{$ss-prefix-module}-image-compare__label {
        @include ic.ss-image-compare-label;
    }
    .#{$ss-prefix-module}-image-compare__label--before {
        inset-inline-start: q(8);
    }
    .#{$ss-prefix-module}-image-compare__label--after {
        inset-inline-end: q(8);
    }
}