@syncfusion/ej2-angular-richtexteditor 20.2.44-ngcc → 20.2.44

package/styles/rich-text-editor/fluent.css

@@ -120,8 +120,20 @@
 .e-rte-dropdown-popup .e-image::before {
   content: "\e786";
 }
+.e-rte-toolbar .e-audio::before,
+.e-rte-dropdown-popup .e-audio::before {
+  content: "\e894";
+}
+.e-rte-toolbar .e-video::before,
+.e-rte-dropdown-popup .e-video::before {
+  content: "\e895";
+}
 .e-rte-toolbar .e-replace::before,
-.e-rte-dropdown-popup .e-replace::before {
+.e-rte-toolbar .e-audio-replace::before,
+.e-rte-toolbar .e-video-replace::before,
+.e-rte-dropdown-popup .e-replace::before,
+.e-rte-dropdown-popup .e-audio-replace::before,
+.e-rte-dropdown-popup .e-video-replace::before {
   content: "\e710";
 }
 .e-rte-toolbar .e-align::before,
@@ -133,7 +145,11 @@
   content: "\e82e";
 }
 .e-rte-toolbar .e-remove::before,
-.e-rte-dropdown-popup .e-remove::before {
+.e-rte-toolbar .e-audio-remove::before,
+.e-rte-toolbar .e-video-remove::before,
+.e-rte-dropdown-popup .e-remove::before,
+.e-rte-dropdown-popup .e-audio-remove::before,
+.e-rte-dropdown-popup .e-video-remove::before {
   content: "\e820";
 }
 .e-rte-toolbar .e-insert-link::before,
@@ -141,7 +157,11 @@
   content: "\e757";
 }
 .e-rte-toolbar .e-display::before,
-.e-rte-dropdown-popup .e-display::before {
+.e-rte-toolbar .e-audio-display::before,
+.e-rte-toolbar .e-video-display::before,
+.e-rte-dropdown-popup .e-display::before,
+.e-rte-dropdown-popup .e-audio-display::before,
+.e-rte-dropdown-popup .e-video-display::before {
   content: "\e7b7";
 }
 .e-rte-toolbar .e-alt-text::before,
@@ -409,31 +429,31 @@
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
-  max-height: 306px !important;
+  max-height: 306px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 388px !important;
+  max-height: 388px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 411px !important;
+  max-height: 411px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
-  min-height: 428px !important;
+  min-height: 428px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 240px !important;
+  max-height: 240px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 316px !important;
+  max-height: 316px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
-  min-height: 428px !important;
+  min-height: 428px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-richtexteditor {
@@ -459,13 +479,13 @@
 }
 .e-richtexteditor.e-rte-full-screen {
   bottom: 0;
-  height: 100% !important;
+  height: 100% !important; /* stylelint-disable-line declaration-no-important */
   left: 0;
   overflow: auto;
   position: fixed;
   right: 0;
   top: 0;
-  width: 100% !important;
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
   z-index: 999;
 }
 .e-richtexteditor.e-rte-full-screen .e-resize-handle {
@@ -475,25 +495,25 @@
   height: calc(100% - 42px);
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
-  max-height: 272px !important;
+  max-height: 272px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 340px !important;
+  max-height: 340px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 380px !important;
+  max-height: 380px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
-  max-height: 410px !important;
+  max-height: 410px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 218px !important;
+  max-height: 218px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 276px !important;
+  max-height: 276px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
-  max-height: 410px !important;
+  max-height: 410px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
@@ -697,6 +717,7 @@
 }
 .e-richtexteditor .e-rte-content,
 .e-richtexteditor .e-source-content {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-overflow-scrolling: touch;
   overflow: auto;
   transition: 100ms ease-out;
@@ -733,39 +754,39 @@
 .e-richtexteditor .e-rte-content .e-content h1,
 .e-richtexteditor .e-source-content .e-content h1 {
   font-size: 2.17em;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h2,
 .e-richtexteditor .e-source-content .e-content h2 {
   font-size: 1.74em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h3,
 .e-richtexteditor .e-source-content .e-content h3 {
   font-size: 1.31em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h4,
 .e-richtexteditor .e-source-content .e-content h4 {
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1.5;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content h5,
 .e-richtexteditor .e-source-content .e-content h5 {
   font-size: 0.8em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content h6,
 .e-richtexteditor .e-source-content .e-content h6 {
   font-size: 0.65em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content blockquote,
@@ -793,7 +814,7 @@
 .e-richtexteditor .e-rte-content .e-content b,
 .e-richtexteditor .e-source-content .e-content strong,
 .e-richtexteditor .e-source-content .e-content b {
-  font-weight: 700;
+  font-weight: bold;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -961,37 +982,37 @@
   font-weight: bold;
 }
 .e-rte-dropdown-popup ul .e-item.e-segoe-ui {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-arial {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: "Arial", "Helvetica", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-courier-new {
-  font-family: Courier New, Courier, monospace;
+  font-family: "Courier New", "Courier", monospace;
 }
 .e-rte-dropdown-popup ul .e-item.e-georgia {
-  font-family: Georgia, "Times New Roman", Times, serif;
+  font-family: "Georgia", "Times New Roman", "Times", serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-helvetica-neue {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-impact {
-  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+  font-family: "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-lucida-console {
-  font-family: Lucida Console, Monaco, monospace;
+  font-family: "Lucida Console", "Monaco", monospace;
 }
 .e-rte-dropdown-popup ul .e-item.e-tahoma {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-times-new-roman {
-  font-family: "Times New Roman", Times, serif;
+  font-family: "Times New Roman", "Times", serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-trebuchet-ms {
-  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
+  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-verdana {
-  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-roboto {
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif;
@@ -1008,7 +1029,9 @@
   margin: 0 6px;
 }
 
-.e-rte-image.e-imgbreak {
+.e-rte-image.e-imgbreak,
+.e-rte-audio.e-audio-break,
+.e-rte-video.e-video-break {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1018,7 +1041,9 @@
   position: relative;
 }
 
-.e-rte-image {
+.e-rte-image,
+.e-rte-audio,
+.e-rte-video {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1028,7 +1053,9 @@
   position: relative;
 }
 
-.e-rte-image.e-imginline {
+.e-rte-image.e-imginline,
+.e-rte-audio.e-audio-inline,
+.e-rte-video.e-video-inline {
   display: inline-block;
   float: none;
   max-width: calc(100% - 10px);
@@ -1036,7 +1063,8 @@
   vertical-align: bottom;
 }
 
-.e-rte-image.e-imgcenter {
+.e-rte-image.e-imgcenter,
+.e-rte-video.e-video-center {
   cursor: pointer;
   display: block;
   float: none;
@@ -1045,14 +1073,16 @@
   position: relative;
 }
 
-.e-rte-image.e-imgleft {
+.e-rte-image.e-imgleft,
+.e-rte-video.e-video-left {
   float: left;
   margin: 0 auto;
   margin-right: 5px;
   text-align: left;
 }
 
-.e-rte-image.e-imgright {
+.e-rte-image.e-imgright,
+.e-rte-video.e-video-right {
   float: right;
   margin: 0 auto;
   margin-left: 5px;
@@ -1186,7 +1216,10 @@
   height: 1px;
 }
 
-.e-richtexteditor .e-linkheader {
+.e-richtexteditor .e-linkheader,
+.e-richtexteditor .e-audioheader,
+.e-richtexteditor .e-videoheader,
+.e-richtexteditor .e-video-url-wrap {
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 15px;
   opacity: 0.87;
@@ -1194,31 +1227,49 @@
   padding-top: 12px;
 }
 .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
   margin-top: 0;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
   margin-right: 30px;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
   border-bottom: 0 solid transparent;
   min-height: initial;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
   margin-left: 0;
   margin-right: 0;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
   border-top: 0 solid transparent;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
   display: none;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
   border: 0 solid transparent;
   float: none;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: block;
   height: 36px;
   margin: 0 auto;
@@ -1227,19 +1278,31 @@
   top: -50px;
   outline: none;
 }
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
+  top: -120px;
+}
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: none;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
   line-height: 10;
   min-height: 50px;
   position: relative;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
   display: inline-block;
   line-height: normal;
 }
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
   line-height: 4;
 }
 .e-richtexteditor .e-rte-inline-dropdown ul {
@@ -2164,12 +2227,28 @@
   border-collapse: separate;
 }
 
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
   line-height: 10;
   min-height: 50px;
   position: relative;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: block;
   height: 36px;
   margin: 0 auto;
@@ -2178,14 +2257,32 @@
   top: -50px;
   outline: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload {
   border: 0 solid transparent;
   float: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
   display: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
   font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 15px;
   opacity: 0.87;
@@ -2350,7 +2447,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
-.e-richtexteditor img.e-img-focus::selection {
+.e-richtexteditor img.e-img-focus::selection,
+.e-richtexteditor audio.e-audio-focus::selection,
+.e-richtexteditor .e-video-focus::selection {
   background: transparent;
   color: transparent;
 }
@@ -2365,7 +2464,11 @@
   border-left: solid 2px #201f1e;
 }
 .e-richtexteditor .e-rte-content .e-content .e-img-focus:not(.e-resize),
-.e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize) {
+.e-richtexteditor .e-rte-content .e-content .e-audio-focus:not(.e-resize),
+.e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-audio-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
   border: dashed 2px #0078d4;
 }
 .e-richtexteditor .e-rte-content .e-content a,
@@ -2445,6 +2548,43 @@
 .e-richtexteditor.e-rte-tb-expand.e-rte-resize .e-source-content {
   border-bottom: 0;
 }
+.e-richtexteditor .e-audio-wrap,
+.e-richtexteditor .e-embed-video-wrap {
+  display: inline-block;
+}
+.e-richtexteditor .e-clickelem,
+.e-richtexteditor .e-video-clickelem {
+  display: block;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  position: relative;
+}
+.e-richtexteditor .e-clickelem::after,
+.e-richtexteditor .e-video-clickelem::after {
+  background: transparent;
+  bottom: 0;
+  content: "";
+  cursor: default;
+  display: block;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.e-richtexteditor .e-videoheader,
+.e-richtexteditor .e-embed-videoheader,
+.e-richtexteditor .e-video-url-wrap {
+  padding-bottom: 5px;
+  padding-top: 15px;
+}
+.e-richtexteditor .e-video-url-wrap .e-radio-wrapper {
+  padding: 5px;
+}
+.e-richtexteditor .e-video-url-wrap textarea {
+  height: 80px;
+}
 
 .e-rte-quick-popup {
   border: none;
@@ -2505,7 +2645,9 @@
   border-color: #e1dfdd;
 }
 
-.e-dialog .e-img-uploadwrap .e-droptext {
+.e-dialog .e-img-uploadwrap .e-droptext,
+.e-dialog .e-aud-uploadwrap .e-droptext,
+.e-dialog .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #c8c6c4;
   border-radius: 4px;
   color: #3b3a39;
@@ -2518,6 +2660,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
   margin: 0 auto;
   width: 250px;
@@ -2539,7 +2685,8 @@
   z-index: 1000;
 }
 
-span.e-rte-imageboxmark {
+span.e-rte-imageboxmark,
+span.e-rte-videoboxmark {
   background: #0078d4;
   border: 1px solid #fff;
   display: block;
@@ -2549,7 +2696,8 @@ span.e-rte-imageboxmark {
   z-index: 1000;
 }
 
-.e-mob-rte span.e-rte-imageboxmark {
+.e-mob-rte span.e-rte-imageboxmark,
+.e-mob-rte span.e-rte-videoboxmark {
   background: #fff;
   border: 1px solid #0078d4;
   border-radius: 15px;
@@ -2557,12 +2705,14 @@ span.e-rte-imageboxmark {
   width: 20px;
 }
 
-.e-mob-rte.e-mob-span span.e-rte-imageboxmark {
+.e-mob-rte.e-mob-span span.e-rte-imageboxmark,
+.e-mob-rte.e-mob-span span.e-rte-videoboxmark {
   background: #0078d4;
   border: 1px solid #fff;
 }
 
-.e-rte-content .e-content img.e-resize {
+.e-rte-content .e-content img.e-resize,
+.e-rte-content .e-content video.e-resize {
   z-index: 1000;
 }
 

package/styles/rich-text-editor/fluent.scss

@@ -1 +1,4 @@
-@import 'ej2-richtexteditor/styles/rich-text-editor/fluent.scss';
+@import 'ej2-base/styles/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';