wysiwyg-rails 3.2.0 → 3.2.6.pre.1

data/app/assets/stylesheets/plugins/table.min.css

@@ -1,7 +1,7 @@
-/*!
- * froala_editor v3.2.0 (https://www.froala.com/wysiwyg-editor)
- * License https://froala.com/wysiwyg-editor/terms/
- * Copyright 2014-2020 Froala Labs
- */
-
-.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}
+/*!
+ * froala_editor v3.2.6-1 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2021 Froala Labs
+ */
+
+.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}

data/app/assets/stylesheets/plugins/trim_video.css

@@ -0,0 +1,247 @@
+/*!
+ * froala_editor v3.2.6-1 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2021 Froala Labs
+ */
+
+.fr-clearfix::after {
+  clear: both;
+  display: block;
+  content: "";
+  height: 0; }
+
+.fr-hide-by-clipping {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+#fr-form-container {
+  margin: auto;
+  position: relative;
+  top: 10%;
+  background-color: #f5f5f5;
+  width: 60%;
+  border-radius: 5px;
+  z-index: 9002;
+  overflow: auto;
+  background-color: #fefefe; }
+
+.fr-trim-video-name {
+  font-family: Arial, Helvetica, sans-serif;
+  padding-top: 15px; }
+
+.fr-file-loader {
+  border: 4px solid #f3f3f3;
+  border-radius: 50%;
+  border-top: 4px solid #53777a;
+  display: inline-block !important;
+  -webkit-animation: spin 2s linear infinite;
+  /* Safari */
+  animation: spin 2s linear infinite;
+  width: 20px;
+  height: 20px;
+  display: block !important;
+  align-items: center; }
+
+.fr-trim-button {
+  margin-top: 5px;
+  height: 36px;
+  line-height: 1;
+  color: #0098f7;
+  padding: 10px;
+  cursor: pointer;
+  text-decoration: none;
+  border: none;
+  background: none;
+  font-size: 16px;
+  border-radius: 5px;
+  background-color: #eff5fa;
+  outline: none; }
+  .fr-trim-button:hover {
+    background: #ebebeb; }
+
+/* Safari */
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg); } }
+@keyframes spin {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+.fr-slidecontainer {
+  width: 100%; }
+
+.fr-slider {
+  -webkit-appearance: none;
+  width: 100%;
+  height: 15px;
+  background: #d3d3d3; }
+
+.fr-video-trim-buttons {
+  text-align: right;
+  padding-bottom: 5px;
+  padding-right: 15px;
+  margin-top: 10px; }
+
+.fr-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  cursor: pointer; }
+
+.fr-slider::-moz-range-thumb {
+  width: 15px;
+  height: 15px;
+  background: #3498db;
+  border-radius: 50%;
+  cursor: pointer; }
+
+.fr-range-value-start {
+  position: absolute; }
+
+.fr-range-value-start > span {
+  width: 60px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  background: #03a9f4;
+  color: #fff;
+  font-size: 12px;
+  display: block;
+  position: absolute;
+  left: 50%;
+  transform: translate(-85%, 0);
+  border-radius: 6px; }
+
+.fr-range-value-start > span:before {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  left: 86%;
+  margin-left: -5px;
+  margin-top: -1px; }
+
+.fr-range-value-end {
+  position: absolute; }
+
+.fr-range-value-end > span {
+  width: 60px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  background: #03a9f4;
+  color: #fff;
+  font-size: 12px;
+  display: block;
+  position: absolute;
+  left: 14%;
+  transform: translate(-8%, 0);
+  border-radius: 6px; }
+
+.fr-range-value-end > span:before {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  left: 14%;
+  margin-left: -5px;
+  margin-top: -1px; }
+
+#startTimeValue {
+  top: -153% !important; }
+
+#startTimeValue span:before {
+  border-top: 10px solid #03a9f4;
+  top: 100%; }
+
+#endTimeValue {
+  top: -153% !important; }
+
+#endTimeValue span:before {
+  border-top: 10px solid #03a9f4;
+  top: 100%; }
+
+.fr-range-slider {
+  position: relative;
+  width: 80%;
+  height: 15px; }
+
+.fr-range-slider > input {
+  pointer-events: none;
+  position: absolute;
+  left: 0;
+  top: 10px;
+  width: 100%;
+  outline: none;
+  height: 6px;
+  border-radius: 10px; }
+
+.fr-range-slider > input::-webkit-slider-thumb {
+  pointer-events: all;
+  position: relative;
+  z-index: 1;
+  -webkit-appearance: none;
+  appearance: none;
+  width: 15px;
+  height: 15px;
+  background: #3498db;
+  cursor: pointer;
+  border-radius: 7px;
+  margin-top: -3.6px; }
+
+.fr-range-slider > input::-moz-range-thumb {
+  pointer-events: all;
+  position: relative;
+  z-index: 10;
+  -moz-appearance: none;
+  width: 9px;
+  height: 15px;
+  border-radius: 7px;
+  margin-top: -3.6px; }
+
+.fr-range-slider > input::-moz-range-track {
+  position: relative;
+  z-index: -1;
+  background-color: black;
+  border: 0;
+  height: 15px;
+  border-radius: 50%;
+  margin-top: -3.6px; }
+
+.fr-range-slider > input:last-of-type::-moz-range-track {
+  -moz-appearance: none;
+  background: none transparent;
+  border: 0; }
+
+.fr-range-slider > input[type="range"]::-moz-focus-outer {
+  border: 0; }
+
+@media screen and (max-width: 430px) {
+  .range-value span {
+    width: 40px;
+    font-size: 10px; }
+
+  #fr-form-container {
+    top: 20%; } }
+#fr-video-edit {
+  width: 80%;
+  text-align: center;
+  height: 50%;
+  margin-bottom: 20px;
+  padding-top: 8px;
+  padding-bottom: 8px; }

data/app/assets/stylesheets/plugins/trim_video.min.css

@@ -0,0 +1,7 @@
+/*!
+ * froala_editor v3.2.6-1 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2021 Froala Labs
+ */
+
+.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#fr-form-container{margin:auto;position:relative;top:10%;background-color:#f5f5f5;width:60%;border-radius:5px;z-index:9002;overflow:auto;background-color:#fefefe}.fr-trim-video-name{font-family:Arial, Helvetica, sans-serif;padding-top:15px}.fr-file-loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #53777a;display:inline-block !important;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;width:20px;height:20px;display:block !important;align-items:center}.fr-trim-button{margin-top:5px;height:36px;line-height:1;color:#0098f7;padding:10px;cursor:pointer;text-decoration:none;border:none;background:none;font-size:16px;border-radius:5px;background-color:#eff5fa;outline:none}.fr-trim-button:hover{background:#ebebeb}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fr-slidecontainer{width:100%}.fr-slider{-webkit-appearance:none;width:100%;height:15px;background:#d3d3d3}.fr-video-trim-buttons{text-align:right;padding-bottom:5px;padding-right:15px;margin-top:10px}.fr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;cursor:pointer}.fr-slider::-moz-range-thumb{width:15px;height:15px;background:#3498db;border-radius:50%;cursor:pointer}.fr-range-value-start{position:absolute}.fr-range-value-start>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:50%;transform:translate(-85%, 0);border-radius:6px}.fr-range-value-start>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:86%;margin-left:-5px;margin-top:-1px}.fr-range-value-end{position:absolute}.fr-range-value-end>span{width:60px;height:24px;line-height:24px;text-align:center;background:#03a9f4;color:#fff;font-size:12px;display:block;position:absolute;left:14%;transform:translate(-8%, 0);border-radius:6px}.fr-range-value-end>span:before{content:"";position:absolute;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;left:14%;margin-left:-5px;margin-top:-1px}#startTimeValue{top:-153% !important}#startTimeValue span:before{border-top:10px solid #03a9f4;top:100%}#endTimeValue{top:-153% !important}#endTimeValue span:before{border-top:10px solid #03a9f4;top:100%}.fr-range-slider{position:relative;width:80%;height:15px}.fr-range-slider>input{pointer-events:none;position:absolute;left:0;top:10px;width:100%;outline:none;height:6px;border-radius:10px}.fr-range-slider>input::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:1;-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#3498db;cursor:pointer;border-radius:7px;margin-top:-3.6px}.fr-range-slider>input::-moz-range-thumb{pointer-events:all;position:relative;z-index:10;-moz-appearance:none;width:9px;height:15px;border-radius:7px;margin-top:-3.6px}.fr-range-slider>input::-moz-range-track{position:relative;z-index:-1;background-color:black;border:0;height:15px;border-radius:50%;margin-top:-3.6px}.fr-range-slider>input:last-of-type::-moz-range-track{-moz-appearance:none;background:none transparent;border:0}.fr-range-slider>input[type="range"]::-moz-focus-outer{border:0}@media screen and (max-width: 430px){.range-value span{width:40px;font-size:10px}#fr-form-container{top:20%}}#fr-video-edit{width:80%;text-align:center;height:50%;margin-bottom:20px;padding-top:8px;padding-bottom:8px}

data/app/assets/stylesheets/plugins/video.css

@@ -1,201 +1,201 @@
-/*!
- * froala_editor v3.2.0 (https://www.froala.com/wysiwyg-editor)
- * License https://froala.com/wysiwyg-editor/terms/
- * Copyright 2014-2020 Froala Labs
- */
-
-.clearfix::after {
-  clear: both;
-  display: block;
-  content: "";
-  height: 0; }
-
-.hide-by-clipping {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  border: 0; }
-
-.fr-element .fr-video {
-  user-select: none;
-  -o-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none; }
-  .fr-element .fr-video::after {
-    position: absolute;
-    content: '';
-    z-index: 1;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    cursor: pointer;
-    display: block;
-    background: rgba(0, 0, 0, 0); }
-  .fr-element .fr-video.fr-active > * {
-    z-index: 2;
-    position: relative; }
-  .fr-element .fr-video > * {
-    -webkit-box-sizing: content-box;
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    max-width: 100%;
-    border: none; }
-
-.fr-box .fr-video-resizer {
-  position: absolute;
-  border: solid 1px #0098f7;
-  display: none;
-  user-select: none;
-  -o-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none; }
-  .fr-box .fr-video-resizer.fr-active {
-    display: block; }
-  .fr-box .fr-video-resizer .fr-handler {
-    display: block;
-    position: absolute;
-    background: #0098f7;
-    border: solid 1px #FFF;
-    z-index: 4;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
-      cursor: nw-resize; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hne {
-      cursor: ne-resize; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
-      cursor: sw-resize; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hse {
-      cursor: se-resize; }
-  .fr-box .fr-video-resizer .fr-handler {
-    width: 12px;
-    height: 12px; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
-      left: -6px;
-      top: -6px; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hne {
-      right: -6px;
-      top: -6px; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
-      left: -6px;
-      bottom: -6px; }
-    .fr-box .fr-video-resizer .fr-handler.fr-hse {
-      right: -6px;
-      bottom: -6px; }
-  @media (min-width: 1200px) {
-    .fr-box .fr-video-resizer .fr-handler {
-      width: 10px;
-      height: 10px; }
-      .fr-box .fr-video-resizer .fr-handler.fr-hnw {
-        left: -5px;
-        top: -5px; }
-      .fr-box .fr-video-resizer .fr-handler.fr-hne {
-        right: -5px;
-        top: -5px; }
-      .fr-box .fr-video-resizer .fr-handler.fr-hsw {
-        left: -5px;
-        bottom: -5px; }
-      .fr-box .fr-video-resizer .fr-handler.fr-hse {
-        right: -5px;
-        bottom: -5px; } }
-
-.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
-  width: calc(50% - 5px);
-  display: inline-block; }
-  .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
-    margin-left: 10px; }
-.fr-popup .fr-video-upload-layer {
-  border: dashed 2px #bdbdbd;
-  padding: 25px 0;
-  margin: 20px;
-  position: relative;
-  font-size: 14px;
-  letter-spacing: 1px;
-  line-height: 140%;
-  text-align: center; }
-  .fr-popup .fr-video-upload-layer:hover {
-    background: #ebebeb; }
-  .fr-popup .fr-video-upload-layer.fr-drop {
-    background: #ebebeb;
-    border-color: #0098f7; }
-  .fr-popup .fr-video-upload-layer .fr-form {
-    -webkit-opacity: 0;
-    -moz-opacity: 0;
-    opacity: 0;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 2147483640;
-    overflow: hidden;
-    margin: 0 !important;
-    padding: 0 !important;
-    width: 100% !important; }
-    .fr-popup .fr-video-upload-layer .fr-form input {
-      cursor: pointer;
-      position: absolute;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      width: 500%;
-      height: 100%;
-      margin: 0;
-      font-size: 400px; }
-.fr-popup .fr-video-progress-bar-layer > h3 {
-  font-size: 16px;
-  margin: 10px 0;
-  font-weight: normal; }
-.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
-  display: none; }
-.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
-  background: #b3e0fd;
-  height: 10px;
-  width: 100%;
-  margin-top: 20px;
-  overflow: hidden;
-  position: relative; }
-  .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
-    display: block;
-    height: 100%;
-    width: 0%;
-    background: #0098f7;
-    -webkit-transition: width 0.2s ease 0s;
-    -moz-transition: width 0.2s ease 0s;
-    -ms-transition: width 0.2s ease 0s;
-    -o-transition: width 0.2s ease 0s; }
-  .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
-    width: 30% !important;
-    position: absolute;
-    top: 0;
-    -webkit-animation: loading 2s linear infinite;
-    -moz-animation: loading 2s linear infinite;
-    -o-animation: loading 2s linear infinite;
-    animation: loading 2s linear infinite; }
-.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
-  display: none; }
-.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
-  display: block; }
-
-.fr-video-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  z-index: 2147483640;
-  display: none; }
-
-.fr-autoplay-margin {
-  margin-top: 0px !important; }
+/*!
+ * froala_editor v3.2.6-1 (https://www.froala.com/wysiwyg-editor)
+ * License https://froala.com/wysiwyg-editor/terms/
+ * Copyright 2014-2021 Froala Labs
+ */
+
+.fr-clearfix::after {
+  clear: both;
+  display: block;
+  content: "";
+  height: 0; }
+
+.fr-hide-by-clipping {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.fr-element .fr-video {
+  user-select: none;
+  -o-user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none; }
+  .fr-element .fr-video::after {
+    position: absolute;
+    content: '';
+    z-index: 1;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    cursor: pointer;
+    display: block;
+    background: rgba(0, 0, 0, 0); }
+  .fr-element .fr-video.fr-active > * {
+    z-index: 2;
+    position: relative; }
+  .fr-element .fr-video > * {
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    max-width: 100%;
+    border: none; }
+
+.fr-box .fr-video-resizer {
+  position: absolute;
+  border: solid 1px #0098f7;
+  display: none;
+  user-select: none;
+  -o-user-select: none;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none; }
+  .fr-box .fr-video-resizer.fr-active {
+    display: block; }
+  .fr-box .fr-video-resizer .fr-handler {
+    display: block;
+    position: absolute;
+    background: #0098f7;
+    border: solid 1px #FFF;
+    z-index: 4;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
+      cursor: nw-resize; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hne {
+      cursor: ne-resize; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
+      cursor: sw-resize; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hse {
+      cursor: se-resize; }
+  .fr-box .fr-video-resizer .fr-handler {
+    width: 12px;
+    height: 12px; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
+      left: -6px;
+      top: -6px; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hne {
+      right: -6px;
+      top: -6px; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
+      left: -6px;
+      bottom: -6px; }
+    .fr-box .fr-video-resizer .fr-handler.fr-hse {
+      right: -6px;
+      bottom: -6px; }
+  @media (min-width: 1200px) {
+    .fr-box .fr-video-resizer .fr-handler {
+      width: 10px;
+      height: 10px; }
+      .fr-box .fr-video-resizer .fr-handler.fr-hnw {
+        left: -5px;
+        top: -5px; }
+      .fr-box .fr-video-resizer .fr-handler.fr-hne {
+        right: -5px;
+        top: -5px; }
+      .fr-box .fr-video-resizer .fr-handler.fr-hsw {
+        left: -5px;
+        bottom: -5px; }
+      .fr-box .fr-video-resizer .fr-handler.fr-hse {
+        right: -5px;
+        bottom: -5px; } }
+
+.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
+  width: calc(50% - 5px);
+  display: inline-block; }
+  .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
+    margin-left: 10px; }
+.fr-popup .fr-video-upload-layer {
+  border: dashed 2px #bdbdbd;
+  padding: 25px 0;
+  margin: 20px;
+  position: relative;
+  font-size: 14px;
+  letter-spacing: 1px;
+  line-height: 140%;
+  text-align: center; }
+  .fr-popup .fr-video-upload-layer:hover {
+    background: #ebebeb; }
+  .fr-popup .fr-video-upload-layer.fr-drop {
+    background: #ebebeb;
+    border-color: #0098f7; }
+  .fr-popup .fr-video-upload-layer .fr-form {
+    -webkit-opacity: 0;
+    -moz-opacity: 0;
+    opacity: 0;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 2147483640;
+    overflow: hidden;
+    margin: 0 !important;
+    padding: 0 !important;
+    width: 100% !important; }
+    .fr-popup .fr-video-upload-layer .fr-form input {
+      cursor: pointer;
+      position: absolute;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      width: 500%;
+      height: 100%;
+      margin: 0;
+      font-size: 400px; }
+.fr-popup .fr-video-progress-bar-layer > h3 {
+  font-size: 16px;
+  margin: 10px 0;
+  font-weight: normal; }
+.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
+  display: none; }
+.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
+  background: #b3e0fd;
+  height: 10px;
+  width: 100%;
+  margin-top: 20px;
+  overflow: hidden;
+  position: relative; }
+  .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
+    display: block;
+    height: 100%;
+    width: 0%;
+    background: #0098f7;
+    -webkit-transition: width 0.2s ease 0s;
+    -moz-transition: width 0.2s ease 0s;
+    -ms-transition: width 0.2s ease 0s;
+    -o-transition: width 0.2s ease 0s; }
+  .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
+    width: 30% !important;
+    position: absolute;
+    top: 0;
+    -webkit-animation: loading 2s linear infinite;
+    -moz-animation: loading 2s linear infinite;
+    -o-animation: loading 2s linear infinite;
+    animation: loading 2s linear infinite; }
+.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
+  display: none; }
+.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
+  display: block; }
+
+.fr-video-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 2147483640;
+  display: none; }
+
+.fr-autoplay-margin {
+  margin-top: 0px !important; }