// -----------------------------------------------------
//  Override material style
// -----------------------------------------------------
@mixin pepperi-image-component-theme($pepperi-theme) {
    .indicators-container {
        .circle {
            box-shadow: get-pepperi-shadow($pepperi-theme, shadow-xs, soft);
            @include inline(get-pepperi-color($pepperi-theme, color-system-primary, color-flat-r-10), 1px, solid, true);
        }
    }
    
    .floating-field {
        &.has-active-campaign {
            .svg-icon {
                fill: get-pepperi-color($pepperi-theme, color-system-caution, color-base);
            }
        }

        &.indicators-container {
            @include state-weak-invert-default($pepperi-theme);
            
            &:hover {
                cursor: inherit;
            }
        }
    }

    .image-container {
        .mat-form-field-disabled { 
            .mat-form-field-flex {
                background: transparent !important;
            }
        }
    }
}