isolate library dialog styles

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

@@ -1,27 +1,29 @@
-.mat-radio-group {
-  display: flex;
-  flex-direction: column;
-  margin: 0 0 20px 0;
-}
+.app-library-dialog {
+  .mat-radio-group {
+    display: flex;
+    flex-direction: column;
+    margin: 0 0 20px 0;
+  }
 
-.mat-radio-group .mat-radio-button {
-  margin: 10px 0;
-}
+  .mat-radio-group .mat-radio-button {
+    margin: 10px 0;
+  }
 
-.mat-form-field {
-  width: 100%;
-}
+  .mat-form-field {
+    width: 100%;
+  }
 
-mat-form-field {
-  padding-top: 20px;
-}
+  mat-form-field {
+    padding-top: 20px;
+  }
 
-.actions-buttons {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
+  .actions-buttons {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
 
-  .mat-button {
-    text-transform: uppercase;
+    .mat-button {
+      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()