isolate library dialog styles

src/app/dialogs/library/library.dialog.scss

@@ -1,3 +1,4 @@
+.app-library-dialog {
   .mat-radio-group {
     display: flex;
     flex-direction: column;
@@ -25,3 +26,4 @@ mat-form-field {
       text-transform: uppercase;
     }
   }
+}

src/app/dialogs/library/library.dialog.ts

@@ -21,7 +21,8 @@ import {
   OnInit,
   Output,
   EventEmitter,
-  OnDestroy
+  OnDestroy,
+  ViewEncapsulation
 } from '@angular/core';
 import {
   FormBuilder,
@@ -38,7 +39,9 @@ import { debounceTime, mergeMap, takeUntil } from 'rxjs/operators';
 @Component({
   selector: 'app-library-dialog',
   styleUrls: ['./library.dialog.scss'],
-  templateUrl: './library.dialog.html'
+  templateUrl: './library.dialog.html',
+  encapsulation: ViewEncapsulation.None,
+  host: { class: 'app-library-dialog' }
 })
 export class LibraryDialogComponent implements OnInit, OnDestroy {
   @Output()