// -----------------------------------------------------
//  Override material style
// -----------------------------------------------------
.pepperi-signature-container {
    .mat-form-field-flex {
        padding: 0 !important;
    }
}

@mixin pepperi-signature-component-theme($pepperi-theme) {
    .signature-backdrop {
        background-color: get-pepperi-color($pepperi-theme, color-system-primary, color-tran-60);
    }

    .signature-modal {
        &.modal-dialog {
            .modal-content {
                box-shadow: get-pepperi-shadow($pepperi-theme, shadow-md, regular);

                .modal-header {
                    h3 { 
                        color: get-pepperi-color($pepperi-theme, color-text, color-dimmed);
                    }
                }
            }
        }
    }
}