diff --git a/cms/version.py b/cms/version.py
index ba57156c..01ab526a 100644
--- a/cms/version.py
+++ b/cms/version.py
@@ -1 +1 @@
-VERSION = "8.26"
+VERSION = "8.35"
diff --git a/frontend/src/static/js/components/media-page/MediaPage.scss b/frontend/src/static/js/components/media-page/MediaPage.scss
index 46dbaf1f..5df96503 100755
--- a/frontend/src/static/js/components/media-page/MediaPage.scss
+++ b/frontend/src/static/js/components/media-page/MediaPage.scss
@@ -513,12 +513,6 @@
     }
 }
 
-.embedded-app {
-    .viewer-container,
-    .viewer-info {
-        width: 100%;
-    }
-}
 
 .viewer-image-container {
     position: relative;
diff --git a/frontend/src/static/js/components/media-page/ViewerInfoTitleBanner.js b/frontend/src/static/js/components/media-page/ViewerInfoTitleBanner.js
index 7a33d825..f6085d2c 100644
--- a/frontend/src/static/js/components/media-page/ViewerInfoTitleBanner.js
+++ b/frontend/src/static/js/components/media-page/ViewerInfoTitleBanner.js
@@ -183,8 +183,7 @@ export default class ViewerInfoTitleBanner extends React.PureComponent {
               {MemberContext._currentValue.can.shareMedia ? <MediaShareButton isVideo={false} /> : null}
 
               {!MemberContext._currentValue.is.anonymous &&
-                MemberContext._currentValue.can.saveMedia &&
-                -1 < PlaylistsContext._currentValue.mediaTypes.indexOf(MediaPageStore.get('media-type')) ? (
+                MemberContext._currentValue.can.saveMedia ? (
                 <MediaSaveButton />
               ) : null}
 
diff --git a/frontend/src/static/js/components/media-page/ViewerInfoVideoTitleBanner.js b/frontend/src/static/js/components/media-page/ViewerInfoVideoTitleBanner.js
index 6863a78b..103706c8 100644
--- a/frontend/src/static/js/components/media-page/ViewerInfoVideoTitleBanner.js
+++ b/frontend/src/static/js/components/media-page/ViewerInfoVideoTitleBanner.js
@@ -95,10 +95,8 @@ export default class ViewerInfoVideoTitleBanner extends ViewerInfoTitleBanner {
                                 <MediaShareButton isVideo={true} />
                             ) : null}
 
-                            {!inEmbeddedApp() &&
-                            !MemberContext._currentValue.is.anonymous &&
-                            MemberContext._currentValue.can.saveMedia &&
-                            -1 < PlaylistsContext._currentValue.mediaTypes.indexOf(MediaPageStore.get('media-type')) ? (
+                            {!MemberContext._currentValue.is.anonymous &&
+                            MemberContext._currentValue.can.saveMedia ? (
                                 <MediaSaveButton />
                             ) : null}
 
diff --git a/frontend/src/static/js/components/media-page/ViewerSidebar.js b/frontend/src/static/js/components/media-page/ViewerSidebar.js
index fe7030bc..e008c46d 100644
--- a/frontend/src/static/js/components/media-page/ViewerSidebar.js
+++ b/frontend/src/static/js/components/media-page/ViewerSidebar.js
@@ -1,7 +1,4 @@
 import React from 'react';
-import { MediaPageStore } from '../../utils/stores/';
-import { AutoPlay } from './AutoPlay';
-import { RelatedMedia } from './RelatedMedia';
 import PlaylistView from './PlaylistView';
 
 export default class ViewerSidebar extends React.PureComponent {
@@ -12,8 +9,6 @@ export default class ViewerSidebar extends React.PureComponent {
       playlistData: props.playlistData,
       isPlaylistPage: !!props.playlistData,
       activeItem: 0,
-      mediaType: MediaPageStore.get('media-type'),
-      chapters: MediaPageStore.get('media-data')?.chapters
     };
 
     if (props.playlistData) {
@@ -28,18 +23,6 @@ export default class ViewerSidebar extends React.PureComponent {
       }
     }
 
-    this.onMediaLoad = this.onMediaLoad.bind(this);
-  }
-
-  componentDidMount() {
-    MediaPageStore.on('loaded_media_data', this.onMediaLoad);
-  }
-
-  onMediaLoad() {
-    this.setState({
-      mediaType: MediaPageStore.get('media-type'),
-      chapters: MediaPageStore.get('media-data')?.chapter_data || []
-    });
   }
 
   render() {
@@ -47,10 +30,7 @@ export default class ViewerSidebar extends React.PureComponent {
       <div className="viewer-sidebar">
         {this.state.isPlaylistPage ? (
           <PlaylistView activeItem={this.state.activeItem} playlistData={this.props.playlistData} />
-        ) : 'video' === this.state.mediaType || 'audio' === this.state.mediaType ? (
-          <AutoPlay />
         ) : null}
-        <RelatedMedia hideFirst={!this.state.isPlaylistPage} />
       </div>
     );
   }
diff --git a/frontend/src/static/js/pages/_MediaPage.js b/frontend/src/static/js/pages/_MediaPage.js
index 0ed50174..ce8a28dc 100755
--- a/frontend/src/static/js/pages/_MediaPage.js
+++ b/frontend/src/static/js/pages/_MediaPage.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import { PageStore, MediaPageStore } from '../utils/stores/';
 import { MediaPageActions } from '../utils/actions/';
-import { inEmbeddedApp } from '../utils/helpers/';
 import ViewerError from '../components/media-page/ViewerError';
 import ViewerInfo from '../components/media-page/ViewerInfo';
 import ViewerSidebar from '../components/media-page/ViewerSidebar';
@@ -87,22 +86,18 @@ export class _MediaPage extends Page {
                     {!this.state.infoAndSidebarViewType
                         ? [
                               <ViewerInfo key="viewer-info" />,
-                              !inEmbeddedApp() && this.state.pagePlaylistLoaded ? (
-                                  <ViewerSidebar
-                                      key="viewer-sidebar"
-                                      mediaId={MediaPageStore.get('media-id')}
-                                      playlistData={MediaPageStore.get('playlist-data')}
-                                  />
-                              ) : null,
+                              <ViewerSidebar
+                                  key="viewer-sidebar"
+                                  mediaId={MediaPageStore.get('media-id')}
+                                  playlistData={MediaPageStore.get('playlist-data')}
+                              />,
                           ]
                         : [
-                              !inEmbeddedApp() && this.state.pagePlaylistLoaded ? (
-                                  <ViewerSidebar
-                                      key="viewer-sidebar"
-                                      mediaId={MediaPageStore.get('media-id')}
-                                      playlistData={MediaPageStore.get('playlist-data')}
-                                  />
-                              ) : null,
+                              <ViewerSidebar
+                                  key="viewer-sidebar"
+                                  mediaId={MediaPageStore.get('media-id')}
+                                  playlistData={MediaPageStore.get('playlist-data')}
+                              />,
                               <ViewerInfo key="viewer-info" />,
                           ]}
                 </div>
diff --git a/frontend/src/static/js/pages/_VideoMediaPage.js b/frontend/src/static/js/pages/_VideoMediaPage.js
index 6c052145..a324902c 100644
--- a/frontend/src/static/js/pages/_VideoMediaPage.js
+++ b/frontend/src/static/js/pages/_VideoMediaPage.js
@@ -2,7 +2,6 @@ import React from 'react';
 // FIXME: 'VideoViewerStore' is used only in case of video media, but is included in every media page code.
 import { PageStore, MediaPageStore, VideoViewerStore } from '../utils/stores/';
 import { MediaPageActions } from '../utils/actions/';
-import { inEmbeddedApp } from '../utils/helpers/';
 import ViewerInfoVideo from '../components/media-page/ViewerInfoVideo';
 import ViewerError from '../components/media-page/ViewerError';
 import ViewerSidebar from '../components/media-page/ViewerSidebar';
@@ -104,7 +103,7 @@ export class _VideoMediaPage extends Page {
                         {!this.state.wideLayout || (this.state.isVideoMedia && this.state.theaterMode)
                             ? [
                                   <ViewerInfoVideo key="viewer-info" />,
-                                  !inEmbeddedApp() && this.state.pagePlaylistLoaded ? (
+                                  this.state.pagePlaylistLoaded ? (
                                       <ViewerSidebar
                                           key="viewer-sidebar"
                                           mediaId={MediaPageStore.get('media-id')}
@@ -113,7 +112,7 @@ export class _VideoMediaPage extends Page {
                                   ) : null,
                               ]
                             : [
-                                  !inEmbeddedApp() && this.state.pagePlaylistLoaded ? (
+                                  this.state.pagePlaylistLoaded ? (
                                       <ViewerSidebar
                                           key="viewer-sidebar"
                                           mediaId={MediaPageStore.get('media-id')}
diff --git a/static/css/media.css b/static/css/media.css
index 8fe843c3..5cc517ce 100644
--- a/static/css/media.css
+++ b/static/css/media.css
@@ -3,4 +3,4 @@
 .playlist-form-field.playlist-title.focused:after,.playlist-form-field.playlist-description.focused:after{background-color:var(--playlist-form-title-focused-bg-color)}.playlist-privacy{border-color:var(--playlist-privacy-border-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn{color:var(--playlist-form-cancel-button-text-color)}.playlist-form-wrap .playlist-form-actions button.cancel-btn:hover,.playlist-form-wrap .playlist-form-actions button.cancel-btn:focus{color:var(--playlist-form-cancel-button-hover-text-color)}.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{color:var(--playlist-form-field-text-color);border-color:var(--playlist-form-field-border-color)}.playlist-form-wrap textarea:focus,.playlist-form-wrap input[type=text]:focus{-webkit-box-shadow:none;box-shadow:none}.playlist-form-field.playlist-title,.playlist-form-field.playlist-description{position:relative}.playlist-form-field.playlist-title.focused:after,.playlist-form-field.playlist-description.focused:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block}.playlist-form-field.playlist-title.invalid:after,.playlist-form-field.playlist-description.invalid:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;display:block;background-color:rgba(255,0,0,.8)}.playlist-privacy{padding-bottom:12px;border-style:solid;border-width:0 0 1px}.playlist-form-wrap .playlist-form-field{position:relative;margin:0 24px;margin-top:16px}.playlist-form-wrap .playlist-form-label{display:block;font-size:12px;line-height:20px;letter-spacing:.132px}.playlist-form-wrap .playlist-form-actions{position:relative;display:inline-block;width:100%;float:left;margin-top:4px;padding:8px}.playlist-form-wrap .playlist-form-actions button{height:40px;padding:10px 16px;font-size:14px;line-height:20px;letter-spacing:.007px;font-weight:500;border-width:0;background:none;position:relative;width:auto;float:left}.playlist-form-wrap .playlist-form-actions button.create-btn{float:right;color:var(--theme-color, var(--default-theme-color))}.playlist-form-wrap label,.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{display:block;width:100%}.playlist-form-wrap textarea{min-width:100%;max-width:100%;min-height:21px;height:24px;line-height:21px;overflow-y:hidden;overflow-wrap:break-word;vertical-align:baseline;resize:none}.playlist-form-wrap textarea,.playlist-form-wrap input[type=text]{padding:0px 0 2px 0;font-size:14px;line-height:20px;border-width:0 0 1px;background:none;outline:0}.playlist-form-wrap textarea::-webkit-input-placeholder, .playlist-form-wrap input[type=text]::-webkit-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::-moz-placeholder, .playlist-form-wrap input[type=text]::-moz-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-ms-input-placeholder, .playlist-form-wrap input[type=text]:-ms-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::-ms-input-placeholder, .playlist-form-wrap input[type=text]::-ms-input-placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea::placeholder,.playlist-form-wrap input[type=text]::placeholder{color:#909090;opacity:1}.playlist-form-wrap textarea:-ms-input-placeholder,.playlist-form-wrap input[type=text]:-ms-input-placeholder{color:#909090}.playlist-form-wrap textarea::-ms-input-placeholder,.playlist-form-wrap input[type=text]::-ms-input-placeholder{color:#909090}.playlist-form-wrap input[type=radio]{margin-right:16px;vertical-align:middle}.playlist-form-wrap label{padding:4px 0;font-size:14px;line-height:21px;cursor:pointer}
 .media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup{color:var(--playlist-save-popup-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-new-playlist{border-color:var(--playlist-save-popup-border-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button:hover,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button:focus,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button:active{color:var(--playlist-save-popup-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create{color:var(--playlist-save-popup-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create .material-icons{color:var(--playlist-save-popup-create-icon-text-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create:focus>*{background-color:var(--playlist-save-popup-create-focus-bg-color)}.media-title-banner .media-actions>*>*.save .popup-fullscreen{padding-top:64px;padding-bottom:8px}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup{max-width:280px;padding:0}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-new-playlist{border-width:1px 0 0;border-style:solid}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title{height:52px;padding:16px 52px 15px 24px;line-height:20px;font-size:16px}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-title .circle-icon-button{position:absolute;top:6px;right:6px;background:none}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select{overflow:auto;padding:12px 18px 12px 24px}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select>*{width:100%}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label{position:relative;display:table;width:100%;padding:4px 0;font-size:14px;line-height:24px;cursor:pointer}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label>*{display:table-cell}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label input[type=checkbox]{display:inline-block}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label span{width:100%;padding:0 4px 0 16px;text-align:initial}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-select label .material-icons{width:18px;padding-top:4px;text-align:right;font-size:18px;vertical-align:top;color:#909090}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create{width:100%;height:52px;font-size:14px;line-height:21px;text-align:initial;background:none;-moz-border-radius:0;border-radius:0}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create>*{padding:0 24px;-moz-border-radius:0;border-radius:0}.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div.saveto-popup .saveto-create .material-icons{margin-right:16px}
 .playlist-view{border:1px solid rgba(0,0,0,.1)}.dark_theme .playlist-view{border:1px solid hsla(0,0%,100%,.1)}.playlist-view .playlist-header{background-color:var(--playlist-view-header-bg-color)}.playlist-view .playlist-header .toggle-playlist-view{color:var(--playlist-view-header-toggle-text-color);background-color:var(--playlist-view-header-toggle-bg-color)}.playlist-view .playlist-title a{color:var(--playlist-view-title-link-text-color)}.playlist-view .playlist-meta{color:var(--playlist-view-meta-text-color)}.playlist-view .playlist-meta .counter{color:var(--item-meta-text-color)}.playlist-view .playlist-meta a{color:var(--playlist-view-meta-link-color)}.playlist-view .playlist-meta a:hover{color:var(--playlist-view-meta-link-hover-text-color)}.playlist-view .playlist-status{color:var(--playlist-view-status-text-color);background-color:var(--playlist-view-status-bg-color)}.playlist-view .playlist-status .material-icons{color:var(--playlist-view-status-icon-text-color)}.playlist-view .playlist-actions{background-color:var(--playlist-view-actions-bg-color)}.playlist-view .playlist-actions .circle-icon-button{background-color:var(--playlist-view-actions-bg-color)}.playlist-view .playlist-media{background-color:var(--playlist-view-media-bg-color)}.playlist-view .playlist-media .item-order-number{color:var(--playlist-view-media-order-number-color)}.playlist-view .playlist-media .item-main{line-height:1}.playlist-view .playlist-media .item-main h3{color:var(--playlist-view-item-title-text-color)}.playlist-view .playlist-media .item-main h3 span{line-height:var(--playlist-item-title-line-height);max-height:-webkit-calc(var(--horizontal-item-title-max-lines)*var(--playlist-item-title-line-height));max-height:-moz-calc(var(--horizontal-item-title-max-lines)*var(--playlist-item-title-line-height));max-height:calc(var(--horizontal-item-title-max-lines)*var(--playlist-item-title-line-height));background-color:var(--playlist-view-media-bg-color);background-color:rgba(0,0,0,0)}.playlist-view .playlist-media .item-meta{line-height:1.230769231em;color:var(--item-meta-text-color)}.playlist-view-wrap{position:relative;display:block;margin-bottom:24px}.playlist-view{display:block}.playlist-view a{text-decoration:none}.playlist-view .playlist-header{position:relative;padding:12px 16px}.playlist-view .playlist-header .toggle-playlist-view{position:absolute;top:15px;right:17px;width:30px;height:30px}.playlist-view.playlist-expanded-view .playlist-header{padding-bottom:0}.playlist-view .playlist-title{font-size:14px;font-weight:500;line-height:16px}.playlist-view .playlist-meta{margin-top:4px;font-size:12px;line-height:15px}.playlist-view .playlist-status{position:relative;display:inline-block;margin-right:8px;padding:2px 4px;font-size:12px;font-weight:500;line-height:12px;-moz-border-radius:2px;border-radius:2px}.playlist-view .playlist-status .material-icons{font-size:13px;display:inline-block;margin:0 3px 0 0}.playlist-view .playlist-status div{position:relative;display:inline-block}.playlist-view .playlist-status div:first-letter{text-transform:capitalize}.playlist-view .playlist-actions{padding:0 16px 0 8px}.playlist-view .playlist-actions .circle-icon-button{display:inline-block;margin-left:8px}.playlist-view .playlist-actions .circle-icon-button.active{color:var(--theme-color, var(--default-theme-color))}.playlist-view .playlist-actions .circle-icon-button.add-to-playlist{float:right}.playlist-view .playlist-actions .circle-icon-button:first-child{margin-left:0}.playlist-view .playlist-media{max-height:415px;padding:4px 0;overflow:auto}.playlist-view .playlist-media .items-list-outer{max-width:100%}.playlist-view .playlist-media .item{position:relative;padding:4px 8px 4px 28px;max-width:100%;margin:0;-webkit-transition:background-color .05s linear;-moz-transition:background-color .05s linear;transition:background-color .05s linear}.playlist-view .playlist-media .item:hover,.playlist-view .playlist-media .item.pl-active-item{background-color:var(--nav-menu-item-hover-bg-color)}.playlist-view .playlist-media .item-order-number{position:absolute;top:0;left:0;bottom:0;display:block;width:28px;font-size:12px;line-height:15px}.playlist-view .playlist-media .item-order-number>div{display:table;width:100%;height:100%}.playlist-view .playlist-media .item-order-number>div>div{display:table-cell;text-align:center;vertical-align:middle}.playlist-view .playlist-media .item-order-number .material-icons{font-size:17px}.playlist-view .playlist-media .items-list-wrap{min-height:64px}.playlist-view .playlist-media .item-content{padding-left:100px !important}.playlist-view .playlist-media .item-thumb{width:100px !important;height:56px !important}.playlist-view .playlist-media .item-main{width:auto;display:block;min-height:56px !important}.playlist-view .playlist-media .item-main .item-content-link{float:left;display:inline-block;width:100%}.playlist-view .playlist-media .item-main h3{position:relative;float:left;width:100%;margin:0 !important}
-.visible-sidebar .page-main-wrap{padding-left:0}.media-author-actions .popup-message-bottom button.cancel-comment-removal{color:var(--media-author-actions-popup-bottom-cancel-removal-button-text-color)}.media-author-actions .popup-message-bottom button.cancel-comment-removal:hover,.media-author-actions .popup-message-bottom button.cancel-comment-removal:focus{color:var(--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color)}.media-author-actions .popup-message-bottom button.cancel-comment-removal:hover .material-icons,.media-author-actions .popup-message-bottom button.cancel-comment-removal:focus .material-icons{color:var(--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:hover,.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:focus{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:hover .material-icons,.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:focus .material-icons{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color)}.media-title-banner{border-color:var(--media-title-banner-border-color)}.media-title-banner .media-labels-area .media-label-state>*{color:var(--media-title-labels-area-text-color);background-color:var(--media-title-labels-area-bg-color)}.media-title-banner .media-labels-area .helper-icon .material-icons{color:var(--media-title-labels-area-text-color)}.media-title-banner .media-views{color:var(--media-title-views-text-color)}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button:focus>*{background-color:var(--media-actions-not-popup-circle-icon-focus-bg-color)}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button:active>*{background-color:var(--media-actions-not-popup-circle-icon-active-bg-color)}.media-title-banner .media-actions>*>*.like:before,.media-title-banner .media-actions>*>*.dislike:before{border-color:var(--media-actions-like-before-border-color)}.media-title-banner .media-actions>*>*.share .share-popup-title{color:var(--media-actions-share-title-text-color)}.media-title-banner .media-actions>*>*.share .share-options .previous-slide .circle-icon-button,.media-title-banner .media-actions>*>*.share .share-options .next-slide .circle-icon-button{color:var(--media-actions-share-options-nav-button-text-color)}.media-title-banner .media-actions>*>*.share .share-options .sh-option a,.media-title-banner .media-actions>*>*.share .share-options .sh-option button{color:var(--media-actions-share-options-link-text-color)}.media-title-banner .media-actions>*>*.share .copy-field>div{border-color:var(--media-actions-share-copy-field-border-color);background-color:var(--media-actions-share-copy-field-bg-color)}.media-title-banner .media-actions>*>*.share .copy-field input[type=text]{color:var(--media-actions-share-copy-field-input-text-color)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{background-color:var(--media-actions-more-options-popup-bg-color)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button{color:var(--media-actions-more-options-popup-nav-link-text-color)}.media-title-banner .media-actions>*>*.share .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.more-options .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.video-downloads .popup-fullscreen .popup-main>div{background-color:var(--media-actions-share-fullscreen-popup-main-bg-color)}.report-form .form-title{color:var(--report-form-title-text-color)}.report-form .form-field .label{color:var(--report-form-field-label-text-color)}.report-form .form-field input[type=text],.report-form .form-field textarea{color:var(--report-form-field-input-text-color);border-color:var(--report-form-field-input-border-color);background-color:var(--report-form-field-input-bg-color)}.report-form .form-help-text{color:var(--report-form-help-text-color)}.form-actions-bottom{border-top-color:var(--form-actions-bottom-border-top-color)}.media-info-content .media-author-banner .author-banner-name{color:var(--media-author-banner-name-text-color)}.media-info-content .media-author-banner .author-banner-date{color:var(--media-author-banner-date-text-color)}.media-info-content .media-content-banner{border-color:var(--media-content-banner-border-color)}.share-embed-inner .on-right-top,.share-embed-inner .on-right-bottom{border-color:var(--share-embed-inner-on-right-border-color)}.share-embed-inner .on-right-top .on-right-top-inner .ttl{color:var(--share-embed-inner-on-right-ttl-text-color)}.share-embed-inner .on-right-top .on-right-top-inner .circle-icon-button{color:var(--share-embed-inner-on-right-icon-text-color)}.share-embed-inner .on-right-middle textarea{color:var(--share-embed-inner-textarea-text-color);border-color:var(--share-embed-inner-textarea-border-color);background-color:var(--share-embed-inner-textarea-bg-color)}.share-embed-inner .media-embed-wrap .circle-icon-button{color:var(--share-embed-inner-embed-wrap-iconn-text-color)}.media-status-info li span{color:var(--media-status-info-item-text-color)}.viewer-sidebar .auto-play .item{border-bottom-color:var(--viewer-sidebar-auto-play-border-bottom-color)}.viewer-sidebar .auto-play-header .next-label{color:var(--viewer-sidebar-auto-play-next-label-text-color)}.viewer-sidebar .auto-play-header .auto-play-option{color:var(--viewer-sidebar-auto-play-option-text-color)}.viewer-section{position:relative;margin:0 auto;width:100%;max-width:1328px}.viewer-section .viewer-section.viewer-section-nested{max-width:1328px}.viewer-section.viewer-wide{max-width:1754px}.viewer-section.viewer-wide .viewer-section.viewer-section-nested{max-width:1754px}.viewer-section.theater-mode{max-width:100%}.viewer-section.theater-mode .video-js.vjs-mediacms{padding:0}.viewer-container,.viewer-info{position:relative;float:left;width:100%}.viewer-container .vjs-theater-mode-control{display:none !important}@media screen and (min-width: 640px){.viewer-container{padding:24px 24px 0 24px}.viewer-container .vjs-theater-mode-control{display:inline-block !important}}.viewer-section.theater-mode .viewer-container{width:100%;padding:0}.viewer-container .vjs-fullscreen .vjs-theater-mode-control{display:none !important}@media screen and (min-width: 640px){.viewer-info-inner{margin:0 24px}}.viewer-sidebar{position:relative;float:right;width:100%;padding:12px 16px 24px}@media screen and (min-width: 640px){.viewer-sidebar{padding:24px}}.viewer-sidebar .load-more{margin-top:16px;margin-bottom:0}.viewer-sidebar .load-more:focus{-webkit-box-shadow:none;box-shadow:none}.viewer-sidebar .auto-play .items-list-wrap{min-height:0}.viewer-sidebar .auto-play .item{margin-bottom:16px;padding-bottom:16px;border-bottom-width:1px;border-bottom-style:solid}.viewer-sidebar .auto-play-header{position:relative;width:100%;min-height:22px;display:table;margin:0 auto 24px}@media screen and (min-width: 1008px){.viewer-sidebar .auto-play-header{margin:0 auto 12px}}.viewer-sidebar .auto-play-header>*{display:table-cell;vertical-align:middle}.viewer-sidebar .auto-play-header .next-label{font-size:16px;line-height:20px}.viewer-sidebar .auto-play-header .auto-play-option{text-align:right}.viewer-sidebar .auto-play-header .auto-play-option label{font-weight:500;font-size:.928571429em;letter-spacing:.007px;margin:0}.viewer-sidebar .auto-play-header .auto-play-option .checkbox-label:focus{outline:0}.viewer-sidebar .auto-play-header .auto-play-option .selectbox{width:1.231em;height:1.231em;margin-top:-2px}@media screen and (min-width: 1008px){.viewer-info{width:58.398%}.viewer-sidebar{width:41.602%;padding:24px 24px 24px 0}}@media screen and (min-width: 1216px){.viewer-container,.viewer-info{width:67.921%}.viewer-wide .viewer-container,.viewer-wide .viewer-info{width:68.813%}.viewer-sidebar{width:32.079%}.viewer-wide .viewer-sidebar{width:31.187%}}@media screen and (min-width: 1440px){.viewer-container,.viewer-info{width:67.921%}.viewer-wide .viewer-container,.viewer-wide .viewer-info{width:75.712%}.viewer-sidebar{width:32.079%}.viewer-wide .viewer-sidebar{width:24.288%}}.viewer-container .player-container{position:relative;padding-top:56.25%}@media screen and (min-width: 640px){.viewer-section.theater-mode .viewer-container .player-container{padding-top:40.1%}}.viewer-container .player-container.audio-player-container:before{content:"";position:absolute;top:50%;left:50%;margin:0;margin-top:-2rem;margin-left:-2rem;font-size:4rem;line-height:1;padding:0;font-family:"Material Icons";text-decoration:none;color:#888}.viewer-container .player-container.audio-player-container .vjs-control-bar{-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;transform:none !important}.viewer-container .player-container-inner{position:absolute;top:0;left:0;right:0;bottom:0}.embedded-app .viewer-container,.embedded-app .viewer-info{width:100%}.viewer-image-container{position:relative;display:block}.viewer-image-container img{cursor:pointer;position:relative;display:block;max-width:100%;height:auto;margin:0 auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;z-index:1000}.slideshow-container{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:auto;max-width:90%}.slideshow-image img{display:block;width:auto;height:auto;max-width:100%;max-height:90vh;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);-webkit-transition:opacity 60 ease-in-out,-webkit-transform 60s ease-in-out;transition:opacity 60 ease-in-out,-webkit-transform 60s ease-in-out;-moz-transition:transform 60s ease-in-out,opacity 60 ease-in-out,-moz-transform 60s ease-in-out;transition:transform 60s ease-in-out,opacity 60 ease-in-out;transition:transform 60s ease-in-out,opacity 60 ease-in-out,-webkit-transform 60s ease-in-out,-moz-transform 60s ease-in-out}.slideshow-title{margin-top:10px;text-align:start;font-size:16px;font-weight:bold;color:#bdb6b6;z-index:1200}.arrow{position:absolute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:40px;height:40px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:none;color:#fff;font-size:2rem;background-color:rgba(0,0,0,.2);cursor:pointer;padding:10px;-moz-border-radius:50%;border-radius:50%;z-index:1000;-webkit-transition:background-color .2s ease,-webkit-transform .2s ease;transition:background-color .2s ease,-webkit-transform .2s ease;-moz-transition:background-color .2s ease,transform .2s ease,-moz-transform .2s ease;transition:background-color .2s ease,transform .2s ease;transition:background-color .2s ease,transform .2s ease,-webkit-transform .2s ease,-moz-transform .2s ease;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.arrow:hover{background:rgba(92,78,78,.6);-webkit-transform:translateY(-50%) scale(1.1);-moz-transform:translateY(-50%) scale(1.1);-ms-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.arrow.left{left:10px}.arrow.right{right:10px}.thumbnail-navigation{position:fixed;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin-top:20px;gap:10px;bottom:10%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.thumbnail-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;max-width:80%;padding:10px 0;scrollbar-width:none}.thumbnail-container.center-thumbnails{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;overflow:visible}.thumbnail-container::-webkit-scrollbar{display:none}.thumbnail{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(0,0,0,0);-moz-border-radius:5px;border-radius:5px;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease}.thumbnail.active{border-color:#fff}.thumbnail:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}@media screen and (min-width: 480px){.viewer-container .player-container{-moz-border-radius:10px;border-radius:10px}}@media screen and (min-width: 480px){.viewer-container .player-container.audio-player-container{padding-top:42.1875%}}@media screen and (min-width: 640px){.viewer-container .player-container.audio-player-container{padding-top:28.125%}}.viewer-container .player-container.audio-player-container .video-js.vjs-mediacms{padding-top:0}.viewer-container .pdf-container{overflow-y:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:100%;height:400px}@media(min-width: 768px)and (max-width: 1023px){.viewer-container .pdf-container{width:90%;height:600px}}@media(min-width: 1024px){.viewer-container .pdf-container{width:85%;height:900px}}.viewer-container .player-container.viewer-pdf-container,.viewer-container .player-container.viewer-attachment-container{background-color:var(--item-thumb-bg-color);min-height:129.5px;padding-top:14.0625%}.viewer-container .player-container.viewer-pdf-container .player-container-inner .material-icons,.viewer-container .player-container.viewer-attachment-container .player-container-inner .material-icons{font-size:4rem;color:#888}.viewer-container .player-container.viewer-pdf-container .player-container-inner>span,.viewer-container .player-container.viewer-attachment-container .player-container-inner>span{position:absolute;display:table;top:0;left:0;width:100%;height:100%}.viewer-container .player-container.viewer-pdf-container .player-container-inner>span span,.viewer-container .player-container.viewer-attachment-container .player-container-inner>span span{display:table-cell;text-align:center;vertical-align:middle}.media-author-actions{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:12px;font-family:inherit;margin-bottom:-8px}.media-author-actions button:focus{-webkit-box-shadow:none;box-shadow:none}.media-author-actions .edit-media-icon,.media-author-actions .remove-media-icon{text-decoration:none;color:#fff;border:0;line-height:1;padding:0;width:40px;height:40px;-moz-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.media-author-actions .edit-media-icon .material-icons,.media-author-actions .remove-media-icon .material-icons{font-size:20px;line-height:1}.media-author-actions .edit-media-icon:active,.media-author-actions .remove-media-icon:active{-webkit-transform:scale(0.98);-moz-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98)}.media-author-actions .edit-media-icon{background-color:rgba(0,153,51,.9)}.media-author-actions .edit-media-icon:hover{background-color:#093;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.dark_theme .media-author-actions .edit-media-icon{background-color:rgba(102,187,102,.9)}.dark_theme .media-author-actions .edit-media-icon:hover{background-color:#6b6}.media-author-actions .remove-media-icon{background-color:rgba(220,53,69,.9)}.media-author-actions .remove-media-icon:hover{background-color:#dc3545;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.dark_theme .media-author-actions .remove-media-icon{background-color:rgba(255,107,107,.9)}.dark_theme .media-author-actions .remove-media-icon:hover{background-color:#ff6b6b}.media-author-actions .popup{position:absolute;bottom:100%;left:0;margin-bottom:8px}.media-author-actions .popup-message-bottom button{position:relative;width:auto;padding:0;border:0;background:none}.media-author-actions .popup-message-bottom button.proceed-comment-removal{float:right}.media-author-actions .popup-message-bottom button.cancel-comment-removal{float:left}.media-title-banner{position:relative;border-bottom-width:1px;border-bottom-style:solid;min-height:64px;padding:20px 12px 0 16px}@media screen and (min-width: 640px){.media-title-banner{padding:20px 0 0}}.media-title-banner h1{display:inline-block;font-size:18px;font-weight:400;line-height:1.333333;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.media-title-banner .media-labels-area{position:relative;display:block}.media-title-banner .media-labels-area .media-labels-area-inner{display:table}.media-title-banner .media-labels-area .media-labels-area-inner>*{display:table-cell;vertical-align:middle}.media-title-banner .media-labels-area .media-label-state>*{padding:2px 4px;margin-right:4px;font-size:12px;line-height:1;font-weight:500;text-transform:capitalize;-moz-border-radius:2px;border-radius:2px}.media-title-banner .media-labels-area .helper-icon{padding:0 4px 1px 0;cursor:help}.media-title-banner .media-labels-area .helper-icon .material-icons{display:inline-block;padding:0;margin:0;font-size:16px;line-height:1}.media-title-banner .media-views-actions{position:relative;display:table;width:100%;min-height:40px;z-index:999}.media-title-banner .media-views-actions>*{display:table-cell;vertical-align:middle}.media-title-banner .media-views{line-height:1.25;font-family:inherit}.media-title-banner .media-actions>*{position:relative;float:right}.media-title-banner .media-actions>*>*{position:relative;width:auto;float:left;margin-left:8px;padding-bottom:8px;color:#909090}.media-title-banner .media-actions>*>* button,.media-title-banner .media-actions>*>* .circle-icon-button{color:#909090}.media-title-banner .media-actions>*>* button:focus,.media-title-banner .media-actions>*>* .circle-icon-button:focus{-webkit-box-shadow:none;box-shadow:none}.media-title-banner .media-actions>*>*>*:not(.popup){display:table;cursor:pointer}.media-title-banner .media-actions>*>*>*:not(.popup)>*{display:table-cell;vertical-align:middle}.media-title-banner .media-actions>*>*>*:not(.popup)>*:nth-child(2){padding-right:8px}@media screen and (max-width: 480px){.media-title-banner .media-actions>*>*>*:not(.popup)>*:nth-child(2){display:none !important}}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{display:inline-block;background-color:rgba(0,0,0,0)}@media screen and (max-width: 359px){.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{width:2.25rem;height:2.25rem}}@media screen and (max-width: 319px){.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{width:2rem;height:2rem}}@media screen and (max-width: 299px){.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{width:1.75rem;height:1.75rem}}.media-title-banner .media-actions>*>* .popup{position:absolute;top:100%;right:0;margin-top:-4px}.media-title-banner .media-actions>*>*.like>*:not(.popup),.media-title-banner .media-actions>*>*.dislike>*:not(.popup),.media-title-banner .media-actions>*>*.share>*:not(.popup),.media-title-banner .media-actions>*>*.save>*:not(.popup),.media-title-banner .media-actions>*>*.download>*:not(.popup),.media-title-banner .media-actions>*>*.video-downloads>*:not(.popup){font-size:13px;font-weight:500;border:0;background:none}.media-title-banner .media-actions>*>*.like>*:not(.popup)>*,.media-title-banner .media-actions>*>*.dislike>*:not(.popup)>*,.media-title-banner .media-actions>*>*.share>*:not(.popup)>*,.media-title-banner .media-actions>*>*.save>*:not(.popup)>*,.media-title-banner .media-actions>*>*.download>*:not(.popup)>*,.media-title-banner .media-actions>*>*.video-downloads>*:not(.popup)>*{display:inline-block}.media-title-banner .media-actions>*>*.like,.media-title-banner .media-actions>*>*.dislike,.media-title-banner .media-actions>*>*.more-options{letter-spacing:.0007px}.media-title-banner .media-actions>*>*.like:before,.media-title-banner .media-actions>*>*.dislike:before{content:"";position:absolute;bottom:0;left:-4px;right:-4px;border-bottom:2px solid}.media-title-banner .media-actions>*>*.share .scrollable-content{display:block;padding-bottom:8px;overflow:auto}.media-title-banner .media-actions>*>*.share .share-popup-title{margin-bottom:16px;line-height:1.25}.media-title-banner .media-actions>*>*.share .share-options{margin-bottom:16px}.media-title-banner .media-actions>*>*.share .share-options .share-options-inner{position:relative;display:block;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.media-title-banner .media-actions>*>*.share .share-options .previous-slide,.media-title-banner .media-actions>*>*.share .share-options .next-slide{position:absolute;top:78px;z-index:1}.media-title-banner .media-actions>*>*.share .share-options .previous-slide{left:8px}.media-title-banner .media-actions>*>*.share .share-options .next-slide{right:8px}.media-title-banner .media-actions>*>*.share .share-options .sh-option{vertical-align:top;position:relative;display:inline-block;padding-right:8px;text-align:center}.media-title-banner .media-actions>*>*.share .share-options .sh-option a,.media-title-banner .media-actions>*>*.share .share-options .sh-option button{padding:5px 5px 2px;margin:1px 0;display:block;text-decoration:none;outline:0;border:0;background:none}.media-title-banner .media-actions>*>*.share .share-options .sh-option a>*:first-child,.media-title-banner .media-actions>*>*.share .share-options .sh-option button>*:first-child{display:block;width:60px;height:60px;line-height:60px;margin:0 auto 8px;-moz-border-radius:50%;border-radius:50%;background-position:center;background-repeat:no-repeat}.media-title-banner .media-actions>*>*.share .share-options .sh-option a>*:last-child,.media-title-banner .media-actions>*>*.share .share-options .sh-option button>*:last-child{font-size:13px;line-height:18px;overflow:hidden}.media-title-banner .media-actions>*>*.share .share-options .sh-option a .material-icons,.media-title-banner .media-actions>*>*.share .share-options .sh-option button .material-icons{padding:0;margin:0 0 0 1px;line-height:1;font-size:30px;overflow:hidden;color:#fff}.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt a>*:first-child,.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt button>*:first-child{background-color:#f4f4f4}.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt a .material-icons,.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt button .material-icons{color:#6f6f6f}.media-title-banner .media-actions>*>*.share .share-options .share-email a>*:first-child,.media-title-banner .media-actions>*>*.share .share-options .share-email button>*:first-child{background-color:#888}.media-title-banner .media-actions>*>*.share .copy-field{position:relative;width:100%}.media-title-banner .media-actions>*>*.share .copy-field>div{display:block;padding-right:5.5rem;border-width:1px;border-style:solid;-moz-border-radius:2px;border-radius:2px}.media-title-banner .media-actions>*>*.share .copy-field input[type=text]{width:100%;height:42px;padding:1px 0 1px 16px;font-family:Arial;font-size:14px;line-height:normal;border:0;background:none}.media-title-banner .media-actions>*>*.share .copy-field button{position:absolute;top:0;right:0;width:5.5rem;height:100%;line-height:20px;border:0;background:none;font-size:14px;font-weight:500}.media-title-banner .media-actions>*>*.share,.media-title-banner .media-actions>*>*.save,.media-title-banner .media-actions>*>*.download a{color:#909090}.media-title-banner .media-actions>*>*.more-options .circle-icon-button,.media-title-banner .media-actions>*>*.video-downloads .circle-icon-button{outline-width:initial}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup{width:auto;overflow:visible;-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}@media screen and (max-width: 1007px){.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:300px}}@media screen and (min-width: 1008px){.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:368px}}@media screen and (max-width: 480px){.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:220px}}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*.video-download-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options{width:240px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options{width:160px}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu{padding:8px 0}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu .menu-item-icon{margin-right:16px}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button{padding:0 16px;font-size:13px;font-weight:400}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu button>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button>*{line-height:48px}.media-title-banner .media-actions>*>*.share .popup-fullscreen .popup-main,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main,.media-title-banner .media-actions>*>*.more-options .popup-fullscreen .popup-main,.media-title-banner .media-actions>*>*.video-downloads .popup-fullscreen .popup-main{overflow:visible}.media-title-banner .media-actions>*>*.share .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.more-options .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.video-downloads .popup-fullscreen .popup-main>div{position:relative;width:auto;width:100%;max-width:518px;display:inline-block;margin:0 auto;padding:24px;text-align:initial;-webkit-box-shadow:rgba(0,0,0,.14) 0px 16px 24px 2px,rgba(0,0,0,.12) 0px 6px 30px 5px,rgba(0,0,0,.4) 0px 8px 10px;box-shadow:rgba(0,0,0,.14) 0px 16px 24px 2px,rgba(0,0,0,.12) 0px 6px 30px 5px,rgba(0,0,0,.4) 0px 8px 10px}.media-title-banner .media-actions>*>*.video-downloads .circle-icon-button{outline-width:initial}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup{width:auto;overflow:visible;-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0)}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}@media screen and (max-width: 1007px){.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:300px}}@media screen and (min-width: 1008px){.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:368px}}@media screen and (max-width: 480px){.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:220px}}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options{width:240px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .popup-main,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .popup-main,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .popup-main,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .popup-main{min-height:0;max-height:16em;max-height:33.333vh;overflow-x:hidden;overflow-y:auto}.nav-page-loggedInReportMedia .popup-main>div{padding:0 !important;max-width:450px !important}.report-form{display:block;overflow:auto;max-height:50%}.report-form .form-title{padding:20px 24px 0}.report-form .form-field{padding:24px 24px;position:relative;display:block}.report-form .form-field+.form-field{padding:0 24px 24px 24px}.report-form .form-field .label{display:block;line-height:1.5;font-size:13px;margin-bottom:8px;font-weight:500}.report-form .form-field input[type=text],.report-form .form-field textarea{min-width:100%;width:100%;max-width:100%;height:42px;padding:1px 12px;margin:0;font-family:Arial;font-size:14px;line-height:normal;border-width:1px;border-style:solid;-moz-border-radius:2px;border-radius:2px}.report-form .form-field *[readonly]{cursor:default;cursor:not-allowed}.report-form .form-field input[type=text]{font-size:14px}.report-form .form-field textarea{line-height:1.4;padding:8px 12px;min-height:80px;min-height:20vh;max-height:50vh}.report-form .form-help-text{font-family:inherit;font-size:12px;line-height:15px;margin-bottom:8px}.form-actions-bottom{display:block;text-align:right;padding:8px;border-top-width:1px;border-top-style:solid}.form-actions-bottom button{font-size:14px;font-stretch:100%;font-weight:500;line-height:20px;letter-spacing:.007px;text-align:center;padding:10px 16px;margin:0;border:0;background:none}.form-actions-bottom button.cancel{color:inherit !important}.media-info-content .media-author-banner{display:table;padding:0 16px;margin:16px 0}@media screen and (min-width: 640px){.media-info-content .media-author-banner{padding:0;margin:16px 0 10px}}.media-info-content .media-author-banner>*{display:table-cell;vertical-align:middle}.media-info-content .media-author-banner .author-banner-thumb span{display:block;width:48px;height:48px;margin-right:16px;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;-moz-border-radius:50%;border-radius:50%}.media-info-content .media-author-banner .author-banner-thumb span img{width:100%;height:100%;opacity:0}.media-info-content .media-author-banner .author-banner-name{font-size:14px;font-weight:500;line-height:1;text-decoration:none}.media-info-content .media-author-banner .author-banner-date{display:block;font-size:14px;line-height:1.384615;font-family:inherit}.media-info-content .media-content-banner{white-space:pre-wrap;overflow-wrap:break-word;font-size:14px;line-height:1.5;padding-bottom:16px;margin-bottom:8px;border-bottom-width:1px;border-bottom-style:solid;padding-left:16px;padding-right:16px;margin-top:20px}@media screen and (min-width: 640px){.media-info-content .media-content-banner{padding-right:0;padding-left:0}}@media screen and (min-width: 1008px){.media-info-content .media-content-banner{margin-bottom:0;border:0}}.media-info-content .media-content-banner .media-content-banner-inner{font-family:inherit}.media-info-content .media-content-banner .media-content-banner-inner>*{margin-bottom:16px}.media-info-content .media-content-banner .media-content-banner-inner>*:last-child{margin-bottom:0}.media-info-content .media-content-banner .media-content-banner-inner .load-more{margin-bottom:24px}.media-info-content .media-content-banner .media-content-description p,.media-info-content .media-content-banner .media-content-description ul{margin:0}.media-info-content .media-author-banner+.media-content-banner{margin-top:0;padding-top:16px;border-top-width:1px;border-top-style:solid}@media screen and (min-width: 640px){.media-info-content .media-author-banner+.media-content-banner{padding-top:0;padding-left:64px;border-top-width:0}}@media screen and (min-width: 1008px){.media-info-content .media-author-banner+.media-content-banner{border:0}}.media-info-content .media-author-banner+.media-content-banner .media-content-banner-inner{max-width:615px}.media-content-field{position:relative;width:100%;display:inline-block;font-family:inherit;line-height:21px;color:#888}.media-content-field-label{position:relative;display:inline-block;width:126px;padding-right:16px;position:absolute;top:0;left:0}.media-content-field-label h4{margin:0;font-size:14px;font-weight:400;line-height:21px}.media-content-field-content{position:relative;display:inline-block;width:auto;padding-left:126px;word-break:break-word;font-size:14px;font-weight:500;line-height:21px;color:var(--body-text-color)}.media-content-field-content>*{position:relative;display:inline-block;margin-right:4px}.media-content-field-content a{text-decoration:none}.media-content-field-content a:hover{text-decoration:underline}.media-content-banner.large-fields-title .media-content-field-label{width:160px}.media-content-banner.large-fields-title .media-content-field-content{padding-left:160px}.share-embed-outer{position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:2px solid red}.share-embed{overflow:auto}.popup-main .share-embed{padding:0 !important;max-width:426px !important}@media screen and (min-width: 1157px){.popup-main .share-embed{max-width:1280px !important}}.share-embed-popup{padding:72px 0}.share-embed-popup .popup-main{padding-left:16px;padding-right:16px}.share-embed-inner{position:relative;width:100%;float:left}.share-embed-inner .on-left,.share-embed-inner .on-right{position:relative;float:left;width:100%}.share-embed-inner .on-right{overflow:hidden}.share-embed-inner .on-right-top,.share-embed-inner .on-right-bottom{border-style:solid}.share-embed-inner .on-right-top{border-width:0 0 1px}.share-embed-inner .on-right-top:after{content:"";position:absolute;bottom:-5px;right:0;width:100%;height:5px;left:0;opacity:1;pointer-events:none;-webkit-box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06);box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06)}.share-embed-inner .on-right-top .on-right-top-inner{display:block;padding:16px}.share-embed-inner .on-right-top .on-right-top-inner .ttl{font-size:16px;line-height:1.25}.share-embed-inner .on-right-top .on-right-top-inner .circle-icon-button{position:absolute;top:6px;right:8px}.share-embed-inner .on-right-middle{position:absolute;top:60px;bottom:60px;right:0;left:0;padding:16px;word-break:break-word;overflow:auto}@media screen and (max-width: 1156px){.share-embed-inner .on-right-middle{position:relative;top:auto !important;bottom:auto !important}}.share-embed-inner .on-right-middle textarea{min-width:314px;width:100%;max-width:100%;min-height:126px;min-height:132px;height:152px;max-height:100%;padding:16px;cursor:text;font-family:"Roboto Mono",monospace;font-size:14px;line-height:1.714285714;outline:0;border-width:1px;border-style:solid;-moz-border-radius:2px;border-radius:2px}.share-embed-inner .on-right-middle .iframe-config{display:block;padding:16px 0 0}.share-embed-inner .on-right-middle .iframe-config-options-title{display:block;padding:0 0 16px;font-size:13px;font-weight:500;text-transform:uppercase}.share-embed-inner .on-right-middle .iframe-config-option{display:block;color:var(--share-embed-inner-on-right-ttl-text-color)}.share-embed-inner .on-right-middle .iframe-config-option .option-content .options-group{width:50%;display:inline-block;vertical-align:top}.share-embed-inner .on-right-middle .iframe-config-option .option-content .options-group input[type=checkbox]{margin-left:0}.share-embed-inner .on-right-middle .iframe-config-option .option-content .ratio-options{position:relative;display:inline-block;width:100%}.share-embed-inner .on-right-middle .iframe-config-option .option-content .ratio-options input[type=checkbox]{margin-left:0}.share-embed-inner .on-right-middle .iframe-config-option .option-content .ratio-options select{width:167px;max-width:92%}.share-embed-inner .on-right-middle .iframe-config-option .option-content .num-value-unit{position:relative;width:100%;display:inline-block;margin-bottom:16px;margin-right:0}.share-embed-inner .on-right-middle .iframe-config-option .option-content .num-value-unit .value-input{max-width:56%}.share-embed-inner .on-right-bottom{padding:8px;text-align:right;border-width:1px 0 0}.share-embed-inner .on-right-bottom button{padding:10px 16px;width:5.5rem;height:100%;line-height:20px;border:0;background:none;font-size:14px;font-weight:500}@media screen and (min-width: 1157px){.share-embed-inner .on-left{width:66.6666666667%}.share-embed-inner .on-right{position:absolute;right:0;top:0;bottom:0;width:33.3333333333%}.share-embed-inner .on-right-bottom{position:absolute;left:0;right:0}.share-embed-inner .on-right-bottom{bottom:0}}.share-embed-inner .media-embed-wrap{display:block;width:100%;height:100%;background:#000}.share-embed-inner .media-embed-wrap .media-embed-wrap{display:block}.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container,.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container-inner{width:100%;height:100%;padding-top:0;background:#000}.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container,.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container-inner{width:100%;height:100%}.share-embed-inner .media-embed-wrap .media-embed-wrap button{color:#fff}.share-embed-inner .media-embed-wrap .media-embed-wrap .video-js.vjs-mediacms{padding-top:0}.share-embed-inner .media-embed-wrap .video-js.vjs-mediacms{padding-top:56.25%}.media-status-info{list-style:none;padding:8px 0;margin:0}.media-status-info li{padding:8px 20px;font-size:13px}.media-status-info li span{font-weight:500;text-transform:uppercase}.media-status-info li.reports span{color:red}.loggedin-media-reported .menu-item-icon .material-icons{color:red;color:rgba(255,0,0,.8)}@media screen and (min-width: 1008px){.viewer-sidebar .item-thumb,.viewer-sidebar a.item-thumb,.sliding-sidebar .viewer-sidebar .item-thumb,.sliding-sidebar .viewer-sidebar a.item-thumb,.visible-sidebar .viewer-sidebar .item-thumb,.visible-sidebar .viewer-sidebar a.item-thumb{width:168px;height:94.2648px}.viewer-sidebar .item-content,.sliding-sidebar .viewer-sidebar .item-content,.visible-sidebar .viewer-sidebar .item-content{padding-left:168px}.viewer-sidebar .item-meta>*:nth-child(n+2):before,.sliding-sidebar .viewer-sidebar .item-meta>*:nth-child(n+2):before,.visible-sidebar .viewer-sidebar .item-meta>*:nth-child(n+2):before{display:none}.viewer-sidebar .item-meta .item-date:before,.sliding-sidebar .viewer-sidebar .item-meta .item-date:before,.visible-sidebar .viewer-sidebar .item-meta .item-date:before{content:"•";content:"•";margin:0 4px}.viewer-sidebar .item-meta .item-author,.sliding-sidebar .viewer-sidebar .item-meta .item-author,.visible-sidebar .viewer-sidebar .item-meta .item-author{display:block}.viewer-sidebar .item-main,.sliding-sidebar .viewer-sidebar .item-main,.visible-sidebar .viewer-sidebar .item-main{padding-left:8px;min-height:94.2648px}.viewer-sidebar .item-main h3,.sliding-sidebar .viewer-sidebar .item-main h3,.visible-sidebar .viewer-sidebar .item-main h3{margin-top:0;margin-bottom:4px;font-size:var(--item-title-font-size);font-weight:500}}.media-under-title-categories{margin:16px 0;color:var(--item-meta-text-color)}.media-under-title-categories.over-title{margin:0}.media-under-title-categories span{display:inline-block;margin-right:4px}.media-under-title-categories span:after{content:","}.media-under-title-categories span:last-child{margin-right:0}.media-under-title-categories span:last-child:after{content:""}.media-under-title-categories a{text-decoration:none}.media-under-title-categories a:hover{text-decoration:underline}
+.visible-sidebar .page-main-wrap{padding-left:0}.media-author-actions .popup-message-bottom button.cancel-comment-removal{color:var(--media-author-actions-popup-bottom-cancel-removal-button-text-color)}.media-author-actions .popup-message-bottom button.cancel-comment-removal:hover,.media-author-actions .popup-message-bottom button.cancel-comment-removal:focus{color:var(--media-author-actions-popup-bottom-cancel-removal-button-hover-text-color)}.media-author-actions .popup-message-bottom button.cancel-comment-removal:hover .material-icons,.media-author-actions .popup-message-bottom button.cancel-comment-removal:focus .material-icons{color:var(--media-author-actions-popup-bottom-cancel-removal-button-hover-icon-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:hover,.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:focus{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-text-color)}.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:hover .material-icons,.profile-banner-wrap .popup-message-bottom button.cancel-profile-removal:focus .material-icons{color:var(--profile-banner-wrap-popup-bottom-cancel-removal-button-hover-icon-text-color)}.media-title-banner{border-color:var(--media-title-banner-border-color)}.media-title-banner .media-labels-area .media-label-state>*{color:var(--media-title-labels-area-text-color);background-color:var(--media-title-labels-area-bg-color)}.media-title-banner .media-labels-area .helper-icon .material-icons{color:var(--media-title-labels-area-text-color)}.media-title-banner .media-views{color:var(--media-title-views-text-color)}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button:focus>*{background-color:var(--media-actions-not-popup-circle-icon-focus-bg-color)}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button:active>*{background-color:var(--media-actions-not-popup-circle-icon-active-bg-color)}.media-title-banner .media-actions>*>*.like:before,.media-title-banner .media-actions>*>*.dislike:before{border-color:var(--media-actions-like-before-border-color)}.media-title-banner .media-actions>*>*.share .share-popup-title{color:var(--media-actions-share-title-text-color)}.media-title-banner .media-actions>*>*.share .share-options .previous-slide .circle-icon-button,.media-title-banner .media-actions>*>*.share .share-options .next-slide .circle-icon-button{color:var(--media-actions-share-options-nav-button-text-color)}.media-title-banner .media-actions>*>*.share .share-options .sh-option a,.media-title-banner .media-actions>*>*.share .share-options .sh-option button{color:var(--media-actions-share-options-link-text-color)}.media-title-banner .media-actions>*>*.share .copy-field>div{border-color:var(--media-actions-share-copy-field-border-color);background-color:var(--media-actions-share-copy-field-bg-color)}.media-title-banner .media-actions>*>*.share .copy-field input[type=text]{color:var(--media-actions-share-copy-field-input-text-color)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{background-color:var(--media-actions-more-options-popup-bg-color)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button{color:var(--media-actions-more-options-popup-nav-link-text-color)}.media-title-banner .media-actions>*>*.share .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.more-options .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.video-downloads .popup-fullscreen .popup-main>div{background-color:var(--media-actions-share-fullscreen-popup-main-bg-color)}.report-form .form-title{color:var(--report-form-title-text-color)}.report-form .form-field .label{color:var(--report-form-field-label-text-color)}.report-form .form-field input[type=text],.report-form .form-field textarea{color:var(--report-form-field-input-text-color);border-color:var(--report-form-field-input-border-color);background-color:var(--report-form-field-input-bg-color)}.report-form .form-help-text{color:var(--report-form-help-text-color)}.form-actions-bottom{border-top-color:var(--form-actions-bottom-border-top-color)}.media-info-content .media-author-banner .author-banner-name{color:var(--media-author-banner-name-text-color)}.media-info-content .media-author-banner .author-banner-date{color:var(--media-author-banner-date-text-color)}.media-info-content .media-content-banner{border-color:var(--media-content-banner-border-color)}.share-embed-inner .on-right-top,.share-embed-inner .on-right-bottom{border-color:var(--share-embed-inner-on-right-border-color)}.share-embed-inner .on-right-top .on-right-top-inner .ttl{color:var(--share-embed-inner-on-right-ttl-text-color)}.share-embed-inner .on-right-top .on-right-top-inner .circle-icon-button{color:var(--share-embed-inner-on-right-icon-text-color)}.share-embed-inner .on-right-middle textarea{color:var(--share-embed-inner-textarea-text-color);border-color:var(--share-embed-inner-textarea-border-color);background-color:var(--share-embed-inner-textarea-bg-color)}.share-embed-inner .media-embed-wrap .circle-icon-button{color:var(--share-embed-inner-embed-wrap-iconn-text-color)}.media-status-info li span{color:var(--media-status-info-item-text-color)}.viewer-sidebar .auto-play .item{border-bottom-color:var(--viewer-sidebar-auto-play-border-bottom-color)}.viewer-sidebar .auto-play-header .next-label{color:var(--viewer-sidebar-auto-play-next-label-text-color)}.viewer-sidebar .auto-play-header .auto-play-option{color:var(--viewer-sidebar-auto-play-option-text-color)}.viewer-section{position:relative;margin:0 auto;width:100%;max-width:1328px}.viewer-section .viewer-section.viewer-section-nested{max-width:1328px}.viewer-section.viewer-wide{max-width:1754px}.viewer-section.viewer-wide .viewer-section.viewer-section-nested{max-width:1754px}.viewer-section.theater-mode{max-width:100%}.viewer-section.theater-mode .video-js.vjs-mediacms{padding:0}.viewer-container,.viewer-info{position:relative;float:left;width:100%}.viewer-container .vjs-theater-mode-control{display:none !important}@media screen and (min-width: 640px){.viewer-container{padding:24px 24px 0 24px}.viewer-container .vjs-theater-mode-control{display:inline-block !important}}.viewer-section.theater-mode .viewer-container{width:100%;padding:0}.viewer-container .vjs-fullscreen .vjs-theater-mode-control{display:none !important}@media screen and (min-width: 640px){.viewer-info-inner{margin:0 24px}}.viewer-sidebar{position:relative;float:right;width:100%;padding:12px 16px 24px}@media screen and (min-width: 640px){.viewer-sidebar{padding:24px}}.viewer-sidebar .load-more{margin-top:16px;margin-bottom:0}.viewer-sidebar .load-more:focus{-webkit-box-shadow:none;box-shadow:none}.viewer-sidebar .auto-play .items-list-wrap{min-height:0}.viewer-sidebar .auto-play .item{margin-bottom:16px;padding-bottom:16px;border-bottom-width:1px;border-bottom-style:solid}.viewer-sidebar .auto-play-header{position:relative;width:100%;min-height:22px;display:table;margin:0 auto 24px}@media screen and (min-width: 1008px){.viewer-sidebar .auto-play-header{margin:0 auto 12px}}.viewer-sidebar .auto-play-header>*{display:table-cell;vertical-align:middle}.viewer-sidebar .auto-play-header .next-label{font-size:16px;line-height:20px}.viewer-sidebar .auto-play-header .auto-play-option{text-align:right}.viewer-sidebar .auto-play-header .auto-play-option label{font-weight:500;font-size:.928571429em;letter-spacing:.007px;margin:0}.viewer-sidebar .auto-play-header .auto-play-option .checkbox-label:focus{outline:0}.viewer-sidebar .auto-play-header .auto-play-option .selectbox{width:1.231em;height:1.231em;margin-top:-2px}@media screen and (min-width: 1008px){.viewer-info{width:58.398%}.viewer-sidebar{width:41.602%;padding:24px 24px 24px 0}}@media screen and (min-width: 1216px){.viewer-container,.viewer-info{width:67.921%}.viewer-wide .viewer-container,.viewer-wide .viewer-info{width:68.813%}.viewer-sidebar{width:32.079%}.viewer-wide .viewer-sidebar{width:31.187%}}@media screen and (min-width: 1440px){.viewer-container,.viewer-info{width:67.921%}.viewer-wide .viewer-container,.viewer-wide .viewer-info{width:75.712%}.viewer-sidebar{width:32.079%}.viewer-wide .viewer-sidebar{width:24.288%}}.viewer-container .player-container{position:relative;padding-top:56.25%}@media screen and (min-width: 640px){.viewer-section.theater-mode .viewer-container .player-container{padding-top:40.1%}}.viewer-container .player-container.audio-player-container:before{content:"";position:absolute;top:50%;left:50%;margin:0;margin-top:-2rem;margin-left:-2rem;font-size:4rem;line-height:1;padding:0;font-family:"Material Icons";text-decoration:none;color:#888}.viewer-container .player-container.audio-player-container .vjs-control-bar{-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;transform:none !important}.viewer-container .player-container-inner{position:absolute;top:0;left:0;right:0;bottom:0}.viewer-image-container{position:relative;display:block}.viewer-image-container img{cursor:pointer;position:relative;display:block;max-width:100%;height:auto;margin:0 auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;z-index:1000}.slideshow-container{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;width:auto;max-width:90%}.slideshow-image img{display:block;width:auto;height:auto;max-width:100%;max-height:90vh;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);-webkit-transition:opacity 60 ease-in-out,-webkit-transform 60s ease-in-out;transition:opacity 60 ease-in-out,-webkit-transform 60s ease-in-out;-moz-transition:transform 60s ease-in-out,opacity 60 ease-in-out,-moz-transform 60s ease-in-out;transition:transform 60s ease-in-out,opacity 60 ease-in-out;transition:transform 60s ease-in-out,opacity 60 ease-in-out,-webkit-transform 60s ease-in-out,-moz-transform 60s ease-in-out}.slideshow-title{margin-top:10px;text-align:start;font-size:16px;font-weight:bold;color:#bdb6b6;z-index:1200}.arrow{position:absolute;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:40px;height:40px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:none;color:#fff;font-size:2rem;background-color:rgba(0,0,0,.2);cursor:pointer;padding:10px;-moz-border-radius:50%;border-radius:50%;z-index:1000;-webkit-transition:background-color .2s ease,-webkit-transform .2s ease;transition:background-color .2s ease,-webkit-transform .2s ease;-moz-transition:background-color .2s ease,transform .2s ease,-moz-transform .2s ease;transition:background-color .2s ease,transform .2s ease;transition:background-color .2s ease,transform .2s ease,-webkit-transform .2s ease,-moz-transform .2s ease;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.arrow:hover{background:rgba(92,78,78,.6);-webkit-transform:translateY(-50%) scale(1.1);-moz-transform:translateY(-50%) scale(1.1);-ms-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.arrow.left{left:10px}.arrow.right{right:10px}.thumbnail-navigation{position:fixed;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin-top:20px;gap:10px;bottom:10%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.thumbnail-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;max-width:80%;padding:10px 0;scrollbar-width:none}.thumbnail-container.center-thumbnails{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;overflow:visible}.thumbnail-container::-webkit-scrollbar{display:none}.thumbnail{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(0,0,0,0);-moz-border-radius:5px;border-radius:5px;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease, -moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease}.thumbnail.active{border-color:#fff}.thumbnail:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}@media screen and (min-width: 480px){.viewer-container .player-container{-moz-border-radius:10px;border-radius:10px}}@media screen and (min-width: 480px){.viewer-container .player-container.audio-player-container{padding-top:42.1875%}}@media screen and (min-width: 640px){.viewer-container .player-container.audio-player-container{padding-top:28.125%}}.viewer-container .player-container.audio-player-container .video-js.vjs-mediacms{padding-top:0}.viewer-container .pdf-container{overflow-y:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:100%;height:400px}@media(min-width: 768px)and (max-width: 1023px){.viewer-container .pdf-container{width:90%;height:600px}}@media(min-width: 1024px){.viewer-container .pdf-container{width:85%;height:900px}}.viewer-container .player-container.viewer-pdf-container,.viewer-container .player-container.viewer-attachment-container{background-color:var(--item-thumb-bg-color);min-height:129.5px;padding-top:14.0625%}.viewer-container .player-container.viewer-pdf-container .player-container-inner .material-icons,.viewer-container .player-container.viewer-attachment-container .player-container-inner .material-icons{font-size:4rem;color:#888}.viewer-container .player-container.viewer-pdf-container .player-container-inner>span,.viewer-container .player-container.viewer-attachment-container .player-container-inner>span{position:absolute;display:table;top:0;left:0;width:100%;height:100%}.viewer-container .player-container.viewer-pdf-container .player-container-inner>span span,.viewer-container .player-container.viewer-attachment-container .player-container-inner>span span{display:table-cell;text-align:center;vertical-align:middle}.media-author-actions{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:12px;font-family:inherit;margin-bottom:-8px}.media-author-actions button:focus{-webkit-box-shadow:none;box-shadow:none}.media-author-actions .edit-media-icon,.media-author-actions .remove-media-icon{text-decoration:none;color:#fff;border:0;line-height:1;padding:0;width:40px;height:40px;-moz-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2)}.media-author-actions .edit-media-icon .material-icons,.media-author-actions .remove-media-icon .material-icons{font-size:20px;line-height:1}.media-author-actions .edit-media-icon:active,.media-author-actions .remove-media-icon:active{-webkit-transform:scale(0.98);-moz-transform:scale(0.98);-ms-transform:scale(0.98);transform:scale(0.98)}.media-author-actions .edit-media-icon{background-color:rgba(0,153,51,.9)}.media-author-actions .edit-media-icon:hover{background-color:#093;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.dark_theme .media-author-actions .edit-media-icon{background-color:rgba(102,187,102,.9)}.dark_theme .media-author-actions .edit-media-icon:hover{background-color:#6b6}.media-author-actions .remove-media-icon{background-color:rgba(220,53,69,.9)}.media-author-actions .remove-media-icon:hover{background-color:#dc3545;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.3);box-shadow:0 4px 8px rgba(0,0,0,.3);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.dark_theme .media-author-actions .remove-media-icon{background-color:rgba(255,107,107,.9)}.dark_theme .media-author-actions .remove-media-icon:hover{background-color:#ff6b6b}.media-author-actions .popup{position:absolute;bottom:100%;left:0;margin-bottom:8px}.media-author-actions .popup-message-bottom button{position:relative;width:auto;padding:0;border:0;background:none}.media-author-actions .popup-message-bottom button.proceed-comment-removal{float:right}.media-author-actions .popup-message-bottom button.cancel-comment-removal{float:left}.media-title-banner{position:relative;border-bottom-width:1px;border-bottom-style:solid;min-height:64px;padding:20px 12px 0 16px}@media screen and (min-width: 640px){.media-title-banner{padding:20px 0 0}}.media-title-banner h1{display:inline-block;font-size:18px;font-weight:400;line-height:1.333333;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.media-title-banner .media-labels-area{position:relative;display:block}.media-title-banner .media-labels-area .media-labels-area-inner{display:table}.media-title-banner .media-labels-area .media-labels-area-inner>*{display:table-cell;vertical-align:middle}.media-title-banner .media-labels-area .media-label-state>*{padding:2px 4px;margin-right:4px;font-size:12px;line-height:1;font-weight:500;text-transform:capitalize;-moz-border-radius:2px;border-radius:2px}.media-title-banner .media-labels-area .helper-icon{padding:0 4px 1px 0;cursor:help}.media-title-banner .media-labels-area .helper-icon .material-icons{display:inline-block;padding:0;margin:0;font-size:16px;line-height:1}.media-title-banner .media-views-actions{position:relative;display:table;width:100%;min-height:40px;z-index:999}.media-title-banner .media-views-actions>*{display:table-cell;vertical-align:middle}.media-title-banner .media-views{line-height:1.25;font-family:inherit}.media-title-banner .media-actions>*{position:relative;float:right}.media-title-banner .media-actions>*>*{position:relative;width:auto;float:left;margin-left:8px;padding-bottom:8px;color:#909090}.media-title-banner .media-actions>*>* button,.media-title-banner .media-actions>*>* .circle-icon-button{color:#909090}.media-title-banner .media-actions>*>* button:focus,.media-title-banner .media-actions>*>* .circle-icon-button:focus{-webkit-box-shadow:none;box-shadow:none}.media-title-banner .media-actions>*>*>*:not(.popup){display:table;cursor:pointer}.media-title-banner .media-actions>*>*>*:not(.popup)>*{display:table-cell;vertical-align:middle}.media-title-banner .media-actions>*>*>*:not(.popup)>*:nth-child(2){padding-right:8px}@media screen and (max-width: 480px){.media-title-banner .media-actions>*>*>*:not(.popup)>*:nth-child(2){display:none !important}}.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{display:inline-block;background-color:rgba(0,0,0,0)}@media screen and (max-width: 359px){.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{width:2.25rem;height:2.25rem}}@media screen and (max-width: 319px){.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{width:2rem;height:2rem}}@media screen and (max-width: 299px){.media-title-banner .media-actions>*>*>*:not(.popup) .circle-icon-button{width:1.75rem;height:1.75rem}}.media-title-banner .media-actions>*>* .popup{position:absolute;top:100%;right:0;margin-top:-4px}.media-title-banner .media-actions>*>*.like>*:not(.popup),.media-title-banner .media-actions>*>*.dislike>*:not(.popup),.media-title-banner .media-actions>*>*.share>*:not(.popup),.media-title-banner .media-actions>*>*.save>*:not(.popup),.media-title-banner .media-actions>*>*.download>*:not(.popup),.media-title-banner .media-actions>*>*.video-downloads>*:not(.popup){font-size:13px;font-weight:500;border:0;background:none}.media-title-banner .media-actions>*>*.like>*:not(.popup)>*,.media-title-banner .media-actions>*>*.dislike>*:not(.popup)>*,.media-title-banner .media-actions>*>*.share>*:not(.popup)>*,.media-title-banner .media-actions>*>*.save>*:not(.popup)>*,.media-title-banner .media-actions>*>*.download>*:not(.popup)>*,.media-title-banner .media-actions>*>*.video-downloads>*:not(.popup)>*{display:inline-block}.media-title-banner .media-actions>*>*.like,.media-title-banner .media-actions>*>*.dislike,.media-title-banner .media-actions>*>*.more-options{letter-spacing:.0007px}.media-title-banner .media-actions>*>*.like:before,.media-title-banner .media-actions>*>*.dislike:before{content:"";position:absolute;bottom:0;left:-4px;right:-4px;border-bottom:2px solid}.media-title-banner .media-actions>*>*.share .scrollable-content{display:block;padding-bottom:8px;overflow:auto}.media-title-banner .media-actions>*>*.share .share-popup-title{margin-bottom:16px;line-height:1.25}.media-title-banner .media-actions>*>*.share .share-options{margin-bottom:16px}.media-title-banner .media-actions>*>*.share .share-options .share-options-inner{position:relative;display:block;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.media-title-banner .media-actions>*>*.share .share-options .previous-slide,.media-title-banner .media-actions>*>*.share .share-options .next-slide{position:absolute;top:78px;z-index:1}.media-title-banner .media-actions>*>*.share .share-options .previous-slide{left:8px}.media-title-banner .media-actions>*>*.share .share-options .next-slide{right:8px}.media-title-banner .media-actions>*>*.share .share-options .sh-option{vertical-align:top;position:relative;display:inline-block;padding-right:8px;text-align:center}.media-title-banner .media-actions>*>*.share .share-options .sh-option a,.media-title-banner .media-actions>*>*.share .share-options .sh-option button{padding:5px 5px 2px;margin:1px 0;display:block;text-decoration:none;outline:0;border:0;background:none}.media-title-banner .media-actions>*>*.share .share-options .sh-option a>*:first-child,.media-title-banner .media-actions>*>*.share .share-options .sh-option button>*:first-child{display:block;width:60px;height:60px;line-height:60px;margin:0 auto 8px;-moz-border-radius:50%;border-radius:50%;background-position:center;background-repeat:no-repeat}.media-title-banner .media-actions>*>*.share .share-options .sh-option a>*:last-child,.media-title-banner .media-actions>*>*.share .share-options .sh-option button>*:last-child{font-size:13px;line-height:18px;overflow:hidden}.media-title-banner .media-actions>*>*.share .share-options .sh-option a .material-icons,.media-title-banner .media-actions>*>*.share .share-options .sh-option button .material-icons{padding:0;margin:0 0 0 1px;line-height:1;font-size:30px;overflow:hidden;color:#fff}.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt a>*:first-child,.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt button>*:first-child{background-color:#f4f4f4}.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt a .material-icons,.media-title-banner .media-actions>*>*.share .share-options .share-embed-opt button .material-icons{color:#6f6f6f}.media-title-banner .media-actions>*>*.share .share-options .share-email a>*:first-child,.media-title-banner .media-actions>*>*.share .share-options .share-email button>*:first-child{background-color:#888}.media-title-banner .media-actions>*>*.share .copy-field{position:relative;width:100%}.media-title-banner .media-actions>*>*.share .copy-field>div{display:block;padding-right:5.5rem;border-width:1px;border-style:solid;-moz-border-radius:2px;border-radius:2px}.media-title-banner .media-actions>*>*.share .copy-field input[type=text]{width:100%;height:42px;padding:1px 0 1px 16px;font-family:Arial;font-size:14px;line-height:normal;border:0;background:none}.media-title-banner .media-actions>*>*.share .copy-field button{position:absolute;top:0;right:0;width:5.5rem;height:100%;line-height:20px;border:0;background:none;font-size:14px;font-weight:500}.media-title-banner .media-actions>*>*.share,.media-title-banner .media-actions>*>*.save,.media-title-banner .media-actions>*>*.download a{color:#909090}.media-title-banner .media-actions>*>*.more-options .circle-icon-button,.media-title-banner .media-actions>*>*.video-downloads .circle-icon-button{outline-width:initial}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup{width:auto;overflow:visible;-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}@media screen and (max-width: 1007px){.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:300px}}@media screen and (min-width: 1008px){.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:368px}}@media screen and (max-width: 480px){.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:220px}}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-mediaStatusInfo .popup>*.video-download-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-mediaStatusInfo .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options{width:240px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options{width:160px}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu{padding:8px 0}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu .menu-item-icon,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu .menu-item-icon{margin-right:16px}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button{padding:0 16px;font-size:13px;font-weight:400}.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-main .popup>*.video-download-options .nav-menu button>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.more-options .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .nav-menu button>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu a>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .nav-menu button>*{line-height:48px}.media-title-banner .media-actions>*>*.share .popup-fullscreen .popup-main,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main,.media-title-banner .media-actions>*>*.more-options .popup-fullscreen .popup-main,.media-title-banner .media-actions>*>*.video-downloads .popup-fullscreen .popup-main{overflow:visible}.media-title-banner .media-actions>*>*.share .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.save .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.more-options .popup-fullscreen .popup-main>div,.media-title-banner .media-actions>*>*.video-downloads .popup-fullscreen .popup-main>div{position:relative;width:auto;width:100%;max-width:518px;display:inline-block;margin:0 auto;padding:24px;text-align:initial;-webkit-box-shadow:rgba(0,0,0,.14) 0px 16px 24px 2px,rgba(0,0,0,.12) 0px 6px 30px 5px,rgba(0,0,0,.4) 0px 8px 10px;box-shadow:rgba(0,0,0,.14) 0px 16px 24px 2px,rgba(0,0,0,.12) 0px 6px 30px 5px,rgba(0,0,0,.4) 0px 8px 10px}.media-title-banner .media-actions>*>*.video-downloads .circle-icon-button{outline-width:initial}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup{width:auto;overflow:visible;-webkit-box-shadow:none;box-shadow:none;background-color:rgba(0,0,0,0)}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)}@media screen and (max-width: 1007px){.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:300px}}@media screen and (min-width: 1008px){.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:368px}}@media screen and (max-width: 480px){.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*{width:220px}}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options{width:240px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.main-options .popup-main,.media-title-banner .media-actions>*>*.video-downloads .nav-page-main .popup>*.video-download-options .popup-main,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.main-options .popup-main,.media-title-banner .media-actions>*>*.video-downloads .nav-page-videoDownloadOptions .popup>*.video-download-options .popup-main{min-height:0;max-height:16em;max-height:33.333vh;overflow-x:hidden;overflow-y:auto}.nav-page-loggedInReportMedia .popup-main>div{padding:0 !important;max-width:450px !important}.report-form{display:block;overflow:auto;max-height:50%}.report-form .form-title{padding:20px 24px 0}.report-form .form-field{padding:24px 24px;position:relative;display:block}.report-form .form-field+.form-field{padding:0 24px 24px 24px}.report-form .form-field .label{display:block;line-height:1.5;font-size:13px;margin-bottom:8px;font-weight:500}.report-form .form-field input[type=text],.report-form .form-field textarea{min-width:100%;width:100%;max-width:100%;height:42px;padding:1px 12px;margin:0;font-family:Arial;font-size:14px;line-height:normal;border-width:1px;border-style:solid;-moz-border-radius:2px;border-radius:2px}.report-form .form-field *[readonly]{cursor:default;cursor:not-allowed}.report-form .form-field input[type=text]{font-size:14px}.report-form .form-field textarea{line-height:1.4;padding:8px 12px;min-height:80px;min-height:20vh;max-height:50vh}.report-form .form-help-text{font-family:inherit;font-size:12px;line-height:15px;margin-bottom:8px}.form-actions-bottom{display:block;text-align:right;padding:8px;border-top-width:1px;border-top-style:solid}.form-actions-bottom button{font-size:14px;font-stretch:100%;font-weight:500;line-height:20px;letter-spacing:.007px;text-align:center;padding:10px 16px;margin:0;border:0;background:none}.form-actions-bottom button.cancel{color:inherit !important}.media-info-content .media-author-banner{display:table;padding:0 16px;margin:16px 0}@media screen and (min-width: 640px){.media-info-content .media-author-banner{padding:0;margin:16px 0 10px}}.media-info-content .media-author-banner>*{display:table-cell;vertical-align:middle}.media-info-content .media-author-banner .author-banner-thumb span{display:block;width:48px;height:48px;margin-right:16px;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;-moz-border-radius:50%;border-radius:50%}.media-info-content .media-author-banner .author-banner-thumb span img{width:100%;height:100%;opacity:0}.media-info-content .media-author-banner .author-banner-name{font-size:14px;font-weight:500;line-height:1;text-decoration:none}.media-info-content .media-author-banner .author-banner-date{display:block;font-size:14px;line-height:1.384615;font-family:inherit}.media-info-content .media-content-banner{white-space:pre-wrap;overflow-wrap:break-word;font-size:14px;line-height:1.5;padding-bottom:16px;margin-bottom:8px;border-bottom-width:1px;border-bottom-style:solid;padding-left:16px;padding-right:16px;margin-top:20px}@media screen and (min-width: 640px){.media-info-content .media-content-banner{padding-right:0;padding-left:0}}@media screen and (min-width: 1008px){.media-info-content .media-content-banner{margin-bottom:0;border:0}}.media-info-content .media-content-banner .media-content-banner-inner{font-family:inherit}.media-info-content .media-content-banner .media-content-banner-inner>*{margin-bottom:16px}.media-info-content .media-content-banner .media-content-banner-inner>*:last-child{margin-bottom:0}.media-info-content .media-content-banner .media-content-banner-inner .load-more{margin-bottom:24px}.media-info-content .media-content-banner .media-content-description p,.media-info-content .media-content-banner .media-content-description ul{margin:0}.media-info-content .media-author-banner+.media-content-banner{margin-top:0;padding-top:16px;border-top-width:1px;border-top-style:solid}@media screen and (min-width: 640px){.media-info-content .media-author-banner+.media-content-banner{padding-top:0;padding-left:64px;border-top-width:0}}@media screen and (min-width: 1008px){.media-info-content .media-author-banner+.media-content-banner{border:0}}.media-info-content .media-author-banner+.media-content-banner .media-content-banner-inner{max-width:615px}.media-content-field{position:relative;width:100%;display:inline-block;font-family:inherit;line-height:21px;color:#888}.media-content-field-label{position:relative;display:inline-block;width:126px;padding-right:16px;position:absolute;top:0;left:0}.media-content-field-label h4{margin:0;font-size:14px;font-weight:400;line-height:21px}.media-content-field-content{position:relative;display:inline-block;width:auto;padding-left:126px;word-break:break-word;font-size:14px;font-weight:500;line-height:21px;color:var(--body-text-color)}.media-content-field-content>*{position:relative;display:inline-block;margin-right:4px}.media-content-field-content a{text-decoration:none}.media-content-field-content a:hover{text-decoration:underline}.media-content-banner.large-fields-title .media-content-field-label{width:160px}.media-content-banner.large-fields-title .media-content-field-content{padding-left:160px}.share-embed-outer{position:absolute;top:0;left:0;right:0;bottom:0;display:block;border:2px solid red}.share-embed{overflow:auto}.popup-main .share-embed{padding:0 !important;max-width:426px !important}@media screen and (min-width: 1157px){.popup-main .share-embed{max-width:1280px !important}}.share-embed-popup{padding:72px 0}.share-embed-popup .popup-main{padding-left:16px;padding-right:16px}.share-embed-inner{position:relative;width:100%;float:left}.share-embed-inner .on-left,.share-embed-inner .on-right{position:relative;float:left;width:100%}.share-embed-inner .on-right{overflow:hidden}.share-embed-inner .on-right-top,.share-embed-inner .on-right-bottom{border-style:solid}.share-embed-inner .on-right-top{border-width:0 0 1px}.share-embed-inner .on-right-top:after{content:"";position:absolute;bottom:-5px;right:0;width:100%;height:5px;left:0;opacity:1;pointer-events:none;-webkit-box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06);box-shadow:inset 0px 4px 8px -3px rgba(17,17,17,.06)}.share-embed-inner .on-right-top .on-right-top-inner{display:block;padding:16px}.share-embed-inner .on-right-top .on-right-top-inner .ttl{font-size:16px;line-height:1.25}.share-embed-inner .on-right-top .on-right-top-inner .circle-icon-button{position:absolute;top:6px;right:8px}.share-embed-inner .on-right-middle{position:absolute;top:60px;bottom:60px;right:0;left:0;padding:16px;word-break:break-word;overflow:auto}@media screen and (max-width: 1156px){.share-embed-inner .on-right-middle{position:relative;top:auto !important;bottom:auto !important}}.share-embed-inner .on-right-middle textarea{min-width:314px;width:100%;max-width:100%;min-height:126px;min-height:132px;height:152px;max-height:100%;padding:16px;cursor:text;font-family:"Roboto Mono",monospace;font-size:14px;line-height:1.714285714;outline:0;border-width:1px;border-style:solid;-moz-border-radius:2px;border-radius:2px}.share-embed-inner .on-right-middle .iframe-config{display:block;padding:16px 0 0}.share-embed-inner .on-right-middle .iframe-config-options-title{display:block;padding:0 0 16px;font-size:13px;font-weight:500;text-transform:uppercase}.share-embed-inner .on-right-middle .iframe-config-option{display:block;color:var(--share-embed-inner-on-right-ttl-text-color)}.share-embed-inner .on-right-middle .iframe-config-option .option-content .options-group{width:50%;display:inline-block;vertical-align:top}.share-embed-inner .on-right-middle .iframe-config-option .option-content .options-group input[type=checkbox]{margin-left:0}.share-embed-inner .on-right-middle .iframe-config-option .option-content .ratio-options{position:relative;display:inline-block;width:100%}.share-embed-inner .on-right-middle .iframe-config-option .option-content .ratio-options input[type=checkbox]{margin-left:0}.share-embed-inner .on-right-middle .iframe-config-option .option-content .ratio-options select{width:167px;max-width:92%}.share-embed-inner .on-right-middle .iframe-config-option .option-content .num-value-unit{position:relative;width:100%;display:inline-block;margin-bottom:16px;margin-right:0}.share-embed-inner .on-right-middle .iframe-config-option .option-content .num-value-unit .value-input{max-width:56%}.share-embed-inner .on-right-bottom{padding:8px;text-align:right;border-width:1px 0 0}.share-embed-inner .on-right-bottom button{padding:10px 16px;width:5.5rem;height:100%;line-height:20px;border:0;background:none;font-size:14px;font-weight:500}@media screen and (min-width: 1157px){.share-embed-inner .on-left{width:66.6666666667%}.share-embed-inner .on-right{position:absolute;right:0;top:0;bottom:0;width:33.3333333333%}.share-embed-inner .on-right-bottom{position:absolute;left:0;right:0}.share-embed-inner .on-right-bottom{bottom:0}}.share-embed-inner .media-embed-wrap{display:block;width:100%;height:100%;background:#000}.share-embed-inner .media-embed-wrap .media-embed-wrap{display:block}.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container,.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container-inner{width:100%;height:100%;padding-top:0;background:#000}.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container,.share-embed-inner .media-embed-wrap .media-embed-wrap .player-container-inner{width:100%;height:100%}.share-embed-inner .media-embed-wrap .media-embed-wrap button{color:#fff}.share-embed-inner .media-embed-wrap .media-embed-wrap .video-js.vjs-mediacms{padding-top:0}.share-embed-inner .media-embed-wrap .video-js.vjs-mediacms{padding-top:56.25%}.media-status-info{list-style:none;padding:8px 0;margin:0}.media-status-info li{padding:8px 20px;font-size:13px}.media-status-info li span{font-weight:500;text-transform:uppercase}.media-status-info li.reports span{color:red}.loggedin-media-reported .menu-item-icon .material-icons{color:red;color:rgba(255,0,0,.8)}@media screen and (min-width: 1008px){.viewer-sidebar .item-thumb,.viewer-sidebar a.item-thumb,.sliding-sidebar .viewer-sidebar .item-thumb,.sliding-sidebar .viewer-sidebar a.item-thumb,.visible-sidebar .viewer-sidebar .item-thumb,.visible-sidebar .viewer-sidebar a.item-thumb{width:168px;height:94.2648px}.viewer-sidebar .item-content,.sliding-sidebar .viewer-sidebar .item-content,.visible-sidebar .viewer-sidebar .item-content{padding-left:168px}.viewer-sidebar .item-meta>*:nth-child(n+2):before,.sliding-sidebar .viewer-sidebar .item-meta>*:nth-child(n+2):before,.visible-sidebar .viewer-sidebar .item-meta>*:nth-child(n+2):before{display:none}.viewer-sidebar .item-meta .item-date:before,.sliding-sidebar .viewer-sidebar .item-meta .item-date:before,.visible-sidebar .viewer-sidebar .item-meta .item-date:before{content:"•";content:"•";margin:0 4px}.viewer-sidebar .item-meta .item-author,.sliding-sidebar .viewer-sidebar .item-meta .item-author,.visible-sidebar .viewer-sidebar .item-meta .item-author{display:block}.viewer-sidebar .item-main,.sliding-sidebar .viewer-sidebar .item-main,.visible-sidebar .viewer-sidebar .item-main{padding-left:8px;min-height:94.2648px}.viewer-sidebar .item-main h3,.sliding-sidebar .viewer-sidebar .item-main h3,.visible-sidebar .viewer-sidebar .item-main h3{margin-top:0;margin-bottom:4px;font-size:var(--item-title-font-size);font-weight:500}}.media-under-title-categories{margin:16px 0;color:var(--item-meta-text-color)}.media-under-title-categories.over-title{margin:0}.media-under-title-categories span{display:inline-block;margin-right:4px}.media-under-title-categories span:after{content:","}.media-under-title-categories span:last-child{margin-right:0}.media-under-title-categories span:last-child:after{content:""}.media-under-title-categories a{text-decoration:none}.media-under-title-categories a:hover{text-decoration:underline}
diff --git a/static/js/media.js b/static/js/media.js
index de698251..c66ddf5e 100644
--- a/static/js/media.js
+++ b/static/js/media.js
@@ -1 +1 @@
-!function(){var e,t={463:function(e,t,a){"use strict";a.d(t,{c:function(){return l}});var i=a(4571),n=a.n(i);function l(e,t){let a=n()(e,{});return""!==a.origin&&"null"!==a.origin&&a.origin||(a=n()(t+"/"+e.replace(/^\//g,""),{})),a.toString()}},878:function(e,t,a){"use strict";a.d(t,{c:function(){return d}});var i=a(9471),n=a(8713),l=a.n(n),r=a(6387),o=a(5321),s=a(2828);function d(e){const{thumbnail:t}=(0,r.useUser)(),a={"aria-label":"Account profile photo that opens list of options and settings pages links",className:"thumbnail"};switch(e.isButton?void 0!==e.onClick&&(a.onClick=e.onClick):a.type="span",e.size){case"small":case"large":a.className+=" "+e.size+"-thumb"}return i.createElement(o.i,a,t?i.createElement("img",{src:t,alt:""}):i.createElement(s.Z,{type:"person"}))}d.propTypes={isButton:l().bool,size:l().oneOf(["small","medium","large"]),onClick:l().func},d.defaultProps={isButton:!1,size:"medium"}},1815:function(){},2787:function(){},3237:function(){},3818:function(e,t,a){"use strict";a.d(t,{_:function(){return r}});var i=a(9471),n=a(8713),l=a.n(n);function r(e){const t=(0,i.useRef)(null),a=(0,i.useRef)(null),[n,l]=(0,i.useState)(null),[r,o]=(0,i.useState)(null);return(0,i.useEffect)((()=>{l(function(e,t,a){if(void 0!==e){let i=null;return i=void 0!==t&&t>e?t:e,i=void 0!==a&&a<i?a:i,i}return void 0!==t?t:void 0!==a?a:void 0}(0+e.defaultValue,e.minValue,e.maxValue)),o(function(e,t){if(!t||!t.length)return null;let a=0;for(;a<t.length;){if(void 0!==t[a].key&&e===t[a].key)return t[a].key;a+=1}return t[0].key}(e.defaultUnit,e.units))})),i.createElement("div",{className:"num-value-unit"},void 0!==e.label?i.createElement("span",{className:"label"},e.label):null,i.createElement("input",{ref:t,className:"value-input",type:"number",value:null!==n?n:"",min:void 0!==e.minValue?e.minValue:null,max:void 0!==e.maxValue?e.maxValue:null,onChange:function(){l(t.current.value),void 0!==e.valueCallback&&e.valueCallback(t.current.value)}}),i.createElement("select",{ref:a,className:"value-unit",onChange:function(){o(a.current.value),void 0!==e.unitCallback&&e.unitCallback(a.current.value)},value:null!==r?r:""},function(){if(!e.units.length)return null;const t=[];let a=0;for(;a<e.units.length;)void 0!==e.units[a].key&&t.push(i.createElement("option",{key:e.units[a].key,value:e.units[a].key},void 0!==e.units[a].label?e.units[a].label:e.units[a].key)),a+=1;return t}()))}r.propTypes={label:l().string,units:l().array.isRequired,defaultUnit:l().string,defaultValue:l().number,minValue:l().number,maxValue:l().number,valueCallback:l().func,unitCallback:l().func}},6568:function(e,t,a){"use strict";a.d(t,{x:function(){return r}});var i=a(9471),n=a(8713),l=a.n(n);function r(e){let t="spinner-loader";switch(e.size){case"tiny":case"x-small":case"small":case"large":case"x-large":t+=" "+e.size}return i.createElement("div",{className:t},i.createElement("svg",{className:"circular",viewBox:"25 25 50 50"},i.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"1.5",strokeMiterlimit:"10"})))}r.propTypes={size:l().oneOf(["tiny","x-small","small","medium","large","x-large"])},r.defaultProps={size:"medium"}},6671:function(){},7492:function(){},7640:function(){},7664:function(e,t,a){"use strict";a.d(t,{CircleIconButton:function(){return i.i},MaterialIcon:function(){return n.Z},NavigationContentApp:function(){return l.V},NavigationMenuList:function(){return r.S},Notifications:function(){return o.$},NumericInputWithUnit:function(){return s._},PopupMain:function(){return d.AP},PopupTop:function(){return d.cp},SpinnerLoader:function(){return c.x},UserThumbnail:function(){return m.c}});var i=a(5321),n=(a(7256),a(3135),a(2828)),l=a(5305),r=a(7201),o=a(6089),s=a(3818),d=a(2901),c=a(6568),m=a(878)},9427:function(e,t,a){"use strict";var i=a(2985),n=a(9471),l=a(8790),r=a(7460);function o(){return n.createElement("div",{className:"player-container viewer-attachment-container"},n.createElement("div",{className:"player-container-inner"},n.createElement("span",null,n.createElement("span",null,n.createElement("i",{className:"material-icons"},"insert_drive_file")))))}var s=a(7664),d=function(e){let{children:t,content:a,title:i,position:l="right",classNames:r=""}=e;const[o,s]=(0,n.useState)(!1),[d,c]=(0,n.useState)({height:0,width:0}),m=(0,n.useRef)(null);(0,n.useEffect)((()=>{m.current&&c({height:m.current.clientHeight||0,width:m.current.clientWidth||0})}),[o]);const u={right:{left:"100%",marginLeft:"10px",top:"-50%"},left:{right:"100%",marginRight:"10px",top:"-50%"},top:{left:"50%",top:`-${d.height+10}px`,transform:"translateX(-50%)"},center:{top:"50%",left:"50%",translate:"x-[-50%]"},"bottom-left":{left:`-${d.width-20}px`,top:"100%",marginTop:"10px"}};return n.createElement("div",{onMouseEnter:()=>{s(!0)},onMouseLeave:()=>{s(!1)}},n.createElement("div",{ref:m,className:`tooltip-box ${o?"show":"hide"} ${r}`,style:u[l]},i&&n.createElement("div",{className:"tooltip-title"},i),n.createElement("div",{className:"tooltip-content"},a)),t)};function c(){const e=(0,n.useContext)(l.SiteContext);let t=E();t=t||r.MediaPageStore.get("media-data").thumbnail_url,t=t||"";const[a,i]=(0,n.useState)(t),[o,c]=(0,n.useState)([]),[m,u]=(0,n.useState)(!1),[p,g]=(0,n.useState)(0),[h,f]=(0,n.useState)(!0),v=n.useRef();function y(){i(E())}function E(){const t=r.MediaPageStore.get("media-data");let a=t.poster_url?.trim()||t.thumbnail_url?.trim()||r.MediaPageStore.get("media-original-url")?.trim()||"#";return e.url+"/"+a.replace(/^\//g,"")}(0,n.useEffect)((()=>{a&&(()=>{const e=r.MediaPageStore.get("media-data").slideshow_items;Array.isArray(e)&&c(e)})()}),[a]),(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_image_data",y),()=>r.MediaPageStore.removeListener("loaded_image_data",y))),[]),(0,n.useEffect)((()=>{if(m)return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}}),[m,o]);const b=e=>{"ArrowRight"===e.key&&w(),"ArrowLeft"===e.key&&P(),"Escape"===e.key&&S()},S=()=>u(!1),w=()=>{f(!0),g((e=>(e+1)%o.length))},P=()=>{f(!0),g((e=>(e-1+o.length)%o.length))},M=e=>{if(v.current){const t=10;"left"===e?v.current.scrollBy({left:-t,behavior:"smooth"}):"right"===e&&v.current.scrollBy({left:t,behavior:"smooth"})}};return a?n.createElement("div",{className:"viewer-image-container"},n.createElement(d,{content:"load full-image",position:"center"},n.createElement("img",{src:a,alt:r.MediaPageStore.get("media-data").title||null,onClick:()=>u(!0)})),m&&o&&n.createElement("div",{className:"modal-overlay",onClick:()=>u(!1)},n.createElement("div",{className:"slideshow-container",onClick:e=>e.stopPropagation()},!h&&n.createElement("button",{className:"arrow left",onClick:P,"aria-label":"Previous slide"},"‹"),n.createElement("div",{className:"slideshow-image"},h&&n.createElement(s.SpinnerLoader,{size:"large"}),n.createElement("img",{src:e.url+"/"+o[p]?.original_media_url,alt:`Slide ${p+1}`,onClick:()=>(t=>{const a=e.url+o[t]?.url;window.location.href=a})(p),onLoad:()=>f(!1),onError:()=>f(!1),style:{display:h?"none":"block"}}),!h&&n.createElement("div",{className:"slideshow-title"},o[p]?.title)),!h&&n.createElement("button",{className:"arrow right",onClick:w,"aria-label":"Next slide"},"›"),n.createElement("div",{className:"thumbnail-navigation"},o.length>5&&n.createElement("button",{className:"arrow left",onClick:()=>M("left"),"aria-label":"Scroll left"},"‹"),n.createElement("div",{className:"thumbnail-container "+(o.length<=5?"center-thumbnails":""),ref:v},o.map(((t,a)=>n.createElement("img",{key:a,src:e.url+"/"+t.thumbnail_url,alt:`Thumbnail ${a+1}`,className:"thumbnail "+(p===a?"active":""),onClick:()=>(e=>{f(!0),g(e)})(a)})))),o.length>5&&n.createElement("button",{className:"arrow right",onClick:()=>M("right"),"aria-label":"Scroll right"},"›"))))):null}var m=a(7118),u=a(5928);function p(e){let{fileUrl:t}=e;const a=(0,u.defaultLayoutPlugin)();return n.createElement("div",{className:"pdf-container"},n.createElement(m.Worker,{workerUrl:"https://unpkg.com/pdfjs-dist@3.4.120/build/pdf.worker.min.js"},n.createElement(m.Viewer,{fileUrl:t,plugins:[a]})))}var g=a(8713),h=a.n(g),f=a(285),v=a(9200),y=a(7154),E=a(8974);const b=["hls","h265","vp9","h264","vp8","mp4","theora"];function S(e,t){let a=null,i=document.createElement("video");if(i.canPlayType)try{switch(e){case"hls":case"mp4":a=!0;break;case"h265":a="probably"===i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"');break;case"h264":a="probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')||"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');break;case"vp9":a="probably"===i.canPlayType('video/webm; codecs="vp9"');break;case"vp8":a="probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"');break;case"theora":a="probably"===i.canPlayType('video/ogg; codecs="theora"')}if(t=(t instanceof Boolean||0===t||1==t)&&t){if("no"===i.canPlayType("video/nonsense")&&E.warn('BUGGY: Codec detection bug in Firefox 3.5.0 - 3.5.1 and Safari 4.0.0 - 4.0.4 that answer "no" to unknown codecs instead of an empty string'),"probably"===i.canPlayType("video/webm")&&E.warn('BUGGY: Codec detection bug that Firefox 27 and earlier always says "probably" when asked about WebM, even when the codecs string is not present'),"maybe"===i.canPlayType('video/mp4; codecs="avc1.42E01E"'))switch(i.canPlayType("video/mp4")){case"probably":E.warn('BUGGY: Codec detection bug in iOS 4.1 and earlier that switches "maybe" and "probably" around');break;case"maybe":E.warn('BUGGY: Codec detection bug in Android where no better answer than "maybe" is given')}"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')&&"probably"!==i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&E.warn("BUGGY: Codec detection bug in Internet Explorer 9 that requires both audio and video codec on test")}}catch(e){E.warn(e)}return a}function w(e){let t=[],a={},i=document.createElement("video");return i.canPlayType&&(a.hls=!0,t.push("hls"),(i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"'))&&(a.h265=!0,t.push("h265")),"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&(a.h264=!0,t.push("h264")),"probably"===i.canPlayType('video/webm; codecs="vp9"')&&(a.vp9=!0,t.push("vp9")),e&&("probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"')&&(a.vp8=!0,t.push("vp8")),"probably"===i.canPlayType('video/ogg; codecs="theora"')&&(a.theora=!0,t.push("theora"))),"probably"===i.canPlayType('video/mp4; codecs="mp4v.20.8"')&&(a.mp4=!0,t.push("mp4"))),{order:t,support:a}}var P=a(8974);const M=e=>{let{data:t,useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r,playerSoundMuted:o,videoQuality:s,videoPlaybackSpeed:d,inTheaterMode:c,siteId:m,siteUrl:u,info:p,cornerLayers:g,sources:h,poster:f,previewSprite:v,subtitlesInfo:y,inEmbed:E,showTitle:b,showRelated:S,showUserAvatar:w,linkTitle:M,hasTheaterMode:_,hasNextLink:k,nextLink:C,hasPreviousLink:N,errorMessage:x,onClickNextCallback:L,onClickPreviousCallback:I,onStateUpdateCallback:V,onPlayerInitCallback:T}=e;const A=(0,n.useRef)(null),R=(0,n.useRef)(!1),U=(0,n.useRef)(null),D=(0,n.useRef)(E),O=e=>new URLSearchParams(window.location.search).get(e);(0,n.useEffect)((()=>{if(D.current=E,"undefined"!=typeof window){const e=O("t"),n=O("muted"),o=O("showRelated"),P=O("showUserAvatar"),A=O("linkTitle");window.MEDIA_DATA={data:t||{},useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r||.5,playerSoundMuted:"1"===n,videoQuality:s||"auto",videoPlaybackSpeed:d||1,inTheaterMode:c||!1,siteId:m||"",siteUrl:u||"",info:p||{},cornerLayers:g||[],sources:h||[],poster:f||"",previewSprite:v||null,subtitlesInfo:y||[],inEmbed:E||!1,showTitle:b||!1,showRelated:void 0!==S?S:"1"===o||"true"===o||null===o,showUserAvatar:void 0!==w?w:"1"===P||"true"===P||null===P,linkTitle:void 0!==M?M:"1"===A||"true"===A||null===A,hasTheaterMode:_||!1,hasNextLink:k||!1,nextLink:C||null,hasPreviousLink:N||!1,errorMessage:x||"",urlTimestamp:e?parseInt(e,10):null,urlMuted:"1"===n,urlShowRelated:"1"===o||"true"===o,urlShowUserAvatar:"1"===P||"true"===P,urlLinkTitle:"1"===A||"true"===A,onClickNextCallback:L||null,onClickPreviousCallback:I||null,onStateUpdateCallback:V||null,onPlayerInitCallback:(e,t)=>{U.current=e,T&&T(e,t)}}}R.current||(F(),R.current=!0)}),[t,u,E]),(0,n.useEffect)((()=>{if(E&&A.current){const e=setTimeout((()=>{const e=new CustomEvent("triggerVideoJSMount",{detail:{targetId:"video-js-root-embed"}});document.dispatchEvent(e),"undefined"!=typeof window&&window.triggerVideoJSMount&&window.triggerVideoJSMount()}),100);return()=>clearTimeout(e)}}),[E,A.current]),(0,n.useEffect)((()=>{const e=e=>{if(e.target.classList.contains("video-timestamp")){e.preventDefault();const t=parseInt(e.target.dataset.timestamp,10);let a=null;if(U.current&&U.current.player&&(a=U.current.player),!a&&"undefined"!=typeof window&&window.videojsPlayers){const e=D.current?"video-embed":"video-main";a=window.videojsPlayers[e]}if(!a&&"undefined"!=typeof window&&window.videojs){const e=document.querySelector(D.current?"#video-embed":"#video-main");e&&e.player&&(a=e.player)}if(a){t>=0&&t<a.duration()?a.currentTime(t):t>=0&&a.play();const e=document.querySelector(D.current?"#video-embed":"#video-main");if(e){const t=O("scroll");window.parent!==window&&"1"!==t&&"true"!==t||e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}else P.warn("VideoJS player not found for timestamp navigation")}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]);const F=()=>{const e=document.querySelector('link[href*="video-js.css"]'),t=document.querySelector('script[src*="video-js.js"]');if(!e){const e=document.createElement("link");e.rel="stylesheet",e.href=u+"/static/video_js/video-js.css?v="+i,document.head.appendChild(e)}if(!t){const e=document.createElement("script");e.src=u+"/static/video_js/video-js.js?v="+i,document.head.appendChild(e)}};return n.createElement("div",{className:"video-js-wrapper",ref:A},E?n.createElement("div",{id:"video-js-root-embed",className:"video-js-root-embed"}):n.createElement("div",{id:"video-js-root-main",className:"video-js-root-main"}))};M.defaultProps={data:{},siteUrl:""};var _=M,k=a(8974);class C extends n.PureComponent{constructor(e){if(super(e),this.state={displayPlayer:!1},this.videoSources=[],function(e){switch(e){case"running_X":r.MediaPageStore.set("media-load-error-type","encodingRunning"),r.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.");break;case"pending_X":r.MediaPageStore.set("media-load-error-type","encodingPending"),r.MediaPageStore.set("media-load-error-message","Media encoding is pending");break;case"fail":r.MediaPageStore.set("media-load-error-type","encodingFailed"),r.MediaPageStore.set("media-load-error-message","Media encoding failed")}}(this.props.data.encoding_status),null!==r.MediaPageStore.get("media-load-error-type"))return void(this.state.displayPlayer=!0);if("string"==typeof this.props.data.poster_url?this.videoPoster=(0,v.formatInnerLink)(this.props.data.poster_url,this.props.siteUrl):"string"==typeof this.props.data.thumbnail_url&&(this.videoPoster=(0,v.formatInnerLink)(this.props.data.thumbnail_url,this.props.siteUrl)),this.videoInfo=function(e,t,a){const i={};let n,r,o;a=void 0===a?w():a;const s={hls:["m3u8"],h265:["mp4","webm"],h264:["mp4","webm"],vp9:["mp4","webm"],vp8:["mp4","webm"],theora:["ogg"],mp4:["mp4"]};for(n in t)t.hasOwnProperty(n)&&(r=null,"master_file"===n?r="Auto":(r=n.split("_playlist"),r=2===r.length?r[0]:null),null!==r&&(i[r]=void 0===i[r]?{format:[],url:[]}:i[r],i[r].format.push("hls"),i[r].url.push((0,v.formatInnerLink)(t[n],l.SiteContext._currentValue.url))));for(r in e)if(e.hasOwnProperty(r)&&Object.keys(e[r]).length&&(1080>=parseInt(r,10)||1080<window.screen.width&&1080<window.screen.height))for(n=0;n<b.length;)void 0!==e[r][b[n]]&&S(b[n],!1)&&e[r][b[n]]&&e[r][b[n]].url&&(100!==e[r][b[n]].progress&&E.warn("VIDEO DEBUG:","PROGRESS value is",e[r][b[n]].progress),"success"!==e[r][b[n]].status&&E.warn("VIDEO DEBUG:","STATUS value is",e[r][b[n]].status),o=e[r][b[n]].url.split("."),o.length&&0<=s[b[n]].indexOf(o[o.length-1])&&(i[r]=void 0===i[r]?{format:[],url:[]}:i[r],i[r].format.push(b[n]),i[r].url.push((0,v.formatInnerLink)(e[r][b[n]].url,l.SiteContext._currentValue.url)))),n+=1;return i}(this.props.data.encodings_info,this.props.data.hls_info),Object.keys(this.videoInfo).length){let e=r.VideoViewerStore.get("video-quality");(null===e||"Auto"===e&&void 0===this.videoInfo.Auto)&&(e=720);let t=function(e,t){let a,i=Object.keys(t);if(void 0!==t[e])return e;if(parseInt(e,10)>=parseInt(i[i.length-1],10))return i[i.length-1];if(parseInt(e,10)<=parseInt(i[0],10))return i[0];for(a=i.length-1;a>=0;){if(parseInt(e,10)>=parseInt(i[a],10))return i[a+1];a-=1}}(e,this.videoInfo);"Auto"===e&&void 0!==this.videoInfo.Auto&&this.videoSources.push({src:this.videoInfo.Auto.url[0]});const a=w();let i,n;for(n=0;n<this.videoInfo[t].format.length;){if("hls"===this.videoInfo[t].format[n]){this.videoSources.push({src:this.videoInfo[t].url[n]});break}n+=1}for(n in this.props.data.encodings_info[t])this.props.data.encodings_info[t].hasOwnProperty(n)&&a.support[n]&&(i=this.props.data.encodings_info[t][n].url,i&&(i=(0,v.formatInnerLink)(i,this.props.siteUrl),this.videoSources.push({src:i,encodings_status:this.props.data.encodings_info[t][n].status})))}else this.videoInfo=null;if(this.videoSources.length){if(!this.props.inEmbed&&1===this.videoSources.length&&"running"===this.videoSources[0].encodings_status)return r.MediaPageStore.set("media-load-error-type","encodingRunning"),void r.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.")}else switch(r.MediaPageStore.get("media-load-error-type")){case"encodingRunning":case"encodingPending":case"encodingFailed":break;default:k.warn("VIDEO DEBUG:","Video files don't exist")}r.PageStore.on("switched_media_auto_play",this.onUpdateMediaAutoPlay.bind(this)),this.browserCache=new y.BrowserCache(l.SiteContext._currentValue.id,86400);const t=new y.MediaDurationInfo;t.update(this.props.data.duration),this.durationISO8601=t.ISO8601(),this.playerElem=null,this.playerInstance=null,this.onPlayerInit=this.onPlayerInit.bind(this),this.onClickNext=this.onClickNext.bind(this),this.onClickPrevious=this.onClickPrevious.bind(this),this.onStateUpdate=this.onStateUpdate.bind(this)}componentDidMount(){if(this.videoSources.length){this.upNextLoaderView=!this.props.inEmbed&&this.props.data.related_media.length?new y.UpNextLoaderView(this.props.data.related_media[0]):null;let e=null;if(this.props.inEmbed){let t=document.createElement("a"),a=document.createElement("a");e=document.createElement("div"),e.setAttribute("class","media-links-top-left");const i=(0,v.inEmbeddedApp)()||window.location.href.indexOf("lms_embed_mode")>-1?"_self":"_blank";t&&(t.setAttribute("class","title-link"),t.setAttribute("href",this.props.data.url),t.setAttribute("title",this.props.data.title),t.setAttribute("target",i),t.innerHTML=this.props.data.title),a&&(a.setAttribute("class","user-thumb-link"),a.setAttribute("href",(0,v.formatInnerLink)(this.props.data.author_profile,this.props.siteUrl)),a.setAttribute("title",this.props.data.author_name),a.setAttribute("target",i),a.setAttribute("style","background-image:url("+(0,v.formatInnerLink)(r.MediaPageStore.get("media-author-thumbnail-url"),this.props.siteUrl)+")")),e.appendChild(a),e.appendChild(t)}let t='<button class="share-video-btn"><i class="material-icons">share</i><span>Share</span></button>';t+='<div class="share-options-wrapper">\t\t\t\t\t\t\t\t\t<div class="share-options">\t\t\t\t\t\t\t\t\t\t<div class="share-options-inner">\t\t\t\t\t\t\t\t\t\t\t<div class="sh-option share-email">\t\t\t\t\t\t\t\t\t\t\t\t<a href="mailto:?body='+r.MediaPageStore.get("media-url")+'" title=""><span><i class="material-icons">email</i></span><span>Email1</span></a>\t\t\t\t\t\t\t\t\t\t\t</div></div>\t\t\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t\t</div>',this.cornerLayers={topLeft:e,topRight:this.upNextLoaderView?this.upNextLoaderView.html():null,bottomLeft:this.recommendedMedia?this.recommendedMedia.html():null,bottomRight:this.props.inEmbed?t:null},this.setState({displayPlayer:!0},(function(){setTimeout((function(){const e=document.querySelector(".share-video-btn"),t=document.querySelector(".share-options-wrapper"),a=document.querySelector(".share-options-inner");e&&e.addEventListener("click",(function(e){(0,v.addClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")})),t&&t.addEventListener("click",(function(e){e.target!==a&&e.target!==t||(0,v.removeClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")}))}),1e3)}))}}onClickNext(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onClickPrevious(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-previous-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onStateUpdate(e){r.VideoViewerStore.get("in-theater-mode")!==e.theaterMode&&f.VideoViewerActions.set_viewer_mode(e.theaterMode),r.VideoViewerStore.get("player-volume")!==e.volume&&f.VideoViewerActions.set_player_volume(e.volume),r.VideoViewerStore.get("player-sound-muted")!==e.soundMuted&&f.VideoViewerActions.set_player_sound_muted(e.soundMuted),r.VideoViewerStore.get("video-quality")!==e.quality&&f.VideoViewerActions.set_video_quality(e.quality),r.VideoViewerStore.get("video-playback-speed")!==e.playbackSpeed&&f.VideoViewerActions.set_video_playback_speed(e.playbackSpeed)}onPlayerInit(e,t){this.playerElem=t,this.playerInstance=e,this.upNextLoaderView&&(this.upNextLoaderView.setVideoJsPlayerElem(this.playerInstance.player.el_),this.onUpdateMediaAutoPlay()),this.props.inEmbed||this.playerElem.parentNode.focus()}onUpdateMediaAutoPlay(){this.upNextLoaderView&&(r.PageStore.get("media-auto-play")||this.upNextLoaderView.hideTimerView())}render(){let e=null,t=null;!this.props.inEmbed&&r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),t=r.MediaPageStore.get("playlist-previous-media-url")):e=this.props.data.related_media.length&&!this.props.inEmbed?this.props.data.related_media[0].url:null;const a=this.props.data.sprites_url?{url:this.props.siteUrl+"/"+this.props.data.sprites_url.replace(/^\//g,""),frame:{width:160,height:90,seconds:10}}:null;return n.createElement(n.Fragment,null,n.createElement("div",{key:(this.props.inEmbed?"embed-":"")+"player-container",className:"player-container"+(this.videoSources.length?"":" player-container-error"),style:this.props.containerStyles,ref:"playerContainer"},n.createElement("div",{className:"player-container-inner",ref:"playerContainerInner",style:this.props.containerStyles},null==r.MediaPageStore.get("media-load-error-type")?n.createElement("div",{className:"video-player",ref:"videoJSPlayerWrapper",key:"videoJSPlayerWrapper"},n.createElement(l.SiteConsumer,null,(i=>n.createElement(_,{data:this.props.data,useRoundedCorners:i.useRoundedCorners,version:i.version,isPlayList:!!r.MediaPageStore.get("playlist-id"),playerVolume:this.browserCache.get("player-volume"),playerSoundMuted:this.browserCache.get("player-sound-muted"),videoQuality:this.browserCache.get("video-quality"),videoPlaybackSpeed:parseInt(this.browserCache.get("video-playback-speed"),10),inTheaterMode:this.browserCache.get("in-theater-mode"),siteId:i.id,siteUrl:i.url,info:this.videoInfo,cornerLayers:this.cornerLayers,sources:this.videoSources,poster:this.videoPoster,previewSprite:a,subtitlesInfo:this.props.data.subtitles_info,inEmbed:this.props.inEmbed,showTitle:this.props.showTitle,showRelated:this.props.showRelated,showUserAvatar:this.props.showUserAvatar,linkTitle:this.props.linkTitle,urlTimestamp:this.props.timestamp,hasTheaterMode:!this.props.inEmbed,hasNextLink:!!e,nextLink:e,hasPreviousLink:!!t,errorMessage:r.MediaPageStore.get("media-load-error-message"),onClickNextCallback:this.onClickNext,onClickPreviousCallback:this.onClickPrevious,onStateUpdateCallback:this.onStateUpdate,onPlayerInitCallback:this.onPlayerInit})))):null)))}}C.defaultProps={inEmbed:!0,showTitle:!0,showRelated:!0,showUserAvatar:!0,linkTitle:!0,timestamp:null,siteUrl:h().string.isRequired},C.propTypes={inEmbed:h().bool,showTitle:h().bool,showRelated:h().bool,showUserAvatar:h().bool,linkTitle:h().bool,timestamp:h().number};var N=a(5338),x=a(6619),L=a(4350);const I={single:(0,v.translateString)("comment"),uppercaseSingle:(0,v.translateString)("COMMENT"),ucfirstSingle:(0,v.translateString)("Comment"),ucfirstPlural:(0,v.translateString)("Comments"),submitCommentText:(0,v.translateString)("SUBMIT"),disabledCommentsMsg:(0,v.translateString)("Comments are disabled")};function V(e){const t=(0,n.useRef)(null),[a,i]=(0,n.useState)(""),[o,d]=(0,n.useState)(!1),[c,m]=(0,n.useState)(!1),[u,p]=(0,n.useState)(-1),[g,h]=(0,n.useState)(""),[y]=(0,n.useState)(l.MemberContext._currentValue.is.anonymous?l.LinksContext._currentValue.signin+"?next=/"+window.location.href.replace(l.SiteContext._currentValue.url,"").replace(/^\//g,""):null);function E(){m(!0)}function b(){m(!1)}function S(){const e=[...r.MediaPageStore.get("users")],t=[];e.forEach((e=>{t.push({id:e.username,display:e.name})})),h(t)}function w(){t.current.style.height="";const e=t.current.scrollHeight,a=0<u?u:parseFloat(window.getComputedStyle(t.current).lineHeight);i(""),d(!1),p(a),t.current.style.height=Math.max(20,u*Math.ceil(e/a))+"px"}function P(){d(!1)}return(0,n.useEffect)((()=>(r.MediaPageStore.on("comment_submit",w),r.MediaPageStore.on("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.on("users_load",S),()=>{r.MediaPageStore.removeListener("comment_submit",w),r.MediaPageStore.removeListener("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.removeListener("users_load",S)}))),l.MemberContext._currentValue.is.anonymous?n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("a",{href:y,rel:"noffolow",className:"form-textarea-wrap",title:(0,v.translateString)("Add a ")+I.single+"..."},n.createElement("span",{className:"form-textarea"},(0,v.translateString)("Add a ")+I.single+"...")),n.createElement("div",{className:"form-buttons"},n.createElement("a",{href:y,rel:"noffolow",className:"disabled"},I.submitCommentText))))):n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("div",{className:"form-textarea-wrap"+(c?" focused":"")},MediaCMS.features.media.actions.comment_mention?n.createElement(x.G,{inputRef:t,className:"form-textarea",rows:"1",placeholder:"Add a "+I.single+"...",value:a,onChange:function(e,a,n,l){t.current.style.height="",i(a),d(!0);const r=t.current.scrollHeight,o=0<u?u:parseFloat(window.getComputedStyle(t.current).lineHeight);p(o),t.current.style.height=Math.max(20,u*Math.ceil(r/o))+"px"},onFocus:E,onBlur:b},n.createElement(x.P,{data:g,markup:"@(___id___)[___display___]"})):n.createElement("textarea",{ref:t,className:"form-textarea",rows:"1",placeholder:"Add a "+I.single+"...",value:a,onChange:function(e){t.current.style.height="";const a=t.current.scrollHeight,n=0<u?u:parseFloat(window.getComputedStyle(t.current).lineHeight);i(t.current.value),d(!0),p(n),t.current.style.height=Math.max(20,u*Math.ceil(a/n))+"px"},onFocus:E,onBlur:b})),n.createElement("div",{className:"form-buttons"},n.createElement("button",{className:""===a.trim()?"disabled":"",onClick:function(){if(!o)return;const e=a.trim();""!==e&&f.MediaPageActions.submitComment(e)}},I.submitCommentText)))))}V.propTypes={comment_type:h().oneOf(["new","reply"]),media_id:h().oneOfType([h().string,h().number]).isRequired,reply_comment_id:h().oneOfType([h().string,h().number])},V.defaultProps={comment_type:"new"};function T(e){const[t,a,i]=(0,N.usePopup)();return n.createElement("div",{className:"comment-actions"},l.MemberContext._currentValue.can.deleteComment?n.createElement("div",{className:"comment-action remove-comment"},n.createElement(i,{contentRef:t},n.createElement("button",null,(0,v.translateString)("DELETE")," ",I.uppercaseSingle)),n.createElement(a,{contentRef:t},n.createElement(s.PopupMain,null,n.createElement("div",{className:"popup-message"},n.createElement("span",{className:"popup-message-title"},I.ucfirstSingle," removal"),n.createElement("span",{className:"popup-message-main"},"You're willing to remove ",I.single," permanently?")),n.createElement("hr",null),n.createElement("span",{className:"popup-message-bottom"},n.createElement("button",{className:"button-link cancel-comment-removal",onClick:function(){t.current.toggle()}},"CANCEL"),n.createElement("button",{className:"button-link proceed-comment-removal",onClick:function(){t.current.toggle(),f.MediaPageActions.deleteComment(e.comment_id)}},"PROCEED"))))):null)}function A(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,r]=(0,n.useState)(!0),[o,s]=(0,n.useState)(!1);return(0,n.useEffect)((()=>()=>{}),[]),n.createElement("div",{className:"comment"},n.createElement("div",{className:"comment-inner"},n.createElement("a",{className:"comment-author-thumb",href:e.author_link,title:e.author_name},n.createElement("img",{src:e.author_thumb,alt:e.author_name})),n.createElement("div",{className:"comment-content"},n.createElement("div",{className:"comment-meta"},n.createElement("div",{className:"comment-author"},n.createElement("a",{href:e.author_link,title:e.author_name},e.author_name)),n.createElement("div",{className:"comment-date"},(0,v.replaceString)((0,L.GP)(new Date(e.publish_date))))),n.createElement("div",{ref:t,className:"comment-text"+(i?" show-all":"")},n.createElement("div",{ref:a,className:"comment-text-inner",dangerouslySetInnerHTML:(d=e.text,{__html:d.replace(/\n/g,"<br />")})})),o?n.createElement("button",{className:"toggle-more",onClick:function(){r(!i)}},i?"Show less":"Read more"):null,l.MemberContext._currentValue.can.deleteComment?n.createElement(T,{comment_id:e.comment_id}):null)));var d}A.propTypes={comment_id:h().oneOfType([h().string,h().number]).isRequired,media_id:h().oneOfType([h().string,h().number]).isRequired,text:h().string,author_name:h().string,author_link:h().string,author_thumb:h().string,publish_date:h().oneOfType([h().string,h().number]),likes:h().number,dislikes:h().number},A.defaultProps={author_name:"",author_link:"#",publish_date:0,likes:0,dislikes:0};const R=e=>{let{commentsLength:t}=e;return n.createElement(n.Fragment,null,!l.MemberContext._currentValue.can.readComment||r.MediaPageStore.get("media-data").enable_comments?null:n.createElement("span",{className:"disabled-comments-msg"},I.disabledCommentsMsg),l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia)?n.createElement("h2",null,t?1<t?t+" "+I.ucfirstPlural:t+" "+I.ucfirstSingle:r.MediaPageStore.get("media-data").enable_comments?(0,v.translateString)("No")+" "+I.single+" "+(0,v.translateString)("yet"):""):null)};function U(e){const[t,a]=(0,n.useState)(r.MediaPageStore.get("media-id")),[i,o]=(0,n.useState)(l.MemberContext._currentValue.can.readComment?r.MediaPageStore.get("media-comments"):[]),[s,d]=(0,n.useState)(!1);function c(){const e=[...r.MediaPageStore.get("media-comments")];e.forEach((e=>{e.text=function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`<a href="#" data-timestamp="${i}" class="video-timestamp">${e}</a>`}))}(e.text)})),function(){var e=document.querySelector(".page-main"),t=e.querySelector(".no-comment");const a=r.PageStore.get("config-contents").uploader.postUploadMessage;if(""===a)t&&0===comm.length&&t.parentNode.removeChild(t);else if(0===comm.length&&"unlisted"===r.MediaPageStore.get("media-data").state){if(-1<l.LinksContext._currentValue.profile.media.indexOf(r.MediaPageStore.get("media-data").author_profile)&&!t){const t=document.createElement("div");t.setAttribute("role","alert"),t.setAttribute("class","alert info alert-dismissible no-comment"),t.innerHTML='<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>'+a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.querySelector("button.close").addEventListener("click",(function(e){return t.setAttribute("class","alert info alert-dismissible hiding"),setTimeout((function(){t.parentNode.removeChild(t)}),400),e.preventDefault(),e.stopPropagation(),!1}))}}else t&&0<comm.length&&t.parentNode.removeChild(t)}(),o([...e])}function m(e){c(),setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" added","commentSubmit")),100)}function u(){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" submission failed","commentSubmitFail")),100)}function p(e){c(),setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removed","commentDelete")),100)}function g(e){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removal failed","commentDeleteFail")),100)}return(0,n.useEffect)((()=>{d(i.length&&l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia))}),[i]),(0,n.useEffect)((()=>(r.MediaPageStore.on("comments_load",c),r.MediaPageStore.on("comment_submit",m),r.MediaPageStore.on("comment_submit_fail",u),r.MediaPageStore.on("comment_delete",p),r.MediaPageStore.on("comment_delete_fail",g),()=>{r.MediaPageStore.removeListener("comments_load",c),r.MediaPageStore.removeListener("comment_submit",m),r.MediaPageStore.removeListener("comment_submit_fail",u),r.MediaPageStore.removeListener("comment_delete",p),r.MediaPageStore.removeListener("comment_delete_fail",g)})),[]),n.createElement("div",{className:"comments-list"},n.createElement("div",{className:"comments-list-inner"},n.createElement(R,{commentsLength:i.length}),r.MediaPageStore.get("media-data").enable_comments?n.createElement(V,{media_id:t}):null,s?i.map((e=>n.createElement(A,{key:e.uid,comment_id:e.uid,media_id:t,text:e.text,author_name:e.author_name,author_link:e.author_profile,author_thumb:l.SiteContext._currentValue.url+"/"+e.author_thumbnail_url.replace(/^\//g,""),publish_date:e.add_date,likes:0,dislikes:0}))):null))}var D=a(8974);function O(e){let t,a,i=[];if(e&&e.length)for(t=0,a=1<e.length?", ":"";t<e.length;)i[t]=n.createElement("div",{key:t},n.createElement("a",{href:e[t].url,title:e[t].title},e[t].title),t<e.length-1?a:""),t+=1;return i}function F(e){return n.createElement("div",{className:"media-author-banner"},n.createElement("div",null,n.createElement("a",{className:"author-banner-thumb",href:e.link||null,title:e.name},n.createElement("span",{style:{backgroundImage:"url("+e.thumb+")"}},n.createElement("img",{src:e.thumb,loading:"lazy",alt:e.name,title:e.name})))),n.createElement("div",null,n.createElement("span",null,n.createElement("a",{href:e.link,className:"author-banner-name",title:e.name},n.createElement("span",null,e.name))),r.PageStore.get("config-media-item").displayPublishDate&&e.published?n.createElement("span",{className:"author-banner-date"},(0,v.translateString)("Published on")," ",(0,v.replaceString)((0,v.publishedOnDate)(new Date(e.published)))):null))}function H(e){return n.createElement("div",{className:e.id.trim()?"media-content-"+e.id.trim():null},n.createElement("div",{className:"media-content-field"},n.createElement("div",{className:"media-content-field-label"},n.createElement("h4",null,e.title)),n.createElement("div",{className:"media-content-field-content"},e.value)))}function j(e){let t=e.link;return window.MediaCMS.site.devEnv&&(t="/edit-media.html"),t&&(0,v.inEmbeddedApp)()&&(t+="&mode=lms_embed_mode"),n.createElement("a",{href:t,rel:"nofollow",title:(0,v.translateString)("Edit media"),className:"edit-media-icon"},n.createElement("i",{className:"material-icons"},"edit"))}function B(e){const{userCan:t}=(0,N.useUser)(),a=e.description.trim(),i=!r.PageStore.get("config-enabled").taxonomies.tags||r.PageStore.get("config-enabled").taxonomies.tags.enabled?O(r.MediaPageStore.get("media-tags")):[];let o=r.MediaPageStore.get("media-categories");(0,v.inEmbeddedApp)()&&(o=o.filter((e=>!0===e.is_lms_course)));const d=r.PageStore.get("config-options").pages.media.categoriesWithTitle?[]:!r.PageStore.get("config-enabled").taxonomies.categories||r.PageStore.get("config-enabled").taxonomies.categories.enabled?O(o):[];let c=r.MediaPageStore.get("media-summary");c=c?c.trim():"";const[m,u,p]=(0,N.usePopup)(),[g,h]=(0,n.useState)(""!==c),[y,E]=(0,n.useState)(""==c);function b(e){setTimeout((function(){f.PageActions.addNotification("Media removed. Redirecting...","mediaDelete"),setTimeout((function(){window.location.href=l.SiteContext._currentValue.url+"/"+r.MediaPageStore.get("media-data").author_profile.replace(/^\//g,"")}),2e3)}),100),void 0!==e&&D.info("Removed media '"+e+'"')}function S(e){setTimeout((function(){f.PageActions.addNotification("Media removal failed","mediaDeleteFail")}),100),void 0!==e&&D.info('Media "'+e+'" removal failed')}(0,n.useEffect)((()=>(r.MediaPageStore.on("media_delete",b),r.MediaPageStore.on("media_delete_fail",S),()=>{r.MediaPageStore.removeListener("media_delete",b),r.MediaPageStore.removeListener("media_delete_fail",S)})),[]);const w=(0,v.formatInnerLink)(e.author.url,l.SiteContext._currentValue.url),P=(0,v.formatInnerLink)(e.author.thumb,l.SiteContext._currentValue.url);return n.createElement("div",{className:"media-info-content"},void 0===r.PageStore.get("config-media-item").displayAuthor||null===r.PageStore.get("config-media-item").displayAuthor||r.PageStore.get("config-media-item").displayAuthor?n.createElement(F,{link:w,thumb:P,name:e.author.name,published:e.published}):null,n.createElement("div",{className:"media-content-banner"},n.createElement("div",{className:"media-content-banner-inner"},g?n.createElement("div",{className:"media-content-summary"},c):null,g&&!y||!a?null:n.createElement("div",{className:"media-content-description",dangerouslySetInnerHTML:{__html:function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`<a href="#" data-timestamp="${i}" class="video-timestamp">${e}</a>`}))}(a)}}),g?n.createElement("button",{className:"load-more",onClick:function(){E(!y)}},y?"SHOW LESS":"SHOW MORE"):null,i.length?n.createElement(H,{value:i,title:1<i.length?(0,v.translateString)("Tags"):(0,v.translateString)("Tag"),id:"tags"}):null,d.length?n.createElement(H,{value:d,title:(0,v.inEmbeddedApp)()?1<d.length?(0,v.translateString)("Courses"):(0,v.translateString)("Course"):1<d.length?(0,v.translateString)("Categories"):(0,v.translateString)("Category"),id:"categories"}):null,t.editMedia?n.createElement("div",{className:"media-author-actions"},t.editMedia?n.createElement(j,{link:r.MediaPageStore.get("media-data").edit_url}):null,t.deleteMedia?n.createElement(p,{contentRef:m},n.createElement("button",{className:"remove-media-icon",title:(0,v.translateString)("Delete media")},n.createElement("i",{className:"material-icons"},"delete"))):null,t.deleteMedia?n.createElement(u,{contentRef:m},n.createElement(s.PopupMain,null,n.createElement("div",{className:"popup-message"},n.createElement("span",{className:"popup-message-title"},"Media removal"),n.createElement("span",{className:"popup-message-main"},"You're willing to remove media permanently?")),n.createElement("hr",null),n.createElement("span",{className:"popup-message-bottom"},n.createElement("button",{className:"button-link cancel-comment-removal",onClick:function(){m.current.toggle()}},"CANCEL"),n.createElement("button",{className:"button-link proceed-comment-removal",onClick:function(){f.MediaPageActions.removeMedia(),m.current.toggle()}},"PROCEED")))):null):null)),n.createElement(U,null))}function q(){const[e,t]=(0,n.useState)(r.MediaPageStore.get("user-disliked-media")),[a,i]=(0,n.useState)((0,v.formatViewsNumber)(r.MediaPageStore.get("media-dislikes"),!1));function o(){t(r.MediaPageStore.get("user-disliked-media")),i((0,v.formatViewsNumber)(r.MediaPageStore.get("media-dislikes"),!1))}function d(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.messages.addToDisliked,"mediaDislike")}function c(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.messages.removeFromDisliked,"cancelMediaDislike")}function m(){f.PageActions.addNotification("Action failed","mediaDislikeRequestFail")}return(0,n.useEffect)((()=>(r.MediaPageStore.on("disliked_media",d),r.MediaPageStore.on("undisliked_media",c),r.MediaPageStore.on("disliked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("disliked_media",d),r.MediaPageStore.removeListener("undisliked_media",c),r.MediaPageStore.removeListener("disliked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"undislikeMedia":"dislikeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_down"})),n.createElement("span",{className:"dislikes-counter"},a)))}function z(){const[e,t]=(0,n.useState)(r.MediaPageStore.get("user-liked-media")),[a,i]=(0,n.useState)((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1));function o(){t(r.MediaPageStore.get("user-liked-media")),i((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1))}function d(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.addToLiked,"likedMedia")}function c(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.removeFromLiked,"unlikedMedia")}function m(){f.PageActions.addNotification("Action failed","likedMediaRequestFail")}return(0,n.useEffect)((()=>(r.MediaPageStore.on("liked_media",d),r.MediaPageStore.on("unliked_media",c),r.MediaPageStore.on("liked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("liked_media",d),r.MediaPageStore.removeListener("unliked_media",c),r.MediaPageStore.removeListener("liked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"unlikeMedia":"likeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_up"})),n.createElement("span",{className:"likes-counter"},a)))}function W(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(null);function o(){l(window.innerHeight-(104+t.current.offsetHeight))}return(0,n.useEffect)((()=>(o(),r.PageStore.on("window_resize",o),()=>{r.PageStore.removeListener("window_resize",o)})),[]),n.createElement("form",null,n.createElement("div",{className:"report-form",style:null!==i?{maxHeight:i+"px"}:null},n.createElement("div",{className:"form-title"},"Report media"),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"URL"),n.createElement("input",{type:"text",readOnly:!0,value:e.mediaUrl})),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"Description"),n.createElement("textarea",{ref:a,required:!0})),n.createElement("div",{className:"form-field form-help-text"},"Reported media is reviewed")),n.createElement("div",{ref:t,className:"form-actions-bottom"},n.createElement("button",{className:"cancel",onClick:function(t){t.preventDefault(),void 0!==e.cancelReportForm&&e.cancelReportForm()}},"CANCEL"),n.createElement("button",{onClick:function(t){const i=a.current.value.trim();""!==i&&(t.preventDefault(),void 0!==e.submitReportForm&&e.submitReportForm(i))}},"SUBMIT")))}function $(e,t){const a=l.SiteContext._currentValue,i=e.encodings_info,n={};let r,o;for(r in i)if(i.hasOwnProperty(r)&&Object.keys(i[r]).length)for(o in i[r])i[r].hasOwnProperty(o)&&"success"===i[r][o].status&&100===i[r][o].progress&&null!==i[r][o].url&&(n[i[r][o].title]={text:r+" - "+o.toUpperCase()+" ("+i[r][o].size+")",link:(0,v.formatInnerLink)(i[r][o].url,a.url),linkAttr:{target:"_blank",download:e.title+"_"+r+"_"+o.toUpperCase()}});return n.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,a.url),linkAttr:{target:"_blank",download:e.title}},Object.values(n)}function G(e,t,a,i,l,r,o){const d=t.url,c=t.media_type,m=t.state||"N/A",u=t.encoding_status||"N/A",p=t.reported_times,g=t.is_reviewed,h="video"===c,f=function(e,t,a,i,n){const l=[],r="video"===t.media_type,o=t.reported_times;return a&&e.downloadMedia&&(r?l.push({itemType:"open-subpage",text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},buttonAttr:{className:"change-page","data-page-id":"videoDownloadOptions"}}):i&&l.push({itemType:"link",link:i,text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},linkAttr:{target:"_blank",download:t.title}})),r&&e.editMedia&&l.push({itemType:"open-subpage",text:"Status info",icon:"info",buttonAttr:{className:"change-page","data-page-id":"mediaStatusInfo"}}),e.reportMedia&&(n?l.push({itemType:"div",text:"Reported",icon:"flag",divAttr:{className:"reported-label loggedin-media-reported"}}):l.push({itemType:"open-subpage",text:"Report",icon:"flag",buttonAttr:{className:"change-page"+(o?" loggedin-media-reported":""),"data-page-id":"loggedInReportMedia"}})),l}(e,t,a,i,l),v={};return f.length&&(v.main=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:f})))),e.reportMedia&&(v.loggedInReportMedia=l?null:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement("div",null,n.createElement(W,{mediaUrl:d,submitReportForm:r,cancelReportForm:o}))))),e.editMedia&&(v.mediaStatusInfo=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement("ul",{className:"media-status-info"},n.createElement("li",null,"Media type: ",n.createElement("span",null,c)),n.createElement("li",null,"State: ",n.createElement("span",null,m)),n.createElement("li",null,"Review state: ",n.createElement("span",null,g?"Is reviewed":"Pending review")),h?n.createElement("li",null,"Encoding Status: ",n.createElement("span",null,u)):null,p?n.createElement("li",{className:"reports"},"Reports: ",n.createElement("span",null,p)):null)))),a&&e.downloadMedia&&h&&(v.videoDownloadOptions=n.createElement("div",{className:"video-download-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:$(t)})))),v}W.propTypes={mediaUrl:h().string.isRequired,cancelReportForm:h().func,submitReportForm:h().func};const Y="more-options active-options";function J(e){const{userCan:t}=(0,N.useUser)(),a=l.SiteContext._currentValue,i=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),a.url),o=r.MediaPageStore.get("media-data"),d="video"===o.media_type,[c,m,u]=(0,N.usePopup)(),[p,g]=(0,n.useState)(!1),[h,y]=(0,n.useState)(!1),[E,b]=(0,n.useState)({}),[S,w]=(0,n.useState)("main"),[P,M]=(0,n.useState)(Y);function _(e){f.MediaPageActions.reportMedia(e)}function k(){c.current.toggle()}function C(){c.current.tryToHide(),setTimeout((function(){f.PageActions.addNotification("Media Reported","reportedMedia"),y(!0),r.MediaPageStore.removeListener("reported_media",C)}),100)}return(0,n.useEffect)((()=>{h||(p?r.MediaPageStore.on("reported_media",C):r.MediaPageStore.removeListener("reported_media",C))}),[p]),(0,n.useEffect)((()=>{g(Object.keys(E).length&&e.allowDownload&&t.downloadMedia)}),[E]),(0,n.useEffect)((()=>{let a=Y;e.allowDownload&&t.downloadMedia&&"videoDownloadOptions"===S&&(a+=" video-downloads"),1===Object.keys(E).length&&e.allowDownload&&t.downloadMedia&&(d||i)&&(a+=" visible-only-in-small"),M(a)}),[S]),(0,n.useEffect)((()=>{b(G(t,o,e.allowDownload,i,h,_,k))}),[h]),(0,n.useEffect)((()=>(b(G(t,o,e.allowDownload,i,h,_,k)),()=>{p&&!h&&r.MediaPageStore.removeListener("reported_media",C)})),[]),p?n.createElement("div",{className:P},n.createElement(u,{contentRef:c},n.createElement("span",null,n.createElement(s.CircleIconButton,{type:"button"},n.createElement(s.MaterialIcon,{type:"more_horiz"})))),n.createElement("div",{className:"nav-page-"+S},n.createElement(m,{contentRef:c,hideCallback:function(){w("main")}},n.createElement(s.NavigationContentApp,{pageChangeCallback:function(e){w(e)},initPage:S,focusFirstItemOnPageChange:!1,pages:E,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"})))):null}J.propTypes={allowDownload:h().bool.isRequired},J.defaultProps={allowDownload:!1};var Z=a(3706);function Q(e){return e.renderDate?n.createElement("label",null,n.createElement("input",{type:"checkbox",checked:e.isChecked,onChange:function(t){t.persist(),e.isChecked?f.MediaPageActions.removeMediaFromPlaylist(e.playlistId,r.MediaPageStore.get("media-id")):f.MediaPageActions.addMediaToPlaylist(e.playlistId,r.MediaPageStore.get("media-id"))}}),n.createElement("span",null,e.title)):null}function X(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(new Date),[o,d]=(0,n.useState)(r.MediaPageStore.get("playlists")),[c,m]=(0,n.useState)(!1);function u(){E()}function p(){d(r.MediaPageStore.get("playlists")),l(new Date)}function g(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media added to playlist","playlistMediaAdditionComplete")}),100)}function h(){setTimeout((function(){f.PageActions.addNotification("Media's addition to playlist failed","playlistMediaAdditionFail")}),100)}function v(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media removed from playlist","playlistMediaRemovalComplete")}),100)}function y(){setTimeout((function(){f.PageActions.addNotification("Media's removal from playlist failed","playlistMediaaRemovalFail")}),100)}function E(){null!==a.current&&(a.current.style.maxHeight=window.innerHeight-74-(t.current.offsetHeight-a.current.offsetHeight)+"px")}function b(){m(!c),E()}return(0,n.useEffect)((()=>{E()})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",u),r.MediaPageStore.on("playlists_load",p),r.MediaPageStore.on("media_playlist_addition_completed",g),r.MediaPageStore.on("media_playlist_addition_failed",h),r.MediaPageStore.on("media_playlist_removal_completed",v),r.MediaPageStore.on("media_playlist_removal_failed",y),()=>{r.PageStore.removeListener("window_resize",u),r.MediaPageStore.removeListener("playlists_load",p),r.MediaPageStore.removeListener("media_playlist_addition_completed",g),r.MediaPageStore.removeListener("media_playlist_addition_failed",h),r.MediaPageStore.removeListener("media_playlist_removal_completed",v),r.MediaPageStore.removeListener("media_playlist_removal_failed",y)})),[]),n.createElement("div",{ref:t,className:"saveto-popup"},n.createElement("div",{className:"saveto-title"},"Save to...",n.createElement(s.CircleIconButton,{type:"button",onClick:function(){m(!1),void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"}))),o.length?n.createElement("div",{ref:a,className:"saveto-select"},function(){const e=r.MediaPageStore.get("media-id");let t=[],a=0;for(;a<o.length;)t.push(n.createElement("div",{key:"playlist_"+o[a].playlist_id},n.createElement(Q,{renderDate:i,title:o[a].title,privacy:o[a].status,isChecked:-1<o[a].media_list.indexOf(e),playlistId:o[a].playlist_id}))),a+=1;return t}()):null,c?n.createElement("div",{className:"saveto-new-playlist"},n.createElement(Z.w,{onCancel:b,onPlaylistSave:function(e){f.MediaPageActions.addNewPlaylist(e),b()}})):n.createElement(s.CircleIconButton,{className:"saveto-create",type:"button",onClick:b},n.createElement(s.MaterialIcon,{type:"add"}),"Create a new playlist"))}function K(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("selectPlaylist");return n.createElement("div",{className:"save"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"playlist_add"})),n.createElement("span",null,(0,v.translateString)("SAVE")))),n.createElement(a,{contentRef:t},n.createElement(s.NavigationContentApp,{initPage:l,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id",pages:(o=function(){t.current.toggle()},{selectPlaylist:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(X,{triggerPopupClose:o}))),createPlaylist:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"})))}),focusFirstItemOnPageChange:!1,pageChangeCallback:r})));var o}Q.propTypes={playlistId:h().string,isChecked:h().bool,title:h().string},Q.defaultProps={isChecked:!1,title:""},X.propTypes={triggerPopupClose:h().func};const ee="mediacms_embed_options";function te(e){const t=r.PageStore.get("config-options").embedded.video.dimensions,a=function(){try{const e=localStorage.getItem(ee);if(e)return JSON.parse(e)}catch(e){}return null}(),i=(0,n.useContext)(l.LinksContext),o=(0,n.useRef)(null),d=(0,n.useRef)(null),c=(0,n.useRef)(null),m=(0,n.useRef)(null),u=(0,n.useRef)(null),[p,g]=(0,n.useState)(window.innerHeight-144+56),[h,v]=(0,n.useState)(a?.keepAspectRatio??!0),[y,E]=(0,n.useState)(a?.showTitle??!0),[b,S]=(0,n.useState)(a?.showRelated??!0),[w,P]=(0,n.useState)(a?.showUserAvatar??!0),[M,_]=(0,n.useState)(a?.linkTitle??!0),[k,C]=(0,n.useState)(a?.responsive??!1),[N,x]=(0,n.useState)(!1),[L,I]=(0,n.useState)("0:00"),[V,T]=(0,n.useState)(a?.aspectRatio??"16:9"),[A,R]=(0,n.useState)(a?.embedWidthValue??t.width),[U,D]=(0,n.useState)(a?.embedWidthUnit??t.widthUnit),[O,F]=(0,n.useState)(a?.embedHeightValue??t.height),[H,j]=(0,n.useState)(a?.embedHeightUnit??t.heightUnit),[B,q]=(0,n.useState)(60),[z,W]=(0,n.useState)(60),[$,G]=(0,n.useState)([{key:"px",label:"px"},{key:"percent",label:"%"}]);function Y(){g(window.innerHeight-144+56),q(c.current.offsetHeight),W(u.current.offsetHeight)}function J(){setTimeout((function(){f.PageActions.addNotification("Embed media code copied to clipboard","clipboardEmbedMediaCodeCopy")}),100)}return(0,n.useEffect)((()=>{g(window.innerHeight-144+56),q(c.current.offsetHeight),W(u.current.offsetHeight)})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",Y),r.MediaPageStore.on("copied_embed_media_code",J),()=>{r.PageStore.removeListener("window_resize",Y),r.MediaPageStore.removeListener("copied_embed_media_code",J)})),[]),(0,n.useEffect)((()=>{!function(e){try{localStorage.setItem(ee,JSON.stringify(e))}catch(e){}}({showTitle:y,showRelated:b,showUserAvatar:w,linkTitle:M,responsive:k,aspectRatio:V,embedWidthValue:A,embedWidthUnit:U,embedHeightValue:O,embedHeightUnit:H,keepAspectRatio:h})}),[y,b,w,M,k,V,A,U,O,H,h]),n.createElement("div",{className:"share-embed",style:{maxHeight:p+"px"}},n.createElement("div",{className:"share-embed-inner"},n.createElement("div",{className:"on-left"},n.createElement("div",{className:"media-embed-wrap"},n.createElement(l.SiteConsumer,null,(e=>{const t=`${i.embed+r.MediaPageStore.get("media-id")}&showTitle=${y?"1":"0"}&showRelated=${b?"1":"0"}&showUserAvatar=${w?"1":"0"}&linkTitle=${M?"1":"0"}${N?"&t="+L.split(":").reverse().reduce(((e,t,a)=>e+(parseInt(t,10)||0)*Math.pow(60,a)),0):""}`;return n.createElement("div",{style:{width:"100%",height:"480px",overflow:"hidden"}},n.createElement("iframe",{width:"100%",height:"100%",src:t,frameBorder:"0",allowFullScreen:!0}))})))),n.createElement("div",{ref:d,className:"on-right"},n.createElement("div",{ref:c,className:"on-right-top"},n.createElement("div",{className:"on-right-top-inner"},n.createElement("span",{className:"ttl"},"Embed Video"),n.createElement(s.CircleIconButton,{type:"button",onClick:function(){void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"})))),n.createElement("div",{ref:m,className:"on-right-middle",style:{top:B+"px",bottom:z+"px"}},n.createElement("textarea",{readOnly:!0,value:function(){const e=r.MediaPageStore.get("media-id"),t=new URLSearchParams;if(y?t.set("showTitle","1"):t.set("showTitle","0"),b?t.set("showRelated","1"):t.set("showRelated","0"),w?t.set("showUserAvatar","1"):t.set("showUserAvatar","0"),M?t.set("linkTitle","1"):t.set("linkTitle","0"),N&&L){const e=L.split(":").reverse();let a=0;e[0]&&(a+=parseInt(e[0],10)||0),e[1]&&(a+=60*(parseInt(e[1],10)||0)),e[2]&&(a+=3600*(parseInt(e[2],10)||0)),a>0&&t.set("t",a)}const a=i.embed.includes("?")?"&":"?",n=`${i.embed}${e}${a}${t.toString()}`;if(k){if("custom"===V)return`<iframe src="${n}" style="width:100%;max-width:calc(100vh * ${A} / ${O});aspect-ratio:${A} / ${O};display:block;margin:auto;border:0;" allowFullScreen></iframe>`;const e=V.split(":"),t=`${e[0]} / ${e[1]}`;return`<iframe src="${n}" style="width:100%;max-width:calc(100vh * ${e[0]} / ${e[1]});aspect-ratio:${t};display:block;margin:auto;border:0;" allowFullScreen></iframe>`}return`<iframe width="${"percent"===U?A+"%":A}" height="${"percent"===H?O+"%":O}" src="${n}" frameBorder="0" allowFullScreen></iframe>`}()}),n.createElement("div",{className:"iframe-config"},n.createElement("div",{className:"iframe-config-options-title"},"Embed options"),n.createElement("div",{className:"iframe-config-option"},n.createElement("div",{className:"option-content"},n.createElement("div",{className:"ratio-options",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"0 10px"}},n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:y,onChange:function(){E(!y)}}),"Show title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:y?1:.5}},n.createElement("input",{type:"checkbox",checked:M,onChange:function(){_(!M)},disabled:!y}),"Link title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:b,onChange:function(){S(!b)}}),"Show related")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:y?1:.5}},n.createElement("input",{type:"checkbox",checked:w,onChange:function(){P(!w)},disabled:!y}),"Show user avatar")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:k,onChange:function(){const e=!k;if(C(e),e)v(!1);else if("custom"!==V){const e=V.split(":"),t=e[0],a=e[1];v(!0),F(parseInt(A*a/t,10))}else v(!1)}}),"Responsive")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:N,onChange:function(){x(!N)}}),"Start at"),N&&n.createElement("input",{type:"text",value:L,onChange:function(e){I(e.target.value)},style:{width:"60px",height:"28px",fontSize:"12px",padding:"2px 5px"}})),n.createElement("div",{className:"options-group",style:{display:"flex",flexDirection:"column",justifyContent:"center"}},n.createElement("div",{style:{fontSize:"12px",marginBottom:"4px",color:"rgba(0,0,0,0.6)"}},"Aspect Ratio"),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement("select",{ref:o,onChange:function(){const e=o.current.value;if("custom"===e)T(e),v(!1);else{const t=e.split(":"),a=t[0],i=t[1];T(e),v(!0),F(parseInt(A*i/a,10))}},value:V,style:{height:"28px",fontSize:"12px"}},n.createElement("option",{value:"16:9"},"16:9"),n.createElement("option",{value:"4:3"},"4:3"),n.createElement("option",{value:"3:2"},"3:2"),n.createElement("option",{value:"custom"},"Custom"))))),n.createElement("br",null),!k&&n.createElement(n.Fragment,null,n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];R(e),F(h?parseInt(e*i/a,10):O)},unitCallback:function(e){D(e)},label:"Width",defaultValue:parseInt(A,10),defaultUnit:U,minValue:1,maxValue:99999,units:$})),n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];F(e),R(h?parseInt(e*a/i,10):A)},unitCallback:function(e){j(e)},label:"Height",defaultValue:parseInt(O,10),defaultUnit:H,minValue:1,maxValue:99999,units:$}))))))),n.createElement("div",{ref:u,className:"on-right-bottom"},n.createElement("button",{onClick:function(){f.MediaPageActions.copyEmbedMediaCode(m.current.querySelector("textarea"))}},"COPY")))))}te.propTypes={triggerPopupClose:h().func};var ae=a(5289);function ie(e){let{onClick:t}=e;return n.createElement("span",{className:"next-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_right")))}function ne(e){let{onClick:t}=e;return n.createElement("span",{className:"previous-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_left")))}function le(){return{maxFormContentHeight:window.innerHeight-196,maxPopupWidth:518>window.innerWidth-80?window.innerWidth-80:null}}function re(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),i=r.MediaPageStore.get("media-url"),[o,s]=(0,n.useState)(null),[d,c]=(0,n.useState)({prev:!1,next:!1}),[m,u]=(0,n.useState)(le()),[p]=(0,n.useState)(function(){const e=function(){const e=l.ShareOptionsContext._currentValue,t=r.MediaPageStore.get("media-url"),a=(r.MediaPageStore.get("media-data").title,{});let i=0;for(;i<e.length;){switch(e[i]){case"embed":"video"!==r.MediaPageStore.get("media-data").media_type&&"audio"!==r.MediaPageStore.get("media-data").media_type||(a[e[i]]={});break;case"email":a[e[i]]={title:"Email",shareUrl:"mailto:?body="+t}}i+=1}return a}(),t=[];for(let a in e)e.hasOwnProperty(a)&&("embed"===a?t.push(n.createElement("div",{key:"share-"+a,className:"sh-option share-"+a+"-opt"},n.createElement("button",{className:"sh-option change-page","data-page-id":"shareEmbed"},n.createElement("span",null,n.createElement("i",{className:"material-icons"},"code")),n.createElement("span",null,"Embed")))):"email"===a?t.push(n.createElement("div",{key:"share-email",className:"sh-option share-email"},n.createElement("a",{href:e[a].shareUrl,title:""},n.createElement("span",null,n.createElement("i",{className:"material-icons"},"email")),n.createElement("span",null,e[a].title)))):t.push(n.createElement("div",{key:"share-"+a,className:"sh-option share-"+a},n.createElement("a",{href:e[a].shareUrl,title:"",target:"_blank",rel:"noreferrer"},n.createElement("span",null),n.createElement("span",null,e[a].title)))));return t}()),[g,h]=(0,n.useState)(0),[v,y]=(0,n.useState)(0),[E,b]=(0,n.useState)(!1),[S,w]=(0,n.useState)(i);function P(){u(le())}function M(){setTimeout((function(){f.PageActions.addNotification("Link copied to clipboard","clipboardLinkCopy")}),100)}function _(){o.scrollToCurrentSlide(),c({prev:o.hasPreviousSlide(),next:o.hasNextSlide()})}return(0,n.useEffect)((()=>{s(new ae.A(a.current,".sh-option"))}),[p]),(0,n.useEffect)((()=>{o&&(o.updateDataStateOnResize(p.length,!0,!0),_())}),[m,o]),(0,n.useEffect)((()=>{r.PageStore.on("window_resize",P),r.MediaPageStore.on("copied_media_link",M);const e=function(){const e=document.getElementsByTagName("video");return e[0]?.currentTime}();return h(e),y(function(e){let t=parseInt(e,10),a=Math.floor(t/3600),i=Math.floor((t-3600*a)/60),n=t-3600*a-60*i;return a<10&&(a="0"+a),i<10&&(i="0"+i),n<10&&(n="0"+n),a>=1?a+":"+i+":"+n:i+":"+n}(e)),()=>{r.PageStore.removeListener("window_resize",P),r.MediaPageStore.removeListener("copied_media_link",M),s(null)}}),[]),n.createElement("div",{ref:t,style:null!==m.maxPopupWidth?{maxWidth:m.maxPopupWidth+"px"}:null},n.createElement("div",{className:"scrollable-content",style:null!==m.maxFormContentHeight?{maxHeight:m.maxFormContentHeight+"px"}:null},n.createElement("div",{className:"share-popup-title"},"Share media"),p.length?n.createElement("div",{className:"share-options"},d.prev?n.createElement(ne,{onClick:function(){o.previousSlide(),_()}}):null,n.createElement("div",{ref:a,className:"share-options-inner"},p),d.next?n.createElement(ie,{onClick:function(){o.nextSlide(),_()}}):null):null),n.createElement("div",{className:"copy-field"},n.createElement("div",null,n.createElement("input",{type:"text",readOnly:!0,value:S}),n.createElement("button",{onClick:function(){f.MediaPageActions.copyShareLink(t.current.querySelector(".copy-field input"))}},"COPY"))),n.createElement("div",{className:"start-at"},n.createElement("label",null,n.createElement("input",{type:"checkbox",name:"start-at-checkbox",id:"id-start-at-checkbox",checked:E,onChange:function(){b(!E),function(){const e=E?i:i+"&t="+Math.trunc(g);w(e)}()}}),"Start at ",v)))}function oe(){return{shareOptions:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(re,null)))}}function se(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("shareOptions");return n.createElement("div",{className:"share"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"share"})),n.createElement("span",null,(0,v.translateString)("SHARE")))),n.createElement(a,{contentRef:t,hideCallback:function(){r("shareOptions")}},n.createElement(s.NavigationContentApp,{initPage:l,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id",pages:e.isVideo?(o=function(){t.current.toggle()},{...oe(),shareEmbed:n.createElement("div",{className:"popup-fullscreen share-embed-popup"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(te,{triggerPopupClose:o})))}):oe(),focusFirstItemOnPageChange:!1,pageChangeCallback:function(e){r(e)}})));var o}function de(e){return n.createElement("div",{className:"download hidden-only-in-small"},n.createElement("a",{href:e.link,target:"_blank",download:e.title,title:"Download",rel:"noreferrer"},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,"DOWNLOAD")))}function ce(){const e=r.MediaPageStore.get("media-data"),t=(e.title,e.encodings_info),a={};let i,n;for(i in t)if(t.hasOwnProperty(i)&&Object.keys(t[i]).length)for(n in t[i])if(t[i].hasOwnProperty(n)&&"success"===t[i][n].status&&100===t[i][n].progress&&null!==t[i][n].url){const r=e.original_media_url,o=r?r.substring(r.lastIndexOf("/")+1):e.title;a[t[i][n].title]={text:i+" - "+n.toUpperCase()+" ("+t[i][n].size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:o}}}const o=e.original_media_url,s=o?o.substring(o.lastIndexOf("/")+1):e.title;return a.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:s}},Object.values(a)}function me(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("main");return n.createElement("div",{className:"video-downloads hidden-only-in-small"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,(0,v.translateString)("DOWNLOAD")))),n.createElement("div",{className:"nav-page-"+l},n.createElement(a,{contentRef:t},n.createElement(s.NavigationContentApp,{pageChangeCallback:null,initPage:"main",focusFirstItemOnPageChange:!1,pages:{main:n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:ce()})))},pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"}))))}de.propTypes={link:h().string.isRequired,title:h().string.isRequired};class ue extends n.PureComponent{constructor(e){super(e),this.state={likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")},this.downloadLink="video"!==r.MediaPageStore.get("media-type")?(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url):null;const t=r.MediaPageStore.get("media-original-url");this.downloadFilename=t?t.substring(t.lastIndexOf("/")+1):this.props.title,this.updateStateValues=this.updateStateValues.bind(this)}componentDidMount(){r.MediaPageStore.on("liked_media",this.updateStateValues),r.MediaPageStore.on("unliked_media",this.updateStateValues),r.MediaPageStore.on("disliked_media",this.updateStateValues),r.MediaPageStore.on("undisliked_media",this.updateStateValues);const e=document.querySelectorAll("[data-tooltip]");e.length&&e.forEach((e=>function(e){const t=document.body,a=document.createElement("span");function i(){const t=e.getBoundingClientRect();a.style.top=t.top-(0+a.offsetHeight)+"px",a.style.left=t.left+"px"}a.innerText=e.getAttribute("data-tooltip"),a.setAttribute("class","tooltip"),e.removeAttribute("data-tooltip"),e.addEventListener("mouseenter",(function(){const n=e.getBoundingClientRect();t.appendChild(a),a.style.top=n.top-(0+a.offsetHeight)+"px",a.style.left=n.left+"px",document.addEventListener("scroll",i)})),e.addEventListener("mouseleave",(function(){t.removeChild(a),a.style.top="",a.style.left="",document.removeEventListener("scroll",i)}))}(e)))}updateStateValues(){this.setState({likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")})}mediaCategories(e){if(void 0===this.props.categories||null===this.props.categories||!this.props.categories.length)return null;let t=0,a=[];for(;t<this.props.categories.length;)a.push(n.createElement("span",{key:t},n.createElement("a",{href:(0,v.formatInnerLink)(this.props.categories[t].url,l.SiteContext._currentValue.url),title:this.props.categories[t].title},this.props.categories[t].title))),t+=1;return n.createElement("div",{className:"media-under-title-categories"+(e?" over-title":"")},a)}render(){const e=r.PageStore.get("config-options").pages.media.displayViews&&void 0!==this.props.views,t=r.MediaPageStore.get("media-data"),a=t.state,i=t.is_shared;let o="";switch(a){case"private":o="The site admins have to make its access public";break;case"unlisted":o="The site admins have to make it appear on listings"}return n.createElement("div",{className:"media-title-banner"},e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories(!0):null,void 0!==this.props.title?n.createElement("h1",null,this.props.title):null,i||"public"!==a?n.createElement("div",{className:"media-labels-area"},n.createElement("div",{className:"media-labels-area-inner"},i?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,"shared")),n.createElement("span",{className:"helper-icon","data-tooltip":"This media is shared with specific users or categories"},n.createElement("i",{className:"material-icons"},"help_outline"))):"public"!==a?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,a)),n.createElement("span",{className:"helper-icon","data-tooltip":o},n.createElement("i",{className:"material-icons"},"help_outline"))):null)):null,n.createElement("div",{className:"media-views-actions"+(this.state.likedMedia?" liked-media":"")+(this.state.dislikedMedia?" disliked-media":"")},!e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories():null,e?n.createElement("div",{className:"media-views"},(0,v.formatViewsNumber)(this.props.views,!0)," ",1>=this.props.views?"view":"views"):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(z,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!1}):null,!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia&&-1<l.PlaylistsContext._currentValue.mediaTypes.indexOf(r.MediaPageStore.get("media-type"))?n.createElement(K,null):null,this.props.allowDownload&&l.MemberContext._currentValue.can.downloadMedia?this.downloadLink?n.createElement(de,{link:this.downloadLink,title:this.downloadFilename}):n.createElement(me,null):null,n.createElement(J,{allowDownload:this.props.allowDownload})))))}}ue.propTypes={allowDownload:h().bool.isRequired},ue.defaultProps={allowDownload:!1};class pe extends ue{render(){const e=r.PageStore.get("config-options").pages.media.displayViews&&void 0!==this.props.views,t=r.MediaPageStore.get("media-data"),a=t.state,i=t.is_shared;let o="";switch(a){case"private":o="The site admins have to make its access public";break;case"unlisted":o="The site admins have to make it appear on listings"}return n.createElement("div",{className:"media-title-banner"},e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories(!0):null,void 0!==this.props.title?n.createElement("h1",null,this.props.title):null,i||"public"!==a?n.createElement("div",{className:"media-labels-area"},n.createElement("div",{className:"media-labels-area-inner"},i?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,"shared")),n.createElement("span",{className:"helper-icon","data-tooltip":"This media is shared with specific users or categories"},n.createElement("i",{className:"material-icons"},"help_outline"))):"public"!==a?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,a)),n.createElement("span",{className:"helper-icon","data-tooltip":o},n.createElement("i",{className:"material-icons"},"help_outline"))):null)):null,n.createElement("div",{className:"media-views-actions"+(this.state.likedMedia?" liked-media":"")+(this.state.dislikedMedia?" disliked-media":"")},!e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories():null,e?n.createElement("div",{className:"media-views"},(0,v.formatViewsNumber)(this.props.views,!0)," ",1>=this.props.views?(0,v.translateString)("view"):(0,v.translateString)("views")):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(z,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,!(0,v.inEmbeddedApp)()&&l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!0}):null,!(0,v.inEmbeddedApp)()&&!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia&&-1<l.PlaylistsContext._currentValue.mediaTypes.indexOf(r.MediaPageStore.get("media-type"))?n.createElement(K,null):null,this.props.allowDownload&&l.MemberContext._currentValue.can.downloadMedia?this.downloadLink?n.createElement(de,{link:this.downloadLink,title:this.downloadFilename}):n.createElement(me,null):null,n.createElement(J,{allowDownload:this.props.allowDownload})))))}}class ge extends n.PureComponent{constructor(e){super(e),this.state={videoLoaded:!1},this.onVideoLoad=this.onVideoLoad.bind(this),r.MediaPageStore.on("loaded_media_data",this.onVideoLoad)}onVideoLoad(){this.setState({videoLoaded:!0})}render(){let e,t,a,i,l,o,s=!1;return this.state.videoLoaded&&(s=r.MediaPageStore.get("media-data").allow_download,s=void 0===s||!!s,e=r.MediaPageStore.get("media-data").views,t=r.MediaPageStore.get("media-data").categories_info,a=r.MediaPageStore.get("media-data").title,i={name:r.MediaPageStore.get("media-data").author_name,url:r.MediaPageStore.get("media-data").author_profile,thumb:r.MediaPageStore.get("media-author-thumbnail-url")},l=r.MediaPageStore.get("media-data").add_date,o=r.MediaPageStore.get("media-data").description),this.state.videoLoaded?n.createElement("div",{className:"viewer-info"},n.createElement("div",{className:"viewer-info-inner"},n.createElement(ue,{title:a,views:e,categories:t,allowDownload:s}),n.createElement(B,{author:i,published:l,description:o}))):null}}class he extends ge{render(){let e,t,a,i,l,o,s=!1;return this.state.videoLoaded&&(s=r.MediaPageStore.get("media-data").allow_download,s=void 0===s||!!s,e=r.MediaPageStore.get("media-data").views,t=r.MediaPageStore.get("media-data").categories_info,a=r.MediaPageStore.get("media-data").title,i={name:r.MediaPageStore.get("media-data").author_name,url:r.MediaPageStore.get("media-data").author_profile,thumb:r.MediaPageStore.get("media-author-thumbnail-url")},l=r.MediaPageStore.get("media-data").add_date,o=r.MediaPageStore.get("media-data").description),this.state.videoLoaded?n.createElement("div",{className:"viewer-info"},n.createElement("div",{className:"viewer-info-inner"},n.createElement(pe,{title:a,views:e,categories:t,allowDownload:s}),n.createElement(B,{author:i,published:l,description:o}))):null}}class fe extends n.PureComponent{render(){return n.createElement("div",{className:"viewer-container",key:"viewer-container-error"},n.createElement("div",{className:"player-container player-container-error"},n.createElement("div",{className:"player-container-inner"},n.createElement("div",{className:"error-container"},n.createElement("div",{className:"error-container-inner"},n.createElement("span",{className:"icon-wrap"},n.createElement("i",{className:"material-icons"},"error_outline")),n.createElement("span",{className:"msg-wrap"},r.MediaPageStore.get("media-load-error-message")))))))}}var ve=a(4737);function ye(){const e=r.MediaPageStore.get("media-data");return e&&e.related_media&&e.related_media.length?e.related_media[0]:null}function Ee(e){const[t,a]=(0,n.useState)(ye()),[i,l]=(0,n.useState)(r.PageStore.get("media-auto-play"));function o(){l(r.PageStore.get("media-auto-play"))}function s(){a(ye())}return(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_media_data",s),r.PageStore.on("switched_media_auto_play",o),()=>{r.MediaPageStore.removeListener("loaded_media_data",s),r.PageStore.removeListener("switched_media_auto_play",o)})),[]),t?n.createElement("div",{className:"auto-play"},n.createElement("div",{className:"auto-play-header"},n.createElement("div",{className:"next-label"},(0,v.translateString)("Up next"))),n.createElement(ve.k,{className:"items-list-hor",items:[t],pageItems:1,maxItems:1,singleLinkContent:!0,horizontalItemsOrientation:!0,hideDate:!0,hideViews:!r.PageStore.get("config-media-item").displayViews,hideAuthor:!r.PageStore.get("config-media-item").displayAuthor})):null}function be(e){const[t,a]=(0,n.useState)(s()),[i,l]=(0,n.useState)(null);function o(){l(r.MediaPageStore.get("media-type")),a(s())}function s(){const e=r.MediaPageStore.get("media-data");return null!=e&&void 0!==e.related_media&&e.related_media.length?e.related_media:null}return(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_media_data",o),()=>r.MediaPageStore.removeListener("loaded_media_data",o))),[]),t&&t.length?n.createElement(ve.k,{className:"items-list-hor",items:!e.hideFirst||"video"!==i&&"audio"!==i?t:t.slice(1),pageItems:r.PageStore.get("config-options").pages.media.related.initialSize,singleLinkContent:!0,horizontalItemsOrientation:!0,hideDate:!0,hideViews:!r.PageStore.get("config-media-item").displayViews,hideAuthor:!r.PageStore.get("config-media-item").displayAuthor}):null}function Se(e){return n.createElement(ve.k,{className:"items-list-hor",pageItems:9999,maxItems:9999,items:e.items,hideDate:!0,hideViews:!0,hidePlaylistOrderNumber:!1,horizontalItemsOrientation:!0,inPlaylistView:!0,singleLinkContent:!0,playlistActiveItem:e.playlistActiveItem})}be.propTypes={hideFirst:h().bool},be.defaultProps={hideFirst:!0},Se.propTypes={items:h().array.isRequired,playlistActiveItem:v.PositiveIntegerOrZero},Se.defaultProps={playlistActiveItem:1};class we extends n.PureComponent{constructor(e){super(e),this.state={expanded:!0,loopRepeat:r.PlaylistViewStore.get("enabled-loop"),shuffle:r.PlaylistViewStore.get("enabled-shuffle"),savedPlaylist:r.PlaylistViewStore.get("saved-playlist-loop"),title:e.playlistData.title,link:e.playlistData.url,authorName:e.playlistData.user,authorLink:l.LinksContext._currentValue.home+"/user/"+e.playlistData.user,activeItem:e.activeItem,totalMedia:e.playlistData.media_count,items:e.playlistData.playlist_media},this.onHeaderClick=this.onHeaderClick.bind(this),this.onLoopClick=this.onLoopClick.bind(this),this.onShuffleClick=this.onShuffleClick.bind(this),this.onSaveClick=this.onSaveClick.bind(this),this.onLoopRepeatUpdate=this.onLoopRepeatUpdate.bind(this),this.onShuffleUpdate=this.onShuffleUpdate.bind(this),this.onPlaylistSaveUpdate=this.onPlaylistSaveUpdate.bind(this),r.PlaylistViewStore.on("loop-repeat-updated",this.onLoopRepeatUpdate),r.PlaylistViewStore.on("shuffle-updated",this.onShuffleUpdate),r.PlaylistViewStore.on("saved-updated",this.onPlaylistSaveUpdate)}onHeaderClick(e){this.setState({expanded:!this.state.expanded})}onLoopClick(){f.PlaylistViewActions.toggleLoop()}onShuffleClick(){f.PlaylistViewActions.toggleShuffle()}onSaveClick(){f.PlaylistViewActions.toggleSave()}onShuffleUpdate(){this.setState({shuffle:r.PlaylistViewStore.get("enabled-shuffle")},(()=>{this.state.shuffle?f.PageActions.addNotification("Playlist shuffle is on","shuffle-on"):f.PageActions.addNotification("Playlist shuffle is off","shuffle-off")}))}onLoopRepeatUpdate(){this.setState({loopRepeat:r.PlaylistViewStore.get("enabled-loop")},(()=>{this.state.loopRepeat?f.PageActions.addNotification("Playlist loop is on","loop-on"):f.PageActions.addNotification("Playlist loop is off","loop-off")}))}onPlaylistSaveUpdate(){this.setState({savedPlaylist:r.PlaylistViewStore.get("saved-playlist")},(()=>{this.state.savedPlaylist?f.PageActions.addNotification("Added to playlists library","added-to-playlists-lib"):f.PageActions.addNotification("Removed from playlists library","removed-from-playlists-lib")}))}render(){return n.createElement("div",{className:"playlist-view-wrap"},n.createElement("div",{className:"playlist-view"+(this.state.expanded?" playlist-expanded-view":"")},n.createElement("div",{className:"playlist-header"},n.createElement("div",{className:"playlist-title"},n.createElement("a",{href:this.state.link,title:this.state.title},this.state.title)),n.createElement("div",{className:"playlist-meta"},n.createElement("span",null,n.createElement("a",{href:this.state.authorLink,title:this.state.authorName},this.state.authorName)),"  -  ",n.createElement("span",{className:"counter"},this.state.activeItem," / ",this.state.totalMedia)),n.createElement(s.CircleIconButton,{className:"toggle-playlist-view",onClick:this.onHeaderClick},this.state.expanded?n.createElement("i",{className:"material-icons"},"keyboard_arrow_up"):n.createElement("i",{className:"material-icons"},"keyboard_arrow_down"))),this.state.expanded?n.createElement("div",{className:"playlist-actions"},n.createElement(s.CircleIconButton,{className:this.state.loopRepeat?"active":"",onClick:this.onLoopClick,title:"Loop playlist"},n.createElement("i",{className:"material-icons"},"repeat"))):null,this.state.expanded&&this.state.items.length?n.createElement("div",{className:"playlist-media"},n.createElement(Se,{items:this.state.items,playlistActiveItem:this.state.activeItem})):null))}}we.propTypes={playlistData:h().object.isRequired,activeItem:v.PositiveIntegerOrZero},we.defaultProps={};class Pe extends n.PureComponent{constructor(e){if(super(e),this.state={playlistData:e.playlistData,isPlaylistPage:!!e.playlistData,activeItem:0,mediaType:r.MediaPageStore.get("media-type"),chapters:r.MediaPageStore.get("media-data")?.chapters},e.playlistData){let t=0;for(;t<e.playlistData.playlist_media.length;){if(e.mediaId===e.playlistData.playlist_media[t].friendly_token){this.state.activeItem=t+1;break}t+=1}}this.onMediaLoad=this.onMediaLoad.bind(this)}componentDidMount(){r.MediaPageStore.on("loaded_media_data",this.onMediaLoad)}onMediaLoad(){this.setState({mediaType:r.MediaPageStore.get("media-type"),chapters:r.MediaPageStore.get("media-data")?.chapter_data||[]})}render(){return n.createElement("div",{className:"viewer-sidebar"},this.state.isPlaylistPage?n.createElement(we,{activeItem:this.state.activeItem,playlistData:this.props.playlistData}):"video"===this.state.mediaType||"audio"===this.state.mediaType?n.createElement(Ee,null):null,n.createElement(be,{hideFirst:!this.state.isPlaylistPage}))}}var Me=a(9479);Me.Y;class _e extends Me.Y{constructor(e){super(e,"media"),this.state={wideLayout:1216<=window.innerWidth,mediaLoaded:!1,mediaLoadFailed:!1,isVideoMedia:!1,theaterMode:!1,pagePlaylistLoaded:!1,pagePlaylistData:r.MediaPageStore.get("playlist-data")},this.onWindowResize=this.onWindowResize.bind(this),this.onMediaLoad=this.onMediaLoad.bind(this),this.onMediaLoadError=this.onMediaLoadError.bind(this),this.onPagePlaylistLoad=this.onPagePlaylistLoad.bind(this),r.MediaPageStore.on("loaded_media_data",this.onMediaLoad),r.MediaPageStore.on("loaded_media_error",this.onMediaLoadError),r.MediaPageStore.on("loaded_page_playlist_data",this.onPagePlaylistLoad)}componentDidMount(){f.MediaPageActions.loadMediaData(),r.PageStore.on("window_resize",this.onWindowResize)}onWindowResize(){this.setState({wideLayout:1216<=window.innerWidth})}onPagePlaylistLoad(){this.setState({pagePlaylistLoaded:!0,pagePlaylistData:r.MediaPageStore.get("playlist-data")})}onMediaLoad(){const e="video"===r.MediaPageStore.get("media-type")||"audio"===r.MediaPageStore.get("media-type");e?(this.onViewerModeChange=this.onViewerModeChange.bind(this),r.VideoViewerStore.on("changed_viewer_mode",this.onViewerModeChange),this.setState({mediaLoaded:!0,isVideoMedia:e,theaterMode:r.VideoViewerStore.get("in-theater-mode")})):this.setState({mediaLoaded:!0,isVideoMedia:e})}onViewerModeChange(){this.setState({theaterMode:r.VideoViewerStore.get("in-theater-mode")})}onMediaLoadError(e){this.setState({mediaLoadFailed:!0})}pageContent(){const e="cf viewer-section"+(this.state.theaterMode?" theater-mode":" viewer-wide"),t="viewer-section-nested"+(this.state.theaterMode?" viewer-section":"");return this.state.mediaLoadFailed?n.createElement("div",{className:e},n.createElement(fe,null)):n.createElement("div",{className:e},[n.createElement("div",{className:"viewer-container",key:"viewer-container"},this.state.mediaLoaded&&this.state.pagePlaylistLoaded?this.viewerContainerContent(r.MediaPageStore.get("media-data")):null),n.createElement("div",{key:"viewer-section-nested",className:t},!this.state.wideLayout||this.state.isVideoMedia&&this.state.theaterMode?[n.createElement(he,{key:"viewer-info"}),!(0,v.inEmbeddedApp)()&&this.state.pagePlaylistLoaded?n.createElement(Pe,{key:"viewer-sidebar",mediaId:r.MediaPageStore.get("media-id"),playlistData:r.MediaPageStore.get("playlist-data")}):null]:[!(0,v.inEmbeddedApp)()&&this.state.pagePlaylistLoaded?n.createElement(Pe,{key:"viewer-sidebar",mediaId:r.MediaPageStore.get("media-id"),playlistData:r.MediaPageStore.get("playlist-data")}):null,n.createElement(he,{key:"viewer-info"})])])}}if(window.MediaCMS.site.devEnv){const e=()=>{let e=null,t=null;const a=window.location.search.split("?")[1];return a&&a.split("&").forEach((a=>{0===a.indexOf("m=")?e=a.split("m=")[1]:0===a.indexOf("pl=")&&(t=a.split("pl=")[1])})),{mediaId:e,playlistId:t}},{mediaId:t,playlistId:a}=e();t&&(window.MediaCMS.mediaId=t),a&&(window.MediaCMS.playlistId=a)}(0,i.C)("page-media",class extends _e{viewerContainerContent(e){switch(r.MediaPageStore.get("media-type")){case"video":case"audio":return n.createElement(l.SiteConsumer,null,(t=>n.createElement(C,{data:e,siteUrl:t.url,inEmbed:!1})));case"image":return n.createElement(c,null);case"pdf":const t=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url);return n.createElement(p,{fileUrl:t})}return n.createElement(o,null)}})}},a={};function i(e){var n=a[e];if(void 0!==n)return n.exports;var l=a[e]={exports:{}};return t[e].call(l.exports,l,l.exports,i),l.exports}i.m=t,e=[],i.O=function(t,a,n,l){if(!a){var r=1/0;for(c=0;c<e.length;c++){a=e[c][0],n=e[c][1],l=e[c][2];for(var o=!0,s=0;s<a.length;s++)(!1&l||r>=l)&&Object.keys(i.O).every((function(e){return i.O[e](a[s])}))?a.splice(s--,1):(o=!1,l<r&&(r=l));if(o){e.splice(c--,1);var d=n();void 0!==d&&(t=d)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[a,n,l]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=201,function(){var e={201:0};i.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,l,r=a[0],o=a[1],s=a[2],d=0;if(r.some((function(t){return 0!==e[t]}))){for(n in o)i.o(o,n)&&(i.m[n]=o[n]);if(s)var c=s(i)}for(t&&t(a);d<r.length;d++)l=r[d],i.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return i.O(c)},a=self.webpackChunkmediacms_frontend=self.webpackChunkmediacms_frontend||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}();var n=i.O(void 0,[276],(function(){return i(9427)}));n=i.O(n)}();
\ No newline at end of file
+!function(){var e,t={234:function(e,t,a){"use strict";var i=a(2985),n=a(9471),l=a(8790),r=a(7460);function o(){return n.createElement("div",{className:"player-container viewer-attachment-container"},n.createElement("div",{className:"player-container-inner"},n.createElement("span",null,n.createElement("span",null,n.createElement("i",{className:"material-icons"},"insert_drive_file")))))}var s=a(7664),d=function(e){let{children:t,content:a,title:i,position:l="right",classNames:r=""}=e;const[o,s]=(0,n.useState)(!1),[d,c]=(0,n.useState)({height:0,width:0}),m=(0,n.useRef)(null);(0,n.useEffect)((()=>{m.current&&c({height:m.current.clientHeight||0,width:m.current.clientWidth||0})}),[o]);const u={right:{left:"100%",marginLeft:"10px",top:"-50%"},left:{right:"100%",marginRight:"10px",top:"-50%"},top:{left:"50%",top:`-${d.height+10}px`,transform:"translateX(-50%)"},center:{top:"50%",left:"50%",translate:"x-[-50%]"},"bottom-left":{left:`-${d.width-20}px`,top:"100%",marginTop:"10px"}};return n.createElement("div",{onMouseEnter:()=>{s(!0)},onMouseLeave:()=>{s(!1)}},n.createElement("div",{ref:m,className:`tooltip-box ${o?"show":"hide"} ${r}`,style:u[l]},i&&n.createElement("div",{className:"tooltip-title"},i),n.createElement("div",{className:"tooltip-content"},a)),t)};function c(){const e=(0,n.useContext)(l.SiteContext);let t=y();t=t||r.MediaPageStore.get("media-data").thumbnail_url,t=t||"";const[a,i]=(0,n.useState)(t),[o,c]=(0,n.useState)([]),[m,u]=(0,n.useState)(!1),[p,g]=(0,n.useState)(0),[h,f]=(0,n.useState)(!0),v=n.useRef();function E(){i(y())}function y(){const t=r.MediaPageStore.get("media-data");let a=t.poster_url?.trim()||t.thumbnail_url?.trim()||r.MediaPageStore.get("media-original-url")?.trim()||"#";return e.url+"/"+a.replace(/^\//g,"")}(0,n.useEffect)((()=>{a&&(()=>{const e=r.MediaPageStore.get("media-data").slideshow_items;Array.isArray(e)&&c(e)})()}),[a]),(0,n.useEffect)((()=>(r.MediaPageStore.on("loaded_image_data",E),()=>r.MediaPageStore.removeListener("loaded_image_data",E))),[]),(0,n.useEffect)((()=>{if(m)return document.addEventListener("keydown",b),()=>{document.removeEventListener("keydown",b)}}),[m,o]);const b=e=>{"ArrowRight"===e.key&&w(),"ArrowLeft"===e.key&&P(),"Escape"===e.key&&S()},S=()=>u(!1),w=()=>{f(!0),g((e=>(e+1)%o.length))},P=()=>{f(!0),g((e=>(e-1+o.length)%o.length))},M=e=>{if(v.current){const t=10;"left"===e?v.current.scrollBy({left:-t,behavior:"smooth"}):"right"===e&&v.current.scrollBy({left:t,behavior:"smooth"})}};return a?n.createElement("div",{className:"viewer-image-container"},n.createElement(d,{content:"load full-image",position:"center"},n.createElement("img",{src:a,alt:r.MediaPageStore.get("media-data").title||null,onClick:()=>u(!0)})),m&&o&&n.createElement("div",{className:"modal-overlay",onClick:()=>u(!1)},n.createElement("div",{className:"slideshow-container",onClick:e=>e.stopPropagation()},!h&&n.createElement("button",{className:"arrow left",onClick:P,"aria-label":"Previous slide"},"‹"),n.createElement("div",{className:"slideshow-image"},h&&n.createElement(s.SpinnerLoader,{size:"large"}),n.createElement("img",{src:e.url+"/"+o[p]?.original_media_url,alt:`Slide ${p+1}`,onClick:()=>(t=>{const a=e.url+o[t]?.url;window.location.href=a})(p),onLoad:()=>f(!1),onError:()=>f(!1),style:{display:h?"none":"block"}}),!h&&n.createElement("div",{className:"slideshow-title"},o[p]?.title)),!h&&n.createElement("button",{className:"arrow right",onClick:w,"aria-label":"Next slide"},"›"),n.createElement("div",{className:"thumbnail-navigation"},o.length>5&&n.createElement("button",{className:"arrow left",onClick:()=>M("left"),"aria-label":"Scroll left"},"‹"),n.createElement("div",{className:"thumbnail-container "+(o.length<=5?"center-thumbnails":""),ref:v},o.map(((t,a)=>n.createElement("img",{key:a,src:e.url+"/"+t.thumbnail_url,alt:`Thumbnail ${a+1}`,className:"thumbnail "+(p===a?"active":""),onClick:()=>(e=>{f(!0),g(e)})(a)})))),o.length>5&&n.createElement("button",{className:"arrow right",onClick:()=>M("right"),"aria-label":"Scroll right"},"›"))))):null}var m=a(7118),u=a(5928);function p(e){let{fileUrl:t}=e;const a=(0,u.defaultLayoutPlugin)();return n.createElement("div",{className:"pdf-container"},n.createElement(m.Worker,{workerUrl:"https://unpkg.com/pdfjs-dist@3.4.120/build/pdf.worker.min.js"},n.createElement(m.Viewer,{fileUrl:t,plugins:[a]})))}var g=a(8713),h=a.n(g),f=a(285),v=a(9200),E=a(7154),y=a(8974);const b=["hls","h265","vp9","h264","vp8","mp4","theora"];function S(e,t){let a=null,i=document.createElement("video");if(i.canPlayType)try{switch(e){case"hls":case"mp4":a=!0;break;case"h265":a="probably"===i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"');break;case"h264":a="probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')||"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');break;case"vp9":a="probably"===i.canPlayType('video/webm; codecs="vp9"');break;case"vp8":a="probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"');break;case"theora":a="probably"===i.canPlayType('video/ogg; codecs="theora"')}if(t=(t instanceof Boolean||0===t||1==t)&&t){if("no"===i.canPlayType("video/nonsense")&&y.warn('BUGGY: Codec detection bug in Firefox 3.5.0 - 3.5.1 and Safari 4.0.0 - 4.0.4 that answer "no" to unknown codecs instead of an empty string'),"probably"===i.canPlayType("video/webm")&&y.warn('BUGGY: Codec detection bug that Firefox 27 and earlier always says "probably" when asked about WebM, even when the codecs string is not present'),"maybe"===i.canPlayType('video/mp4; codecs="avc1.42E01E"'))switch(i.canPlayType("video/mp4")){case"probably":y.warn('BUGGY: Codec detection bug in iOS 4.1 and earlier that switches "maybe" and "probably" around');break;case"maybe":y.warn('BUGGY: Codec detection bug in Android where no better answer than "maybe" is given')}"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')&&"probably"!==i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&y.warn("BUGGY: Codec detection bug in Internet Explorer 9 that requires both audio and video codec on test")}}catch(e){y.warn(e)}return a}function w(e){let t=[],a={},i=document.createElement("video");return i.canPlayType&&(a.hls=!0,t.push("hls"),(i.canPlayType('video/mp4; codecs="hvc1.1.L0.0"')||"probably"===i.canPlayType('video/mp4; codecs="hev1.1.L0.0"'))&&(a.h265=!0,t.push("h265")),"probably"===i.canPlayType('video/mp4; codecs="avc1.42E01E"')&&(a.h264=!0,t.push("h264")),"probably"===i.canPlayType('video/webm; codecs="vp9"')&&(a.vp9=!0,t.push("vp9")),e&&("probably"===i.canPlayType('video/webm; codecs="vp8, vorbis"')&&(a.vp8=!0,t.push("vp8")),"probably"===i.canPlayType('video/ogg; codecs="theora"')&&(a.theora=!0,t.push("theora"))),"probably"===i.canPlayType('video/mp4; codecs="mp4v.20.8"')&&(a.mp4=!0,t.push("mp4"))),{order:t,support:a}}var P=a(8974);const M=e=>{let{data:t,useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r,playerSoundMuted:o,videoQuality:s,videoPlaybackSpeed:d,inTheaterMode:c,siteId:m,siteUrl:u,info:p,cornerLayers:g,sources:h,poster:f,previewSprite:v,subtitlesInfo:E,inEmbed:y,showTitle:b,showRelated:S,showUserAvatar:w,linkTitle:M,hasTheaterMode:k,hasNextLink:_,nextLink:C,hasPreviousLink:N,errorMessage:x,onClickNextCallback:L,onClickPreviousCallback:I,onStateUpdateCallback:V,onPlayerInitCallback:T}=e;const A=(0,n.useRef)(null),R=(0,n.useRef)(!1),U=(0,n.useRef)(null),D=(0,n.useRef)(y),O=e=>new URLSearchParams(window.location.search).get(e);(0,n.useEffect)((()=>{if(D.current=y,"undefined"!=typeof window){const e=O("t"),n=O("muted"),o=O("showRelated"),P=O("showUserAvatar"),A=O("linkTitle");window.MEDIA_DATA={data:t||{},useRoundedCorners:a,version:i,isPlayList:l,playerVolume:r||.5,playerSoundMuted:"1"===n,videoQuality:s||"auto",videoPlaybackSpeed:d||1,inTheaterMode:c||!1,siteId:m||"",siteUrl:u||"",info:p||{},cornerLayers:g||[],sources:h||[],poster:f||"",previewSprite:v||null,subtitlesInfo:E||[],inEmbed:y||!1,showTitle:b||!1,showRelated:void 0!==S?S:"1"===o||"true"===o||null===o,showUserAvatar:void 0!==w?w:"1"===P||"true"===P||null===P,linkTitle:void 0!==M?M:"1"===A||"true"===A||null===A,hasTheaterMode:k||!1,hasNextLink:_||!1,nextLink:C||null,hasPreviousLink:N||!1,errorMessage:x||"",urlTimestamp:e?parseInt(e,10):null,urlMuted:"1"===n,urlShowRelated:"1"===o||"true"===o,urlShowUserAvatar:"1"===P||"true"===P,urlLinkTitle:"1"===A||"true"===A,onClickNextCallback:L||null,onClickPreviousCallback:I||null,onStateUpdateCallback:V||null,onPlayerInitCallback:(e,t)=>{U.current=e,T&&T(e,t)}}}R.current||(F(),R.current=!0)}),[t,u,y]),(0,n.useEffect)((()=>{if(y&&A.current){const e=setTimeout((()=>{const e=new CustomEvent("triggerVideoJSMount",{detail:{targetId:"video-js-root-embed"}});document.dispatchEvent(e),"undefined"!=typeof window&&window.triggerVideoJSMount&&window.triggerVideoJSMount()}),100);return()=>clearTimeout(e)}}),[y,A.current]),(0,n.useEffect)((()=>{const e=e=>{if(e.target.classList.contains("video-timestamp")){e.preventDefault();const t=parseInt(e.target.dataset.timestamp,10);let a=null;if(U.current&&U.current.player&&(a=U.current.player),!a&&"undefined"!=typeof window&&window.videojsPlayers){const e=D.current?"video-embed":"video-main";a=window.videojsPlayers[e]}if(!a&&"undefined"!=typeof window&&window.videojs){const e=document.querySelector(D.current?"#video-embed":"#video-main");e&&e.player&&(a=e.player)}if(a){t>=0&&t<a.duration()?a.currentTime(t):t>=0&&a.play();const e=document.querySelector(D.current?"#video-embed":"#video-main");if(e){const t=O("scroll");window.parent!==window&&"1"!==t&&"true"!==t||e.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})}}else P.warn("VideoJS player not found for timestamp navigation")}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[]);const F=()=>{const e=document.querySelector('link[href*="video-js.css"]'),t=document.querySelector('script[src*="video-js.js"]');if(!e){const e=document.createElement("link");e.rel="stylesheet",e.href=u+"/static/video_js/video-js.css?v="+i,document.head.appendChild(e)}if(!t){const e=document.createElement("script");e.src=u+"/static/video_js/video-js.js?v="+i,document.head.appendChild(e)}};return n.createElement("div",{className:"video-js-wrapper",ref:A},y?n.createElement("div",{id:"video-js-root-embed",className:"video-js-root-embed"}):n.createElement("div",{id:"video-js-root-main",className:"video-js-root-main"}))};M.defaultProps={data:{},siteUrl:""};var k=M,_=a(8974);class C extends n.PureComponent{constructor(e){if(super(e),this.state={displayPlayer:!1},this.videoSources=[],function(e){switch(e){case"running_X":r.MediaPageStore.set("media-load-error-type","encodingRunning"),r.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.");break;case"pending_X":r.MediaPageStore.set("media-load-error-type","encodingPending"),r.MediaPageStore.set("media-load-error-message","Media encoding is pending");break;case"fail":r.MediaPageStore.set("media-load-error-type","encodingFailed"),r.MediaPageStore.set("media-load-error-message","Media encoding failed")}}(this.props.data.encoding_status),null!==r.MediaPageStore.get("media-load-error-type"))return void(this.state.displayPlayer=!0);if("string"==typeof this.props.data.poster_url?this.videoPoster=(0,v.formatInnerLink)(this.props.data.poster_url,this.props.siteUrl):"string"==typeof this.props.data.thumbnail_url&&(this.videoPoster=(0,v.formatInnerLink)(this.props.data.thumbnail_url,this.props.siteUrl)),this.videoInfo=function(e,t,a){const i={};let n,r,o;a=void 0===a?w():a;const s={hls:["m3u8"],h265:["mp4","webm"],h264:["mp4","webm"],vp9:["mp4","webm"],vp8:["mp4","webm"],theora:["ogg"],mp4:["mp4"]};for(n in t)t.hasOwnProperty(n)&&(r=null,"master_file"===n?r="Auto":(r=n.split("_playlist"),r=2===r.length?r[0]:null),null!==r&&(i[r]=void 0===i[r]?{format:[],url:[]}:i[r],i[r].format.push("hls"),i[r].url.push((0,v.formatInnerLink)(t[n],l.SiteContext._currentValue.url))));for(r in e)if(e.hasOwnProperty(r)&&Object.keys(e[r]).length&&(1080>=parseInt(r,10)||1080<window.screen.width&&1080<window.screen.height))for(n=0;n<b.length;)void 0!==e[r][b[n]]&&S(b[n],!1)&&e[r][b[n]]&&e[r][b[n]].url&&(100!==e[r][b[n]].progress&&y.warn("VIDEO DEBUG:","PROGRESS value is",e[r][b[n]].progress),"success"!==e[r][b[n]].status&&y.warn("VIDEO DEBUG:","STATUS value is",e[r][b[n]].status),o=e[r][b[n]].url.split("."),o.length&&0<=s[b[n]].indexOf(o[o.length-1])&&(i[r]=void 0===i[r]?{format:[],url:[]}:i[r],i[r].format.push(b[n]),i[r].url.push((0,v.formatInnerLink)(e[r][b[n]].url,l.SiteContext._currentValue.url)))),n+=1;return i}(this.props.data.encodings_info,this.props.data.hls_info),Object.keys(this.videoInfo).length){let e=r.VideoViewerStore.get("video-quality");(null===e||"Auto"===e&&void 0===this.videoInfo.Auto)&&(e=720);let t=function(e,t){let a,i=Object.keys(t);if(void 0!==t[e])return e;if(parseInt(e,10)>=parseInt(i[i.length-1],10))return i[i.length-1];if(parseInt(e,10)<=parseInt(i[0],10))return i[0];for(a=i.length-1;a>=0;){if(parseInt(e,10)>=parseInt(i[a],10))return i[a+1];a-=1}}(e,this.videoInfo);"Auto"===e&&void 0!==this.videoInfo.Auto&&this.videoSources.push({src:this.videoInfo.Auto.url[0]});const a=w();let i,n;for(n=0;n<this.videoInfo[t].format.length;){if("hls"===this.videoInfo[t].format[n]){this.videoSources.push({src:this.videoInfo[t].url[n]});break}n+=1}for(n in this.props.data.encodings_info[t])this.props.data.encodings_info[t].hasOwnProperty(n)&&a.support[n]&&(i=this.props.data.encodings_info[t][n].url,i&&(i=(0,v.formatInnerLink)(i,this.props.siteUrl),this.videoSources.push({src:i,encodings_status:this.props.data.encodings_info[t][n].status})))}else this.videoInfo=null;if(this.videoSources.length){if(!this.props.inEmbed&&1===this.videoSources.length&&"running"===this.videoSources[0].encodings_status)return r.MediaPageStore.set("media-load-error-type","encodingRunning"),void r.MediaPageStore.set("media-load-error-message","Media encoding is currently running. Try again in few minutes.")}else switch(r.MediaPageStore.get("media-load-error-type")){case"encodingRunning":case"encodingPending":case"encodingFailed":break;default:_.warn("VIDEO DEBUG:","Video files don't exist")}r.PageStore.on("switched_media_auto_play",this.onUpdateMediaAutoPlay.bind(this)),this.browserCache=new E.BrowserCache(l.SiteContext._currentValue.id,86400);const t=new E.MediaDurationInfo;t.update(this.props.data.duration),this.durationISO8601=t.ISO8601(),this.playerElem=null,this.playerInstance=null,this.onPlayerInit=this.onPlayerInit.bind(this),this.onClickNext=this.onClickNext.bind(this),this.onClickPrevious=this.onClickPrevious.bind(this),this.onStateUpdate=this.onStateUpdate.bind(this)}componentDidMount(){if(this.videoSources.length){this.upNextLoaderView=!this.props.inEmbed&&this.props.data.related_media.length?new E.UpNextLoaderView(this.props.data.related_media[0]):null;let e=null;if(this.props.inEmbed){let t=document.createElement("a"),a=document.createElement("a");e=document.createElement("div"),e.setAttribute("class","media-links-top-left");const i=(0,v.inEmbeddedApp)()||window.location.href.indexOf("lms_embed_mode")>-1?"_self":"_blank";t&&(t.setAttribute("class","title-link"),t.setAttribute("href",this.props.data.url),t.setAttribute("title",this.props.data.title),t.setAttribute("target",i),t.innerHTML=this.props.data.title),a&&(a.setAttribute("class","user-thumb-link"),a.setAttribute("href",(0,v.formatInnerLink)(this.props.data.author_profile,this.props.siteUrl)),a.setAttribute("title",this.props.data.author_name),a.setAttribute("target",i),a.setAttribute("style","background-image:url("+(0,v.formatInnerLink)(r.MediaPageStore.get("media-author-thumbnail-url"),this.props.siteUrl)+")")),e.appendChild(a),e.appendChild(t)}let t='<button class="share-video-btn"><i class="material-icons">share</i><span>Share</span></button>';t+='<div class="share-options-wrapper">\t\t\t\t\t\t\t\t\t<div class="share-options">\t\t\t\t\t\t\t\t\t\t<div class="share-options-inner">\t\t\t\t\t\t\t\t\t\t\t<div class="sh-option share-email">\t\t\t\t\t\t\t\t\t\t\t\t<a href="mailto:?body='+r.MediaPageStore.get("media-url")+'" title=""><span><i class="material-icons">email</i></span><span>Email1</span></a>\t\t\t\t\t\t\t\t\t\t\t</div></div>\t\t\t\t\t\t\t\t\t</div>\t\t\t\t\t\t\t\t</div>',this.cornerLayers={topLeft:e,topRight:this.upNextLoaderView?this.upNextLoaderView.html():null,bottomLeft:this.recommendedMedia?this.recommendedMedia.html():null,bottomRight:this.props.inEmbed?t:null},this.setState({displayPlayer:!0},(function(){setTimeout((function(){const e=document.querySelector(".share-video-btn"),t=document.querySelector(".share-options-wrapper"),a=document.querySelector(".share-options-inner");e&&e.addEventListener("click",(function(e){(0,v.addClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")})),t&&t.addEventListener("click",(function(e){e.target!==a&&e.target!==t||(0,v.removeClassname)(document.querySelector(".video-js.vjs-mediacms"),"vjs-visible-share-options")}))}),1e3)}))}}onClickNext(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onClickPrevious(){let e;r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-previous-media-url"),null===e&&(e=this.props.data.related_media[0].url)):this.props.inEmbed||(e=this.props.data.related_media[0].url),window.location.href=e}onStateUpdate(e){r.VideoViewerStore.get("in-theater-mode")!==e.theaterMode&&f.VideoViewerActions.set_viewer_mode(e.theaterMode),r.VideoViewerStore.get("player-volume")!==e.volume&&f.VideoViewerActions.set_player_volume(e.volume),r.VideoViewerStore.get("player-sound-muted")!==e.soundMuted&&f.VideoViewerActions.set_player_sound_muted(e.soundMuted),r.VideoViewerStore.get("video-quality")!==e.quality&&f.VideoViewerActions.set_video_quality(e.quality),r.VideoViewerStore.get("video-playback-speed")!==e.playbackSpeed&&f.VideoViewerActions.set_video_playback_speed(e.playbackSpeed)}onPlayerInit(e,t){this.playerElem=t,this.playerInstance=e,this.upNextLoaderView&&(this.upNextLoaderView.setVideoJsPlayerElem(this.playerInstance.player.el_),this.onUpdateMediaAutoPlay()),this.props.inEmbed||this.playerElem.parentNode.focus()}onUpdateMediaAutoPlay(){this.upNextLoaderView&&(r.PageStore.get("media-auto-play")||this.upNextLoaderView.hideTimerView())}render(){let e=null,t=null;!this.props.inEmbed&&r.MediaPageStore.get("playlist-id")?(e=r.MediaPageStore.get("playlist-next-media-url"),t=r.MediaPageStore.get("playlist-previous-media-url")):e=this.props.data.related_media.length&&!this.props.inEmbed?this.props.data.related_media[0].url:null;const a=this.props.data.sprites_url?{url:this.props.siteUrl+"/"+this.props.data.sprites_url.replace(/^\//g,""),frame:{width:160,height:90,seconds:10}}:null;return n.createElement(n.Fragment,null,n.createElement("div",{key:(this.props.inEmbed?"embed-":"")+"player-container",className:"player-container"+(this.videoSources.length?"":" player-container-error"),style:this.props.containerStyles,ref:"playerContainer"},n.createElement("div",{className:"player-container-inner",ref:"playerContainerInner",style:this.props.containerStyles},null==r.MediaPageStore.get("media-load-error-type")?n.createElement("div",{className:"video-player",ref:"videoJSPlayerWrapper",key:"videoJSPlayerWrapper"},n.createElement(l.SiteConsumer,null,(i=>n.createElement(k,{data:this.props.data,useRoundedCorners:i.useRoundedCorners,version:i.version,isPlayList:!!r.MediaPageStore.get("playlist-id"),playerVolume:this.browserCache.get("player-volume"),playerSoundMuted:this.browserCache.get("player-sound-muted"),videoQuality:this.browserCache.get("video-quality"),videoPlaybackSpeed:parseInt(this.browserCache.get("video-playback-speed"),10),inTheaterMode:this.browserCache.get("in-theater-mode"),siteId:i.id,siteUrl:i.url,info:this.videoInfo,cornerLayers:this.cornerLayers,sources:this.videoSources,poster:this.videoPoster,previewSprite:a,subtitlesInfo:this.props.data.subtitles_info,inEmbed:this.props.inEmbed,showTitle:this.props.showTitle,showRelated:this.props.showRelated,showUserAvatar:this.props.showUserAvatar,linkTitle:this.props.linkTitle,urlTimestamp:this.props.timestamp,hasTheaterMode:!this.props.inEmbed,hasNextLink:!!e,nextLink:e,hasPreviousLink:!!t,errorMessage:r.MediaPageStore.get("media-load-error-message"),onClickNextCallback:this.onClickNext,onClickPreviousCallback:this.onClickPrevious,onStateUpdateCallback:this.onStateUpdate,onPlayerInitCallback:this.onPlayerInit})))):null)))}}C.defaultProps={inEmbed:!0,showTitle:!0,showRelated:!0,showUserAvatar:!0,linkTitle:!0,timestamp:null,siteUrl:h().string.isRequired},C.propTypes={inEmbed:h().bool,showTitle:h().bool,showRelated:h().bool,showUserAvatar:h().bool,linkTitle:h().bool,timestamp:h().number};var N=a(5338),x=a(6619),L=a(4350);const I={single:(0,v.translateString)("comment"),uppercaseSingle:(0,v.translateString)("COMMENT"),ucfirstSingle:(0,v.translateString)("Comment"),ucfirstPlural:(0,v.translateString)("Comments"),submitCommentText:(0,v.translateString)("SUBMIT"),disabledCommentsMsg:(0,v.translateString)("Comments are disabled")};function V(e){const t=(0,n.useRef)(null),[a,i]=(0,n.useState)(""),[o,d]=(0,n.useState)(!1),[c,m]=(0,n.useState)(!1),[u,p]=(0,n.useState)(-1),[g,h]=(0,n.useState)(""),[E]=(0,n.useState)(l.MemberContext._currentValue.is.anonymous?l.LinksContext._currentValue.signin+"?next=/"+window.location.href.replace(l.SiteContext._currentValue.url,"").replace(/^\//g,""):null);function y(){m(!0)}function b(){m(!1)}function S(){const e=[...r.MediaPageStore.get("users")],t=[];e.forEach((e=>{t.push({id:e.username,display:e.name})})),h(t)}function w(){t.current.style.height="";const e=t.current.scrollHeight,a=0<u?u:parseFloat(window.getComputedStyle(t.current).lineHeight);i(""),d(!1),p(a),t.current.style.height=Math.max(20,u*Math.ceil(e/a))+"px"}function P(){d(!1)}return(0,n.useEffect)((()=>(r.MediaPageStore.on("comment_submit",w),r.MediaPageStore.on("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.on("users_load",S),()=>{r.MediaPageStore.removeListener("comment_submit",w),r.MediaPageStore.removeListener("comment_submit_fail",P),!0===MediaCMS.features.media.actions.comment_mention&&r.MediaPageStore.removeListener("users_load",S)}))),l.MemberContext._currentValue.is.anonymous?n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("a",{href:E,rel:"noffolow",className:"form-textarea-wrap",title:(0,v.translateString)("Add a ")+I.single+"..."},n.createElement("span",{className:"form-textarea"},(0,v.translateString)("Add a ")+I.single+"...")),n.createElement("div",{className:"form-buttons"},n.createElement("a",{href:E,rel:"noffolow",className:"disabled"},I.submitCommentText))))):n.createElement("div",{className:"comments-form"},n.createElement("div",{className:"comments-form-inner"},n.createElement(s.UserThumbnail,null),n.createElement("div",{className:"form"},n.createElement("div",{className:"form-textarea-wrap"+(c?" focused":"")},MediaCMS.features.media.actions.comment_mention?n.createElement(x.G,{inputRef:t,className:"form-textarea",rows:"1",placeholder:"Add a "+I.single+"...",value:a,onChange:function(e,a,n,l){t.current.style.height="",i(a),d(!0);const r=t.current.scrollHeight,o=0<u?u:parseFloat(window.getComputedStyle(t.current).lineHeight);p(o),t.current.style.height=Math.max(20,u*Math.ceil(r/o))+"px"},onFocus:y,onBlur:b},n.createElement(x.P,{data:g,markup:"@(___id___)[___display___]"})):n.createElement("textarea",{ref:t,className:"form-textarea",rows:"1",placeholder:"Add a "+I.single+"...",value:a,onChange:function(e){t.current.style.height="";const a=t.current.scrollHeight,n=0<u?u:parseFloat(window.getComputedStyle(t.current).lineHeight);i(t.current.value),d(!0),p(n),t.current.style.height=Math.max(20,u*Math.ceil(a/n))+"px"},onFocus:y,onBlur:b})),n.createElement("div",{className:"form-buttons"},n.createElement("button",{className:""===a.trim()?"disabled":"",onClick:function(){if(!o)return;const e=a.trim();""!==e&&f.MediaPageActions.submitComment(e)}},I.submitCommentText)))))}V.propTypes={comment_type:h().oneOf(["new","reply"]),media_id:h().oneOfType([h().string,h().number]).isRequired,reply_comment_id:h().oneOfType([h().string,h().number])},V.defaultProps={comment_type:"new"};function T(e){const[t,a,i]=(0,N.usePopup)();return n.createElement("div",{className:"comment-actions"},l.MemberContext._currentValue.can.deleteComment?n.createElement("div",{className:"comment-action remove-comment"},n.createElement(i,{contentRef:t},n.createElement("button",null,(0,v.translateString)("DELETE")," ",I.uppercaseSingle)),n.createElement(a,{contentRef:t},n.createElement(s.PopupMain,null,n.createElement("div",{className:"popup-message"},n.createElement("span",{className:"popup-message-title"},I.ucfirstSingle," removal"),n.createElement("span",{className:"popup-message-main"},"You're willing to remove ",I.single," permanently?")),n.createElement("hr",null),n.createElement("span",{className:"popup-message-bottom"},n.createElement("button",{className:"button-link cancel-comment-removal",onClick:function(){t.current.toggle()}},"CANCEL"),n.createElement("button",{className:"button-link proceed-comment-removal",onClick:function(){t.current.toggle(),f.MediaPageActions.deleteComment(e.comment_id)}},"PROCEED"))))):null)}function A(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,r]=(0,n.useState)(!0),[o,s]=(0,n.useState)(!1);return(0,n.useEffect)((()=>()=>{}),[]),n.createElement("div",{className:"comment"},n.createElement("div",{className:"comment-inner"},n.createElement("a",{className:"comment-author-thumb",href:e.author_link,title:e.author_name},n.createElement("img",{src:e.author_thumb,alt:e.author_name})),n.createElement("div",{className:"comment-content"},n.createElement("div",{className:"comment-meta"},n.createElement("div",{className:"comment-author"},n.createElement("a",{href:e.author_link,title:e.author_name},e.author_name)),n.createElement("div",{className:"comment-date"},(0,v.replaceString)((0,L.GP)(new Date(e.publish_date))))),n.createElement("div",{ref:t,className:"comment-text"+(i?" show-all":"")},n.createElement("div",{ref:a,className:"comment-text-inner",dangerouslySetInnerHTML:(d=e.text,{__html:d.replace(/\n/g,"<br />")})})),o?n.createElement("button",{className:"toggle-more",onClick:function(){r(!i)}},i?"Show less":"Read more"):null,l.MemberContext._currentValue.can.deleteComment?n.createElement(T,{comment_id:e.comment_id}):null)));var d}A.propTypes={comment_id:h().oneOfType([h().string,h().number]).isRequired,media_id:h().oneOfType([h().string,h().number]).isRequired,text:h().string,author_name:h().string,author_link:h().string,author_thumb:h().string,publish_date:h().oneOfType([h().string,h().number]),likes:h().number,dislikes:h().number},A.defaultProps={author_name:"",author_link:"#",publish_date:0,likes:0,dislikes:0};const R=e=>{let{commentsLength:t}=e;return n.createElement(n.Fragment,null,!l.MemberContext._currentValue.can.readComment||r.MediaPageStore.get("media-data").enable_comments?null:n.createElement("span",{className:"disabled-comments-msg"},I.disabledCommentsMsg),l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia)?n.createElement("h2",null,t?1<t?t+" "+I.ucfirstPlural:t+" "+I.ucfirstSingle:r.MediaPageStore.get("media-data").enable_comments?(0,v.translateString)("No")+" "+I.single+" "+(0,v.translateString)("yet"):""):null)};function U(e){const[t,a]=(0,n.useState)(r.MediaPageStore.get("media-id")),[i,o]=(0,n.useState)(l.MemberContext._currentValue.can.readComment?r.MediaPageStore.get("media-comments"):[]),[s,d]=(0,n.useState)(!1);function c(){const e=[...r.MediaPageStore.get("media-comments")];e.forEach((e=>{e.text=function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`<a href="#" data-timestamp="${i}" class="video-timestamp">${e}</a>`}))}(e.text)})),function(){var e=document.querySelector(".page-main"),t=e.querySelector(".no-comment");const a=r.PageStore.get("config-contents").uploader.postUploadMessage;if(""===a)t&&0===comm.length&&t.parentNode.removeChild(t);else if(0===comm.length&&"unlisted"===r.MediaPageStore.get("media-data").state){if(-1<l.LinksContext._currentValue.profile.media.indexOf(r.MediaPageStore.get("media-data").author_profile)&&!t){const t=document.createElement("div");t.setAttribute("role","alert"),t.setAttribute("class","alert info alert-dismissible no-comment"),t.innerHTML='<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>'+a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.querySelector("button.close").addEventListener("click",(function(e){return t.setAttribute("class","alert info alert-dismissible hiding"),setTimeout((function(){t.parentNode.removeChild(t)}),400),e.preventDefault(),e.stopPropagation(),!1}))}}else t&&0<comm.length&&t.parentNode.removeChild(t)}(),o([...e])}function m(e){c(),setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" added","commentSubmit")),100)}function u(){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" submission failed","commentSubmitFail")),100)}function p(e){c(),setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removed","commentDelete")),100)}function g(e){setTimeout((()=>f.PageActions.addNotification(I.ucfirstSingle+" removal failed","commentDeleteFail")),100)}return(0,n.useEffect)((()=>{d(i.length&&l.MemberContext._currentValue.can.readComment&&(r.MediaPageStore.get("media-data").enable_comments||l.MemberContext._currentValue.can.editMedia))}),[i]),(0,n.useEffect)((()=>(r.MediaPageStore.on("comments_load",c),r.MediaPageStore.on("comment_submit",m),r.MediaPageStore.on("comment_submit_fail",u),r.MediaPageStore.on("comment_delete",p),r.MediaPageStore.on("comment_delete_fail",g),()=>{r.MediaPageStore.removeListener("comments_load",c),r.MediaPageStore.removeListener("comment_submit",m),r.MediaPageStore.removeListener("comment_submit_fail",u),r.MediaPageStore.removeListener("comment_delete",p),r.MediaPageStore.removeListener("comment_delete_fail",g)})),[]),n.createElement("div",{className:"comments-list"},n.createElement("div",{className:"comments-list-inner"},n.createElement(R,{commentsLength:i.length}),r.MediaPageStore.get("media-data").enable_comments?n.createElement(V,{media_id:t}):null,s?i.map((e=>n.createElement(A,{key:e.uid,comment_id:e.uid,media_id:t,text:e.text,author_name:e.author_name,author_link:e.author_profile,author_thumb:l.SiteContext._currentValue.url+"/"+e.author_thumbnail_url.replace(/^\//g,""),publish_date:e.add_date,likes:0,dislikes:0}))):null))}var D=a(8974);function O(e){let t,a,i=[];if(e&&e.length)for(t=0,a=1<e.length?", ":"";t<e.length;)i[t]=n.createElement("div",{key:t},n.createElement("a",{href:e[t].url,title:e[t].title},e[t].title),t<e.length-1?a:""),t+=1;return i}function F(e){return n.createElement("div",{className:"media-author-banner"},n.createElement("div",null,n.createElement("a",{className:"author-banner-thumb",href:e.link||null,title:e.name},n.createElement("span",{style:{backgroundImage:"url("+e.thumb+")"}},n.createElement("img",{src:e.thumb,loading:"lazy",alt:e.name,title:e.name})))),n.createElement("div",null,n.createElement("span",null,n.createElement("a",{href:e.link,className:"author-banner-name",title:e.name},n.createElement("span",null,e.name))),r.PageStore.get("config-media-item").displayPublishDate&&e.published?n.createElement("span",{className:"author-banner-date"},(0,v.translateString)("Published on")," ",(0,v.replaceString)((0,v.publishedOnDate)(new Date(e.published)))):null))}function H(e){return n.createElement("div",{className:e.id.trim()?"media-content-"+e.id.trim():null},n.createElement("div",{className:"media-content-field"},n.createElement("div",{className:"media-content-field-label"},n.createElement("h4",null,e.title)),n.createElement("div",{className:"media-content-field-content"},e.value)))}function j(e){let t=e.link;return window.MediaCMS.site.devEnv&&(t="/edit-media.html"),t&&(0,v.inEmbeddedApp)()&&(t+="&mode=lms_embed_mode"),n.createElement("a",{href:t,rel:"nofollow",title:(0,v.translateString)("Edit media"),className:"edit-media-icon"},n.createElement("i",{className:"material-icons"},"edit"))}function B(e){const{userCan:t}=(0,N.useUser)(),a=e.description.trim(),i=!r.PageStore.get("config-enabled").taxonomies.tags||r.PageStore.get("config-enabled").taxonomies.tags.enabled?O(r.MediaPageStore.get("media-tags")):[];let o=r.MediaPageStore.get("media-categories");(0,v.inEmbeddedApp)()&&(o=o.filter((e=>!0===e.is_lms_course)));const d=r.PageStore.get("config-options").pages.media.categoriesWithTitle?[]:!r.PageStore.get("config-enabled").taxonomies.categories||r.PageStore.get("config-enabled").taxonomies.categories.enabled?O(o):[];let c=r.MediaPageStore.get("media-summary");c=c?c.trim():"";const[m,u,p]=(0,N.usePopup)(),[g,h]=(0,n.useState)(""!==c),[E,y]=(0,n.useState)(""==c);function b(e){setTimeout((function(){f.PageActions.addNotification("Media removed. Redirecting...","mediaDelete"),setTimeout((function(){window.location.href=l.SiteContext._currentValue.url+"/"+r.MediaPageStore.get("media-data").author_profile.replace(/^\//g,"")}),2e3)}),100),void 0!==e&&D.info("Removed media '"+e+'"')}function S(e){setTimeout((function(){f.PageActions.addNotification("Media removal failed","mediaDeleteFail")}),100),void 0!==e&&D.info('Media "'+e+'" removal failed')}(0,n.useEffect)((()=>(r.MediaPageStore.on("media_delete",b),r.MediaPageStore.on("media_delete_fail",S),()=>{r.MediaPageStore.removeListener("media_delete",b),r.MediaPageStore.removeListener("media_delete_fail",S)})),[]);const w=(0,v.formatInnerLink)(e.author.url,l.SiteContext._currentValue.url),P=(0,v.formatInnerLink)(e.author.thumb,l.SiteContext._currentValue.url);return n.createElement("div",{className:"media-info-content"},void 0===r.PageStore.get("config-media-item").displayAuthor||null===r.PageStore.get("config-media-item").displayAuthor||r.PageStore.get("config-media-item").displayAuthor?n.createElement(F,{link:w,thumb:P,name:e.author.name,published:e.published}):null,n.createElement("div",{className:"media-content-banner"},n.createElement("div",{className:"media-content-banner-inner"},g?n.createElement("div",{className:"media-content-summary"},c):null,g&&!E||!a?null:n.createElement("div",{className:"media-content-description",dangerouslySetInnerHTML:{__html:function(e){const t=new RegExp("((\\d)?\\d:)?(\\d)?\\d:\\d\\d","g");return e.replace(t,(function(e,t){let a=e.split(":"),i=0,n=1;for(;a.length>0;)i+=n*parseInt(a.pop(),10),n*=60;return`<a href="#" data-timestamp="${i}" class="video-timestamp">${e}</a>`}))}(a)}}),g?n.createElement("button",{className:"load-more",onClick:function(){y(!E)}},E?"SHOW LESS":"SHOW MORE"):null,i.length?n.createElement(H,{value:i,title:1<i.length?(0,v.translateString)("Tags"):(0,v.translateString)("Tag"),id:"tags"}):null,d.length?n.createElement(H,{value:d,title:(0,v.inEmbeddedApp)()?1<d.length?(0,v.translateString)("Courses"):(0,v.translateString)("Course"):1<d.length?(0,v.translateString)("Categories"):(0,v.translateString)("Category"),id:"categories"}):null,t.editMedia?n.createElement("div",{className:"media-author-actions"},t.editMedia?n.createElement(j,{link:r.MediaPageStore.get("media-data").edit_url}):null,t.deleteMedia?n.createElement(p,{contentRef:m},n.createElement("button",{className:"remove-media-icon",title:(0,v.translateString)("Delete media")},n.createElement("i",{className:"material-icons"},"delete"))):null,t.deleteMedia?n.createElement(u,{contentRef:m},n.createElement(s.PopupMain,null,n.createElement("div",{className:"popup-message"},n.createElement("span",{className:"popup-message-title"},"Media removal"),n.createElement("span",{className:"popup-message-main"},"You're willing to remove media permanently?")),n.createElement("hr",null),n.createElement("span",{className:"popup-message-bottom"},n.createElement("button",{className:"button-link cancel-comment-removal",onClick:function(){m.current.toggle()}},"CANCEL"),n.createElement("button",{className:"button-link proceed-comment-removal",onClick:function(){f.MediaPageActions.removeMedia(),m.current.toggle()}},"PROCEED")))):null):null)),n.createElement(U,null))}function q(){const[e,t]=(0,n.useState)(r.MediaPageStore.get("user-disliked-media")),[a,i]=(0,n.useState)((0,v.formatViewsNumber)(r.MediaPageStore.get("media-dislikes"),!1));function o(){t(r.MediaPageStore.get("user-disliked-media")),i((0,v.formatViewsNumber)(r.MediaPageStore.get("media-dislikes"),!1))}function d(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.messages.addToDisliked,"mediaDislike")}function c(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.messages.removeFromDisliked,"cancelMediaDislike")}function m(){f.PageActions.addNotification("Action failed","mediaDislikeRequestFail")}return(0,n.useEffect)((()=>(r.MediaPageStore.on("disliked_media",d),r.MediaPageStore.on("undisliked_media",c),r.MediaPageStore.on("disliked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("disliked_media",d),r.MediaPageStore.removeListener("undisliked_media",c),r.MediaPageStore.removeListener("disliked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"undislikeMedia":"dislikeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_down"})),n.createElement("span",{className:"dislikes-counter"},a)))}function W(){const[e,t]=(0,n.useState)(r.MediaPageStore.get("user-liked-media")),[a,i]=(0,n.useState)((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1));function o(){t(r.MediaPageStore.get("user-liked-media")),i((0,v.formatViewsNumber)(r.MediaPageStore.get("media-likes"),!1))}function d(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.addToLiked,"likedMedia")}function c(){o(),f.PageActions.addNotification(l.TextsContext._currentValue.removeFromLiked,"unlikedMedia")}function m(){f.PageActions.addNotification("Action failed","likedMediaRequestFail")}return(0,n.useEffect)((()=>(r.MediaPageStore.on("liked_media",d),r.MediaPageStore.on("unliked_media",c),r.MediaPageStore.on("liked_media_failed_request",m),()=>{r.MediaPageStore.removeListener("liked_media",d),r.MediaPageStore.removeListener("unliked_media",c),r.MediaPageStore.removeListener("liked_media_failed_request",m)})),[]),n.createElement("div",{className:"like"},n.createElement("button",{onClick:function(t){t.preventDefault(),t.stopPropagation(),f.MediaPageActions[e?"unlikeMedia":"likeMedia"]()}},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"thumb_up"})),n.createElement("span",{className:"likes-counter"},a)))}function $(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(null);function o(){l(window.innerHeight-(104+t.current.offsetHeight))}return(0,n.useEffect)((()=>(o(),r.PageStore.on("window_resize",o),()=>{r.PageStore.removeListener("window_resize",o)})),[]),n.createElement("form",null,n.createElement("div",{className:"report-form",style:null!==i?{maxHeight:i+"px"}:null},n.createElement("div",{className:"form-title"},"Report media"),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"URL"),n.createElement("input",{type:"text",readOnly:!0,value:e.mediaUrl})),n.createElement("div",{className:"form-field"},n.createElement("span",{className:"label"},"Description"),n.createElement("textarea",{ref:a,required:!0})),n.createElement("div",{className:"form-field form-help-text"},"Reported media is reviewed")),n.createElement("div",{ref:t,className:"form-actions-bottom"},n.createElement("button",{className:"cancel",onClick:function(t){t.preventDefault(),void 0!==e.cancelReportForm&&e.cancelReportForm()}},"CANCEL"),n.createElement("button",{onClick:function(t){const i=a.current.value.trim();""!==i&&(t.preventDefault(),void 0!==e.submitReportForm&&e.submitReportForm(i))}},"SUBMIT")))}function z(e,t){const a=l.SiteContext._currentValue,i=e.encodings_info,n={};let r,o;for(r in i)if(i.hasOwnProperty(r)&&Object.keys(i[r]).length)for(o in i[r])i[r].hasOwnProperty(o)&&"success"===i[r][o].status&&100===i[r][o].progress&&null!==i[r][o].url&&(n[i[r][o].title]={text:r+" - "+o.toUpperCase()+" ("+i[r][o].size+")",link:(0,v.formatInnerLink)(i[r][o].url,a.url),linkAttr:{target:"_blank",download:e.title+"_"+r+"_"+o.toUpperCase()}});return n.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,a.url),linkAttr:{target:"_blank",download:e.title}},Object.values(n)}function G(e,t,a,i,l,r,o){const d=t.url,c=t.media_type,m=t.state||"N/A",u=t.encoding_status||"N/A",p=t.reported_times,g=t.is_reviewed,h="video"===c,f=function(e,t,a,i,n){const l=[],r="video"===t.media_type,o=t.reported_times;return a&&e.downloadMedia&&(r?l.push({itemType:"open-subpage",text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},buttonAttr:{className:"change-page","data-page-id":"videoDownloadOptions"}}):i&&l.push({itemType:"link",link:i,text:"Download",icon:"arrow_downward",itemAttr:{className:"visible-only-in-small"},linkAttr:{target:"_blank",download:t.title}})),r&&e.editMedia&&l.push({itemType:"open-subpage",text:"Status info",icon:"info",buttonAttr:{className:"change-page","data-page-id":"mediaStatusInfo"}}),e.reportMedia&&(n?l.push({itemType:"div",text:"Reported",icon:"flag",divAttr:{className:"reported-label loggedin-media-reported"}}):l.push({itemType:"open-subpage",text:"Report",icon:"flag",buttonAttr:{className:"change-page"+(o?" loggedin-media-reported":""),"data-page-id":"loggedInReportMedia"}})),l}(e,t,a,i,l),v={};return f.length&&(v.main=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:f})))),e.reportMedia&&(v.loggedInReportMedia=l?null:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement("div",null,n.createElement($,{mediaUrl:d,submitReportForm:r,cancelReportForm:o}))))),e.editMedia&&(v.mediaStatusInfo=n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement("ul",{className:"media-status-info"},n.createElement("li",null,"Media type: ",n.createElement("span",null,c)),n.createElement("li",null,"State: ",n.createElement("span",null,m)),n.createElement("li",null,"Review state: ",n.createElement("span",null,g?"Is reviewed":"Pending review")),h?n.createElement("li",null,"Encoding Status: ",n.createElement("span",null,u)):null,p?n.createElement("li",{className:"reports"},"Reports: ",n.createElement("span",null,p)):null)))),a&&e.downloadMedia&&h&&(v.videoDownloadOptions=n.createElement("div",{className:"video-download-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:z(t)})))),v}$.propTypes={mediaUrl:h().string.isRequired,cancelReportForm:h().func,submitReportForm:h().func};const Y="more-options active-options";function J(e){const{userCan:t}=(0,N.useUser)(),a=l.SiteContext._currentValue,i=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),a.url),o=r.MediaPageStore.get("media-data"),d="video"===o.media_type,[c,m,u]=(0,N.usePopup)(),[p,g]=(0,n.useState)(!1),[h,E]=(0,n.useState)(!1),[y,b]=(0,n.useState)({}),[S,w]=(0,n.useState)("main"),[P,M]=(0,n.useState)(Y);function k(e){f.MediaPageActions.reportMedia(e)}function _(){c.current.toggle()}function C(){c.current.tryToHide(),setTimeout((function(){f.PageActions.addNotification("Media Reported","reportedMedia"),E(!0),r.MediaPageStore.removeListener("reported_media",C)}),100)}return(0,n.useEffect)((()=>{h||(p?r.MediaPageStore.on("reported_media",C):r.MediaPageStore.removeListener("reported_media",C))}),[p]),(0,n.useEffect)((()=>{g(Object.keys(y).length&&e.allowDownload&&t.downloadMedia)}),[y]),(0,n.useEffect)((()=>{let a=Y;e.allowDownload&&t.downloadMedia&&"videoDownloadOptions"===S&&(a+=" video-downloads"),1===Object.keys(y).length&&e.allowDownload&&t.downloadMedia&&(d||i)&&(a+=" visible-only-in-small"),M(a)}),[S]),(0,n.useEffect)((()=>{b(G(t,o,e.allowDownload,i,h,k,_))}),[h]),(0,n.useEffect)((()=>(b(G(t,o,e.allowDownload,i,h,k,_)),()=>{p&&!h&&r.MediaPageStore.removeListener("reported_media",C)})),[]),p?n.createElement("div",{className:P},n.createElement(u,{contentRef:c},n.createElement("span",null,n.createElement(s.CircleIconButton,{type:"button"},n.createElement(s.MaterialIcon,{type:"more_horiz"})))),n.createElement("div",{className:"nav-page-"+S},n.createElement(m,{contentRef:c,hideCallback:function(){w("main")}},n.createElement(s.NavigationContentApp,{pageChangeCallback:function(e){w(e)},initPage:S,focusFirstItemOnPageChange:!1,pages:y,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"})))):null}J.propTypes={allowDownload:h().bool.isRequired},J.defaultProps={allowDownload:!1};var Z=a(3706);function Q(e){return e.renderDate?n.createElement("label",null,n.createElement("input",{type:"checkbox",checked:e.isChecked,onChange:function(t){t.persist(),e.isChecked?f.MediaPageActions.removeMediaFromPlaylist(e.playlistId,r.MediaPageStore.get("media-id")):f.MediaPageActions.addMediaToPlaylist(e.playlistId,r.MediaPageStore.get("media-id"))}}),n.createElement("span",null,e.title)):null}function X(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),[i,l]=(0,n.useState)(new Date),[o,d]=(0,n.useState)(r.MediaPageStore.get("playlists")),[c,m]=(0,n.useState)(!1);function u(){y()}function p(){d(r.MediaPageStore.get("playlists")),l(new Date)}function g(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media added to playlist","playlistMediaAdditionComplete")}),100)}function h(){setTimeout((function(){f.PageActions.addNotification("Media's addition to playlist failed","playlistMediaAdditionFail")}),100)}function v(){d(r.MediaPageStore.get("playlists")),l(new Date),setTimeout((function(){f.PageActions.addNotification("Media removed from playlist","playlistMediaRemovalComplete")}),100)}function E(){setTimeout((function(){f.PageActions.addNotification("Media's removal from playlist failed","playlistMediaaRemovalFail")}),100)}function y(){null!==a.current&&(a.current.style.maxHeight=window.innerHeight-74-(t.current.offsetHeight-a.current.offsetHeight)+"px")}function b(){m(!c),y()}return(0,n.useEffect)((()=>{y()})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",u),r.MediaPageStore.on("playlists_load",p),r.MediaPageStore.on("media_playlist_addition_completed",g),r.MediaPageStore.on("media_playlist_addition_failed",h),r.MediaPageStore.on("media_playlist_removal_completed",v),r.MediaPageStore.on("media_playlist_removal_failed",E),()=>{r.PageStore.removeListener("window_resize",u),r.MediaPageStore.removeListener("playlists_load",p),r.MediaPageStore.removeListener("media_playlist_addition_completed",g),r.MediaPageStore.removeListener("media_playlist_addition_failed",h),r.MediaPageStore.removeListener("media_playlist_removal_completed",v),r.MediaPageStore.removeListener("media_playlist_removal_failed",E)})),[]),n.createElement("div",{ref:t,className:"saveto-popup"},n.createElement("div",{className:"saveto-title"},"Save to...",n.createElement(s.CircleIconButton,{type:"button",onClick:function(){m(!1),void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"}))),o.length?n.createElement("div",{ref:a,className:"saveto-select"},function(){const e=r.MediaPageStore.get("media-id");let t=[],a=0;for(;a<o.length;)t.push(n.createElement("div",{key:"playlist_"+o[a].playlist_id},n.createElement(Q,{renderDate:i,title:o[a].title,privacy:o[a].status,isChecked:-1<o[a].media_list.indexOf(e),playlistId:o[a].playlist_id}))),a+=1;return t}()):null,c?n.createElement("div",{className:"saveto-new-playlist"},n.createElement(Z.w,{onCancel:b,onPlaylistSave:function(e){f.MediaPageActions.addNewPlaylist(e),b()}})):n.createElement(s.CircleIconButton,{className:"saveto-create",type:"button",onClick:b},n.createElement(s.MaterialIcon,{type:"add"}),"Create a new playlist"))}function K(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("selectPlaylist");return n.createElement("div",{className:"save"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"playlist_add"})),n.createElement("span",null,(0,v.translateString)("SAVE")))),n.createElement(a,{contentRef:t},n.createElement(s.NavigationContentApp,{initPage:l,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id",pages:(o=function(){t.current.toggle()},{selectPlaylist:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(X,{triggerPopupClose:o}))),createPlaylist:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"})))}),focusFirstItemOnPageChange:!1,pageChangeCallback:r})));var o}Q.propTypes={playlistId:h().string,isChecked:h().bool,title:h().string},Q.defaultProps={isChecked:!1,title:""},X.propTypes={triggerPopupClose:h().func};const ee="mediacms_embed_options";function te(e){const t=r.PageStore.get("config-options").embedded.video.dimensions,a=function(){try{const e=localStorage.getItem(ee);if(e)return JSON.parse(e)}catch(e){}return null}(),i=(0,n.useContext)(l.LinksContext),o=(0,n.useRef)(null),d=(0,n.useRef)(null),c=(0,n.useRef)(null),m=(0,n.useRef)(null),u=(0,n.useRef)(null),[p,g]=(0,n.useState)(window.innerHeight-144+56),[h,v]=(0,n.useState)(a?.keepAspectRatio??!0),[E,y]=(0,n.useState)(a?.showTitle??!0),[b,S]=(0,n.useState)(a?.showRelated??!0),[w,P]=(0,n.useState)(a?.showUserAvatar??!0),[M,k]=(0,n.useState)(a?.linkTitle??!0),[_,C]=(0,n.useState)(a?.responsive??!1),[N,x]=(0,n.useState)(!1),[L,I]=(0,n.useState)("0:00"),[V,T]=(0,n.useState)(a?.aspectRatio??"16:9"),[A,R]=(0,n.useState)(a?.embedWidthValue??t.width),[U,D]=(0,n.useState)(a?.embedWidthUnit??t.widthUnit),[O,F]=(0,n.useState)(a?.embedHeightValue??t.height),[H,j]=(0,n.useState)(a?.embedHeightUnit??t.heightUnit),[B,q]=(0,n.useState)(60),[W,$]=(0,n.useState)(60),[z,G]=(0,n.useState)([{key:"px",label:"px"},{key:"percent",label:"%"}]);function Y(){g(window.innerHeight-144+56),q(c.current.offsetHeight),$(u.current.offsetHeight)}function J(){setTimeout((function(){f.PageActions.addNotification("Embed media code copied to clipboard","clipboardEmbedMediaCodeCopy")}),100)}return(0,n.useEffect)((()=>{g(window.innerHeight-144+56),q(c.current.offsetHeight),$(u.current.offsetHeight)})),(0,n.useEffect)((()=>(r.PageStore.on("window_resize",Y),r.MediaPageStore.on("copied_embed_media_code",J),()=>{r.PageStore.removeListener("window_resize",Y),r.MediaPageStore.removeListener("copied_embed_media_code",J)})),[]),(0,n.useEffect)((()=>{!function(e){try{localStorage.setItem(ee,JSON.stringify(e))}catch(e){}}({showTitle:E,showRelated:b,showUserAvatar:w,linkTitle:M,responsive:_,aspectRatio:V,embedWidthValue:A,embedWidthUnit:U,embedHeightValue:O,embedHeightUnit:H,keepAspectRatio:h})}),[E,b,w,M,_,V,A,U,O,H,h]),n.createElement("div",{className:"share-embed",style:{maxHeight:p+"px"}},n.createElement("div",{className:"share-embed-inner"},n.createElement("div",{className:"on-left"},n.createElement("div",{className:"media-embed-wrap"},n.createElement(l.SiteConsumer,null,(e=>{const t=`${i.embed+r.MediaPageStore.get("media-id")}&showTitle=${E?"1":"0"}&showRelated=${b?"1":"0"}&showUserAvatar=${w?"1":"0"}&linkTitle=${M?"1":"0"}${N?"&t="+L.split(":").reverse().reduce(((e,t,a)=>e+(parseInt(t,10)||0)*Math.pow(60,a)),0):""}`;return n.createElement("div",{style:{width:"100%",height:"480px",overflow:"hidden"}},n.createElement("iframe",{width:"100%",height:"100%",src:t,frameBorder:"0",allowFullScreen:!0}))})))),n.createElement("div",{ref:d,className:"on-right"},n.createElement("div",{ref:c,className:"on-right-top"},n.createElement("div",{className:"on-right-top-inner"},n.createElement("span",{className:"ttl"},"Embed Video"),n.createElement(s.CircleIconButton,{type:"button",onClick:function(){void 0!==e.triggerPopupClose&&e.triggerPopupClose()}},n.createElement(s.MaterialIcon,{type:"close"})))),n.createElement("div",{ref:m,className:"on-right-middle",style:{top:B+"px",bottom:W+"px"}},n.createElement("textarea",{readOnly:!0,value:function(){const e=r.MediaPageStore.get("media-id"),t=new URLSearchParams;if(E?t.set("showTitle","1"):t.set("showTitle","0"),b?t.set("showRelated","1"):t.set("showRelated","0"),w?t.set("showUserAvatar","1"):t.set("showUserAvatar","0"),M?t.set("linkTitle","1"):t.set("linkTitle","0"),N&&L){const e=L.split(":").reverse();let a=0;e[0]&&(a+=parseInt(e[0],10)||0),e[1]&&(a+=60*(parseInt(e[1],10)||0)),e[2]&&(a+=3600*(parseInt(e[2],10)||0)),a>0&&t.set("t",a)}const a=i.embed.includes("?")?"&":"?",n=`${i.embed}${e}${a}${t.toString()}`;if(_){if("custom"===V)return`<iframe src="${n}" style="width:100%;max-width:calc(100vh * ${A} / ${O});aspect-ratio:${A} / ${O};display:block;margin:auto;border:0;" allowFullScreen></iframe>`;const e=V.split(":"),t=`${e[0]} / ${e[1]}`;return`<iframe src="${n}" style="width:100%;max-width:calc(100vh * ${e[0]} / ${e[1]});aspect-ratio:${t};display:block;margin:auto;border:0;" allowFullScreen></iframe>`}return`<iframe width="${"percent"===U?A+"%":A}" height="${"percent"===H?O+"%":O}" src="${n}" frameBorder="0" allowFullScreen></iframe>`}()}),n.createElement("div",{className:"iframe-config"},n.createElement("div",{className:"iframe-config-options-title"},"Embed options"),n.createElement("div",{className:"iframe-config-option"},n.createElement("div",{className:"option-content"},n.createElement("div",{className:"ratio-options",style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"0 10px"}},n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:E,onChange:function(){y(!E)}}),"Show title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:E?1:.5}},n.createElement("input",{type:"checkbox",checked:M,onChange:function(){k(!M)},disabled:!E}),"Link title")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap"}},n.createElement("input",{type:"checkbox",checked:b,onChange:function(){S(!b)}}),"Show related")),n.createElement("div",{className:"options-group"},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",opacity:E?1:.5}},n.createElement("input",{type:"checkbox",checked:w,onChange:function(){P(!w)},disabled:!E}),"Show user avatar")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:_,onChange:function(){const e=!_;if(C(e),e)v(!1);else if("custom"!==V){const e=V.split(":"),t=e[0],a=e[1];v(!0),F(parseInt(A*a/t,10))}else v(!1)}}),"Responsive")),n.createElement("div",{className:"options-group",style:{display:"flex",alignItems:"center"}},n.createElement("label",{style:{minHeight:"36px",whiteSpace:"nowrap",display:"flex",alignItems:"center",marginRight:"10px"}},n.createElement("input",{type:"checkbox",checked:N,onChange:function(){x(!N)}}),"Start at"),N&&n.createElement("input",{type:"text",value:L,onChange:function(e){I(e.target.value)},style:{width:"60px",height:"28px",fontSize:"12px",padding:"2px 5px"}})),n.createElement("div",{className:"options-group",style:{display:"flex",flexDirection:"column",justifyContent:"center"}},n.createElement("div",{style:{fontSize:"12px",marginBottom:"4px",color:"rgba(0,0,0,0.6)"}},"Aspect Ratio"),n.createElement("div",{style:{display:"flex",alignItems:"center"}},n.createElement("select",{ref:o,onChange:function(){const e=o.current.value;if("custom"===e)T(e),v(!1);else{const t=e.split(":"),a=t[0],i=t[1];T(e),v(!0),F(parseInt(A*i/a,10))}},value:V,style:{height:"28px",fontSize:"12px"}},n.createElement("option",{value:"16:9"},"16:9"),n.createElement("option",{value:"4:3"},"4:3"),n.createElement("option",{value:"3:2"},"3:2"),n.createElement("option",{value:"custom"},"Custom"))))),n.createElement("br",null),!_&&n.createElement(n.Fragment,null,n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];R(e),F(h?parseInt(e*i/a,10):O)},unitCallback:function(e){D(e)},label:"Width",defaultValue:parseInt(A,10),defaultUnit:U,minValue:1,maxValue:99999,units:z})),n.createElement("div",{className:"options-group"},n.createElement(s.NumericInputWithUnit,{valueCallback:function(e){e=""===e?0:e;const t=V.split(":"),a=t[0],i=t[1];F(e),R(h?parseInt(e*a/i,10):A)},unitCallback:function(e){j(e)},label:"Height",defaultValue:parseInt(O,10),defaultUnit:H,minValue:1,maxValue:99999,units:z}))))))),n.createElement("div",{ref:u,className:"on-right-bottom"},n.createElement("button",{onClick:function(){f.MediaPageActions.copyEmbedMediaCode(m.current.querySelector("textarea"))}},"COPY")))))}te.propTypes={triggerPopupClose:h().func};var ae=a(5289);function ie(e){let{onClick:t}=e;return n.createElement("span",{className:"next-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_right")))}function ne(e){let{onClick:t}=e;return n.createElement("span",{className:"previous-slide"},n.createElement(s.CircleIconButton,{buttonShadow:!0,onClick:t},n.createElement("i",{className:"material-icons"},"keyboard_arrow_left")))}function le(){return{maxFormContentHeight:window.innerHeight-196,maxPopupWidth:518>window.innerWidth-80?window.innerWidth-80:null}}function re(e){const t=(0,n.useRef)(null),a=(0,n.useRef)(null),i=r.MediaPageStore.get("media-url"),[o,s]=(0,n.useState)(null),[d,c]=(0,n.useState)({prev:!1,next:!1}),[m,u]=(0,n.useState)(le()),[p]=(0,n.useState)(function(){const e=function(){const e=l.ShareOptionsContext._currentValue,t=r.MediaPageStore.get("media-url"),a=(r.MediaPageStore.get("media-data").title,{});let i=0;for(;i<e.length;){switch(e[i]){case"embed":"video"!==r.MediaPageStore.get("media-data").media_type&&"audio"!==r.MediaPageStore.get("media-data").media_type||(a[e[i]]={});break;case"email":a[e[i]]={title:"Email",shareUrl:"mailto:?body="+t}}i+=1}return a}(),t=[];for(let a in e)e.hasOwnProperty(a)&&("embed"===a?t.push(n.createElement("div",{key:"share-"+a,className:"sh-option share-"+a+"-opt"},n.createElement("button",{className:"sh-option change-page","data-page-id":"shareEmbed"},n.createElement("span",null,n.createElement("i",{className:"material-icons"},"code")),n.createElement("span",null,"Embed")))):"email"===a?t.push(n.createElement("div",{key:"share-email",className:"sh-option share-email"},n.createElement("a",{href:e[a].shareUrl,title:""},n.createElement("span",null,n.createElement("i",{className:"material-icons"},"email")),n.createElement("span",null,e[a].title)))):t.push(n.createElement("div",{key:"share-"+a,className:"sh-option share-"+a},n.createElement("a",{href:e[a].shareUrl,title:"",target:"_blank",rel:"noreferrer"},n.createElement("span",null),n.createElement("span",null,e[a].title)))));return t}()),[g,h]=(0,n.useState)(0),[v,E]=(0,n.useState)(0),[y,b]=(0,n.useState)(!1),[S,w]=(0,n.useState)(i);function P(){u(le())}function M(){setTimeout((function(){f.PageActions.addNotification("Link copied to clipboard","clipboardLinkCopy")}),100)}function k(){o.scrollToCurrentSlide(),c({prev:o.hasPreviousSlide(),next:o.hasNextSlide()})}return(0,n.useEffect)((()=>{s(new ae.A(a.current,".sh-option"))}),[p]),(0,n.useEffect)((()=>{o&&(o.updateDataStateOnResize(p.length,!0,!0),k())}),[m,o]),(0,n.useEffect)((()=>{r.PageStore.on("window_resize",P),r.MediaPageStore.on("copied_media_link",M);const e=function(){const e=document.getElementsByTagName("video");return e[0]?.currentTime}();return h(e),E(function(e){let t=parseInt(e,10),a=Math.floor(t/3600),i=Math.floor((t-3600*a)/60),n=t-3600*a-60*i;return a<10&&(a="0"+a),i<10&&(i="0"+i),n<10&&(n="0"+n),a>=1?a+":"+i+":"+n:i+":"+n}(e)),()=>{r.PageStore.removeListener("window_resize",P),r.MediaPageStore.removeListener("copied_media_link",M),s(null)}}),[]),n.createElement("div",{ref:t,style:null!==m.maxPopupWidth?{maxWidth:m.maxPopupWidth+"px"}:null},n.createElement("div",{className:"scrollable-content",style:null!==m.maxFormContentHeight?{maxHeight:m.maxFormContentHeight+"px"}:null},n.createElement("div",{className:"share-popup-title"},"Share media"),p.length?n.createElement("div",{className:"share-options"},d.prev?n.createElement(ne,{onClick:function(){o.previousSlide(),k()}}):null,n.createElement("div",{ref:a,className:"share-options-inner"},p),d.next?n.createElement(ie,{onClick:function(){o.nextSlide(),k()}}):null):null),n.createElement("div",{className:"copy-field"},n.createElement("div",null,n.createElement("input",{type:"text",readOnly:!0,value:S}),n.createElement("button",{onClick:function(){f.MediaPageActions.copyShareLink(t.current.querySelector(".copy-field input"))}},"COPY"))),n.createElement("div",{className:"start-at"},n.createElement("label",null,n.createElement("input",{type:"checkbox",name:"start-at-checkbox",id:"id-start-at-checkbox",checked:y,onChange:function(){b(!y),function(){const e=y?i:i+"&t="+Math.trunc(g);w(e)}()}}),"Start at ",v)))}function oe(){return{shareOptions:n.createElement("div",{className:"popup-fullscreen"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(re,null)))}}function se(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("shareOptions");return n.createElement("div",{className:"share"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"share"})),n.createElement("span",null,(0,v.translateString)("SHARE")))),n.createElement(a,{contentRef:t,hideCallback:function(){r("shareOptions")}},n.createElement(s.NavigationContentApp,{initPage:l,pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id",pages:e.isVideo?(o=function(){t.current.toggle()},{...oe(),shareEmbed:n.createElement("div",{className:"popup-fullscreen share-embed-popup"},n.createElement(s.PopupMain,null,n.createElement("span",{className:"popup-fullscreen-overlay"}),n.createElement(te,{triggerPopupClose:o})))}):oe(),focusFirstItemOnPageChange:!1,pageChangeCallback:function(e){r(e)}})));var o}function de(e){return n.createElement("div",{className:"download hidden-only-in-small"},n.createElement("a",{href:e.link,target:"_blank",download:e.title,title:"Download",rel:"noreferrer"},n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,"DOWNLOAD")))}function ce(){const e=r.MediaPageStore.get("media-data"),t=(e.title,e.encodings_info),a={};let i,n;for(i in t)if(t.hasOwnProperty(i)&&Object.keys(t[i]).length)for(n in t[i])if(t[i].hasOwnProperty(n)&&"success"===t[i][n].status&&100===t[i][n].progress&&null!==t[i][n].url){const r=e.original_media_url,o=r?r.substring(r.lastIndexOf("/")+1):e.title;a[t[i][n].title]={text:i+" - "+n.toUpperCase()+" ("+t[i][n].size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:o}}}const o=e.original_media_url,s=o?o.substring(o.lastIndexOf("/")+1):e.title;return a.original_media_url={text:"Original file ("+e.size+")",link:(0,v.formatInnerLink)(e.original_media_url,l.SiteContext._currentValue.url),linkAttr:{target:"_blank",download:s}},Object.values(a)}function me(e){const[t,a,i]=(0,N.usePopup)(),[l,r]=(0,n.useState)("main");return n.createElement("div",{className:"video-downloads hidden-only-in-small"},n.createElement(i,{contentRef:t},n.createElement("button",null,n.createElement(s.CircleIconButton,{type:"span"},n.createElement(s.MaterialIcon,{type:"arrow_downward"})),n.createElement("span",null,(0,v.translateString)("DOWNLOAD")))),n.createElement("div",{className:"nav-page-"+l},n.createElement(a,{contentRef:t},n.createElement(s.NavigationContentApp,{pageChangeCallback:null,initPage:"main",focusFirstItemOnPageChange:!1,pages:{main:n.createElement("div",{className:"main-options"},n.createElement(s.PopupMain,null,n.createElement(s.NavigationMenuList,{items:ce()})))},pageChangeSelector:".change-page",pageIdSelectorAttr:"data-page-id"}))))}de.propTypes={link:h().string.isRequired,title:h().string.isRequired};class ue extends n.PureComponent{constructor(e){super(e),this.state={likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")},this.downloadLink="video"!==r.MediaPageStore.get("media-type")?(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url):null;const t=r.MediaPageStore.get("media-original-url");this.downloadFilename=t?t.substring(t.lastIndexOf("/")+1):this.props.title,this.updateStateValues=this.updateStateValues.bind(this)}componentDidMount(){r.MediaPageStore.on("liked_media",this.updateStateValues),r.MediaPageStore.on("unliked_media",this.updateStateValues),r.MediaPageStore.on("disliked_media",this.updateStateValues),r.MediaPageStore.on("undisliked_media",this.updateStateValues);const e=document.querySelectorAll("[data-tooltip]");e.length&&e.forEach((e=>function(e){const t=document.body,a=document.createElement("span");function i(){const t=e.getBoundingClientRect();a.style.top=t.top-(0+a.offsetHeight)+"px",a.style.left=t.left+"px"}a.innerText=e.getAttribute("data-tooltip"),a.setAttribute("class","tooltip"),e.removeAttribute("data-tooltip"),e.addEventListener("mouseenter",(function(){const n=e.getBoundingClientRect();t.appendChild(a),a.style.top=n.top-(0+a.offsetHeight)+"px",a.style.left=n.left+"px",document.addEventListener("scroll",i)})),e.addEventListener("mouseleave",(function(){t.removeChild(a),a.style.top="",a.style.left="",document.removeEventListener("scroll",i)}))}(e)))}updateStateValues(){this.setState({likedMedia:r.MediaPageStore.get("user-liked-media"),dislikedMedia:r.MediaPageStore.get("user-disliked-media")})}mediaCategories(e){if(void 0===this.props.categories||null===this.props.categories||!this.props.categories.length)return null;let t=0,a=[];for(;t<this.props.categories.length;)a.push(n.createElement("span",{key:t},n.createElement("a",{href:(0,v.formatInnerLink)(this.props.categories[t].url,l.SiteContext._currentValue.url),title:this.props.categories[t].title},this.props.categories[t].title))),t+=1;return n.createElement("div",{className:"media-under-title-categories"+(e?" over-title":"")},a)}render(){const e=r.PageStore.get("config-options").pages.media.displayViews&&void 0!==this.props.views,t=r.MediaPageStore.get("media-data"),a=t.state,i=t.is_shared;let o="";switch(a){case"private":o="The site admins have to make its access public";break;case"unlisted":o="The site admins have to make it appear on listings"}return n.createElement("div",{className:"media-title-banner"},e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories(!0):null,void 0!==this.props.title?n.createElement("h1",null,this.props.title):null,i||"public"!==a?n.createElement("div",{className:"media-labels-area"},n.createElement("div",{className:"media-labels-area-inner"},i?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,"shared")),n.createElement("span",{className:"helper-icon","data-tooltip":"This media is shared with specific users or categories"},n.createElement("i",{className:"material-icons"},"help_outline"))):"public"!==a?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,a)),n.createElement("span",{className:"helper-icon","data-tooltip":o},n.createElement("i",{className:"material-icons"},"help_outline"))):null)):null,n.createElement("div",{className:"media-views-actions"+(this.state.likedMedia?" liked-media":"")+(this.state.dislikedMedia?" disliked-media":"")},!e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories():null,e?n.createElement("div",{className:"media-views"},(0,v.formatViewsNumber)(this.props.views,!0)," ",1>=this.props.views?"view":"views"):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(W,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!1}):null,!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia?n.createElement(K,null):null,this.props.allowDownload&&l.MemberContext._currentValue.can.downloadMedia?this.downloadLink?n.createElement(de,{link:this.downloadLink,title:this.downloadFilename}):n.createElement(me,null):null,n.createElement(J,{allowDownload:this.props.allowDownload})))))}}ue.propTypes={allowDownload:h().bool.isRequired},ue.defaultProps={allowDownload:!1};class pe extends ue{render(){const e=r.PageStore.get("config-options").pages.media.displayViews&&void 0!==this.props.views,t=r.MediaPageStore.get("media-data"),a=t.state,i=t.is_shared;let o="";switch(a){case"private":o="The site admins have to make its access public";break;case"unlisted":o="The site admins have to make it appear on listings"}return n.createElement("div",{className:"media-title-banner"},e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories(!0):null,void 0!==this.props.title?n.createElement("h1",null,this.props.title):null,i||"public"!==a?n.createElement("div",{className:"media-labels-area"},n.createElement("div",{className:"media-labels-area-inner"},i?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,"shared")),n.createElement("span",{className:"helper-icon","data-tooltip":"This media is shared with specific users or categories"},n.createElement("i",{className:"material-icons"},"help_outline"))):"public"!==a?n.createElement(n.Fragment,null,n.createElement("span",{className:"media-label-state"},n.createElement("span",null,a)),n.createElement("span",{className:"helper-icon","data-tooltip":o},n.createElement("i",{className:"material-icons"},"help_outline"))):null)):null,n.createElement("div",{className:"media-views-actions"+(this.state.likedMedia?" liked-media":"")+(this.state.dislikedMedia?" disliked-media":"")},!e&&r.PageStore.get("config-options").pages.media.categoriesWithTitle?this.mediaCategories():null,e?n.createElement("div",{className:"media-views"},(0,v.formatViewsNumber)(this.props.views,!0)," ",1>=this.props.views?(0,v.translateString)("view"):(0,v.translateString)("views")):null,n.createElement("div",{className:"media-actions"},n.createElement("div",null,l.MemberContext._currentValue.can.likeMedia?n.createElement(W,null):null,l.MemberContext._currentValue.can.dislikeMedia?n.createElement(q,null):null,!(0,v.inEmbeddedApp)()&&l.MemberContext._currentValue.can.shareMedia?n.createElement(se,{isVideo:!0}):null,!l.MemberContext._currentValue.is.anonymous&&l.MemberContext._currentValue.can.saveMedia?n.createElement(K,null):null,this.props.allowDownload&&l.MemberContext._currentValue.can.downloadMedia?this.downloadLink?n.createElement(de,{link:this.downloadLink,title:this.downloadFilename}):n.createElement(me,null):null,n.createElement(J,{allowDownload:this.props.allowDownload})))))}}class ge extends n.PureComponent{constructor(e){super(e),this.state={videoLoaded:!1},this.onVideoLoad=this.onVideoLoad.bind(this),r.MediaPageStore.on("loaded_media_data",this.onVideoLoad)}onVideoLoad(){this.setState({videoLoaded:!0})}render(){let e,t,a,i,l,o,s=!1;return this.state.videoLoaded&&(s=r.MediaPageStore.get("media-data").allow_download,s=void 0===s||!!s,e=r.MediaPageStore.get("media-data").views,t=r.MediaPageStore.get("media-data").categories_info,a=r.MediaPageStore.get("media-data").title,i={name:r.MediaPageStore.get("media-data").author_name,url:r.MediaPageStore.get("media-data").author_profile,thumb:r.MediaPageStore.get("media-author-thumbnail-url")},l=r.MediaPageStore.get("media-data").add_date,o=r.MediaPageStore.get("media-data").description),this.state.videoLoaded?n.createElement("div",{className:"viewer-info"},n.createElement("div",{className:"viewer-info-inner"},n.createElement(ue,{title:a,views:e,categories:t,allowDownload:s}),n.createElement(B,{author:i,published:l,description:o}))):null}}class he extends ge{render(){let e,t,a,i,l,o,s=!1;return this.state.videoLoaded&&(s=r.MediaPageStore.get("media-data").allow_download,s=void 0===s||!!s,e=r.MediaPageStore.get("media-data").views,t=r.MediaPageStore.get("media-data").categories_info,a=r.MediaPageStore.get("media-data").title,i={name:r.MediaPageStore.get("media-data").author_name,url:r.MediaPageStore.get("media-data").author_profile,thumb:r.MediaPageStore.get("media-author-thumbnail-url")},l=r.MediaPageStore.get("media-data").add_date,o=r.MediaPageStore.get("media-data").description),this.state.videoLoaded?n.createElement("div",{className:"viewer-info"},n.createElement("div",{className:"viewer-info-inner"},n.createElement(pe,{title:a,views:e,categories:t,allowDownload:s}),n.createElement(B,{author:i,published:l,description:o}))):null}}class fe extends n.PureComponent{render(){return n.createElement("div",{className:"viewer-container",key:"viewer-container-error"},n.createElement("div",{className:"player-container player-container-error"},n.createElement("div",{className:"player-container-inner"},n.createElement("div",{className:"error-container"},n.createElement("div",{className:"error-container-inner"},n.createElement("span",{className:"icon-wrap"},n.createElement("i",{className:"material-icons"},"error_outline")),n.createElement("span",{className:"msg-wrap"},r.MediaPageStore.get("media-load-error-message")))))))}}var ve=a(4737);function Ee(e){return n.createElement(ve.k,{className:"items-list-hor",pageItems:9999,maxItems:9999,items:e.items,hideDate:!0,hideViews:!0,hidePlaylistOrderNumber:!1,horizontalItemsOrientation:!0,inPlaylistView:!0,singleLinkContent:!0,playlistActiveItem:e.playlistActiveItem})}Ee.propTypes={items:h().array.isRequired,playlistActiveItem:v.PositiveIntegerOrZero},Ee.defaultProps={playlistActiveItem:1};class ye extends n.PureComponent{constructor(e){super(e),this.state={expanded:!0,loopRepeat:r.PlaylistViewStore.get("enabled-loop"),shuffle:r.PlaylistViewStore.get("enabled-shuffle"),savedPlaylist:r.PlaylistViewStore.get("saved-playlist-loop"),title:e.playlistData.title,link:e.playlistData.url,authorName:e.playlistData.user,authorLink:l.LinksContext._currentValue.home+"/user/"+e.playlistData.user,activeItem:e.activeItem,totalMedia:e.playlistData.media_count,items:e.playlistData.playlist_media},this.onHeaderClick=this.onHeaderClick.bind(this),this.onLoopClick=this.onLoopClick.bind(this),this.onShuffleClick=this.onShuffleClick.bind(this),this.onSaveClick=this.onSaveClick.bind(this),this.onLoopRepeatUpdate=this.onLoopRepeatUpdate.bind(this),this.onShuffleUpdate=this.onShuffleUpdate.bind(this),this.onPlaylistSaveUpdate=this.onPlaylistSaveUpdate.bind(this),r.PlaylistViewStore.on("loop-repeat-updated",this.onLoopRepeatUpdate),r.PlaylistViewStore.on("shuffle-updated",this.onShuffleUpdate),r.PlaylistViewStore.on("saved-updated",this.onPlaylistSaveUpdate)}onHeaderClick(e){this.setState({expanded:!this.state.expanded})}onLoopClick(){f.PlaylistViewActions.toggleLoop()}onShuffleClick(){f.PlaylistViewActions.toggleShuffle()}onSaveClick(){f.PlaylistViewActions.toggleSave()}onShuffleUpdate(){this.setState({shuffle:r.PlaylistViewStore.get("enabled-shuffle")},(()=>{this.state.shuffle?f.PageActions.addNotification("Playlist shuffle is on","shuffle-on"):f.PageActions.addNotification("Playlist shuffle is off","shuffle-off")}))}onLoopRepeatUpdate(){this.setState({loopRepeat:r.PlaylistViewStore.get("enabled-loop")},(()=>{this.state.loopRepeat?f.PageActions.addNotification("Playlist loop is on","loop-on"):f.PageActions.addNotification("Playlist loop is off","loop-off")}))}onPlaylistSaveUpdate(){this.setState({savedPlaylist:r.PlaylistViewStore.get("saved-playlist")},(()=>{this.state.savedPlaylist?f.PageActions.addNotification("Added to playlists library","added-to-playlists-lib"):f.PageActions.addNotification("Removed from playlists library","removed-from-playlists-lib")}))}render(){return n.createElement("div",{className:"playlist-view-wrap"},n.createElement("div",{className:"playlist-view"+(this.state.expanded?" playlist-expanded-view":"")},n.createElement("div",{className:"playlist-header"},n.createElement("div",{className:"playlist-title"},n.createElement("a",{href:this.state.link,title:this.state.title},this.state.title)),n.createElement("div",{className:"playlist-meta"},n.createElement("span",null,n.createElement("a",{href:this.state.authorLink,title:this.state.authorName},this.state.authorName)),"  -  ",n.createElement("span",{className:"counter"},this.state.activeItem," / ",this.state.totalMedia)),n.createElement(s.CircleIconButton,{className:"toggle-playlist-view",onClick:this.onHeaderClick},this.state.expanded?n.createElement("i",{className:"material-icons"},"keyboard_arrow_up"):n.createElement("i",{className:"material-icons"},"keyboard_arrow_down"))),this.state.expanded?n.createElement("div",{className:"playlist-actions"},n.createElement(s.CircleIconButton,{className:this.state.loopRepeat?"active":"",onClick:this.onLoopClick,title:"Loop playlist"},n.createElement("i",{className:"material-icons"},"repeat"))):null,this.state.expanded&&this.state.items.length?n.createElement("div",{className:"playlist-media"},n.createElement(Ee,{items:this.state.items,playlistActiveItem:this.state.activeItem})):null))}}ye.propTypes={playlistData:h().object.isRequired,activeItem:v.PositiveIntegerOrZero},ye.defaultProps={};class be extends n.PureComponent{constructor(e){if(super(e),this.state={playlistData:e.playlistData,isPlaylistPage:!!e.playlistData,activeItem:0},e.playlistData){let t=0;for(;t<e.playlistData.playlist_media.length;){if(e.mediaId===e.playlistData.playlist_media[t].friendly_token){this.state.activeItem=t+1;break}t+=1}}}render(){return n.createElement("div",{className:"viewer-sidebar"},this.state.isPlaylistPage?n.createElement(ye,{activeItem:this.state.activeItem,playlistData:this.props.playlistData}):null)}}var Se=a(9479);Se.Y;class we extends Se.Y{constructor(e){super(e,"media"),this.state={wideLayout:1216<=window.innerWidth,mediaLoaded:!1,mediaLoadFailed:!1,isVideoMedia:!1,theaterMode:!1,pagePlaylistLoaded:!1,pagePlaylistData:r.MediaPageStore.get("playlist-data")},this.onWindowResize=this.onWindowResize.bind(this),this.onMediaLoad=this.onMediaLoad.bind(this),this.onMediaLoadError=this.onMediaLoadError.bind(this),this.onPagePlaylistLoad=this.onPagePlaylistLoad.bind(this),r.MediaPageStore.on("loaded_media_data",this.onMediaLoad),r.MediaPageStore.on("loaded_media_error",this.onMediaLoadError),r.MediaPageStore.on("loaded_page_playlist_data",this.onPagePlaylistLoad)}componentDidMount(){f.MediaPageActions.loadMediaData(),r.PageStore.on("window_resize",this.onWindowResize)}onWindowResize(){this.setState({wideLayout:1216<=window.innerWidth})}onPagePlaylistLoad(){this.setState({pagePlaylistLoaded:!0,pagePlaylistData:r.MediaPageStore.get("playlist-data")})}onMediaLoad(){const e="video"===r.MediaPageStore.get("media-type")||"audio"===r.MediaPageStore.get("media-type");e?(this.onViewerModeChange=this.onViewerModeChange.bind(this),r.VideoViewerStore.on("changed_viewer_mode",this.onViewerModeChange),this.setState({mediaLoaded:!0,isVideoMedia:e,theaterMode:r.VideoViewerStore.get("in-theater-mode")})):this.setState({mediaLoaded:!0,isVideoMedia:e})}onViewerModeChange(){this.setState({theaterMode:r.VideoViewerStore.get("in-theater-mode")})}onMediaLoadError(e){this.setState({mediaLoadFailed:!0})}pageContent(){const e="cf viewer-section"+(this.state.theaterMode?" theater-mode":" viewer-wide"),t="viewer-section-nested"+(this.state.theaterMode?" viewer-section":"");return this.state.mediaLoadFailed?n.createElement("div",{className:e},n.createElement(fe,null)):n.createElement("div",{className:e},[n.createElement("div",{className:"viewer-container",key:"viewer-container"},this.state.mediaLoaded&&this.state.pagePlaylistLoaded?this.viewerContainerContent(r.MediaPageStore.get("media-data")):null),n.createElement("div",{key:"viewer-section-nested",className:t},!this.state.wideLayout||this.state.isVideoMedia&&this.state.theaterMode?[n.createElement(he,{key:"viewer-info"}),this.state.pagePlaylistLoaded?n.createElement(be,{key:"viewer-sidebar",mediaId:r.MediaPageStore.get("media-id"),playlistData:r.MediaPageStore.get("playlist-data")}):null]:[this.state.pagePlaylistLoaded?n.createElement(be,{key:"viewer-sidebar",mediaId:r.MediaPageStore.get("media-id"),playlistData:r.MediaPageStore.get("playlist-data")}):null,n.createElement(he,{key:"viewer-info"})])])}}if(window.MediaCMS.site.devEnv){const e=()=>{let e=null,t=null;const a=window.location.search.split("?")[1];return a&&a.split("&").forEach((a=>{0===a.indexOf("m=")?e=a.split("m=")[1]:0===a.indexOf("pl=")&&(t=a.split("pl=")[1])})),{mediaId:e,playlistId:t}},{mediaId:t,playlistId:a}=e();t&&(window.MediaCMS.mediaId=t),a&&(window.MediaCMS.playlistId=a)}(0,i.C)("page-media",class extends we{viewerContainerContent(e){switch(r.MediaPageStore.get("media-type")){case"video":case"audio":return n.createElement(l.SiteConsumer,null,(t=>n.createElement(C,{data:e,siteUrl:t.url,inEmbed:!1})));case"image":return n.createElement(c,null);case"pdf":const t=(0,v.formatInnerLink)(r.MediaPageStore.get("media-original-url"),l.SiteContext._currentValue.url);return n.createElement(p,{fileUrl:t})}return n.createElement(o,null)}})},463:function(e,t,a){"use strict";a.d(t,{c:function(){return l}});var i=a(4571),n=a.n(i);function l(e,t){let a=n()(e,{});return""!==a.origin&&"null"!==a.origin&&a.origin||(a=n()(t+"/"+e.replace(/^\//g,""),{})),a.toString()}},878:function(e,t,a){"use strict";a.d(t,{c:function(){return d}});var i=a(9471),n=a(8713),l=a.n(n),r=a(6387),o=a(5321),s=a(2828);function d(e){const{thumbnail:t}=(0,r.useUser)(),a={"aria-label":"Account profile photo that opens list of options and settings pages links",className:"thumbnail"};switch(e.isButton?void 0!==e.onClick&&(a.onClick=e.onClick):a.type="span",e.size){case"small":case"large":a.className+=" "+e.size+"-thumb"}return i.createElement(o.i,a,t?i.createElement("img",{src:t,alt:""}):i.createElement(s.Z,{type:"person"}))}d.propTypes={isButton:l().bool,size:l().oneOf(["small","medium","large"]),onClick:l().func},d.defaultProps={isButton:!1,size:"medium"}},1815:function(){},2787:function(){},3237:function(){},3818:function(e,t,a){"use strict";a.d(t,{_:function(){return r}});var i=a(9471),n=a(8713),l=a.n(n);function r(e){const t=(0,i.useRef)(null),a=(0,i.useRef)(null),[n,l]=(0,i.useState)(null),[r,o]=(0,i.useState)(null);return(0,i.useEffect)((()=>{l(function(e,t,a){if(void 0!==e){let i=null;return i=void 0!==t&&t>e?t:e,i=void 0!==a&&a<i?a:i,i}return void 0!==t?t:void 0!==a?a:void 0}(0+e.defaultValue,e.minValue,e.maxValue)),o(function(e,t){if(!t||!t.length)return null;let a=0;for(;a<t.length;){if(void 0!==t[a].key&&e===t[a].key)return t[a].key;a+=1}return t[0].key}(e.defaultUnit,e.units))})),i.createElement("div",{className:"num-value-unit"},void 0!==e.label?i.createElement("span",{className:"label"},e.label):null,i.createElement("input",{ref:t,className:"value-input",type:"number",value:null!==n?n:"",min:void 0!==e.minValue?e.minValue:null,max:void 0!==e.maxValue?e.maxValue:null,onChange:function(){l(t.current.value),void 0!==e.valueCallback&&e.valueCallback(t.current.value)}}),i.createElement("select",{ref:a,className:"value-unit",onChange:function(){o(a.current.value),void 0!==e.unitCallback&&e.unitCallback(a.current.value)},value:null!==r?r:""},function(){if(!e.units.length)return null;const t=[];let a=0;for(;a<e.units.length;)void 0!==e.units[a].key&&t.push(i.createElement("option",{key:e.units[a].key,value:e.units[a].key},void 0!==e.units[a].label?e.units[a].label:e.units[a].key)),a+=1;return t}()))}r.propTypes={label:l().string,units:l().array.isRequired,defaultUnit:l().string,defaultValue:l().number,minValue:l().number,maxValue:l().number,valueCallback:l().func,unitCallback:l().func}},6568:function(e,t,a){"use strict";a.d(t,{x:function(){return r}});var i=a(9471),n=a(8713),l=a.n(n);function r(e){let t="spinner-loader";switch(e.size){case"tiny":case"x-small":case"small":case"large":case"x-large":t+=" "+e.size}return i.createElement("div",{className:t},i.createElement("svg",{className:"circular",viewBox:"25 25 50 50"},i.createElement("circle",{className:"path",cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"1.5",strokeMiterlimit:"10"})))}r.propTypes={size:l().oneOf(["tiny","x-small","small","medium","large","x-large"])},r.defaultProps={size:"medium"}},6671:function(){},7492:function(){},7640:function(){},7664:function(e,t,a){"use strict";a.d(t,{CircleIconButton:function(){return i.i},MaterialIcon:function(){return n.Z},NavigationContentApp:function(){return l.V},NavigationMenuList:function(){return r.S},Notifications:function(){return o.$},NumericInputWithUnit:function(){return s._},PopupMain:function(){return d.AP},PopupTop:function(){return d.cp},SpinnerLoader:function(){return c.x},UserThumbnail:function(){return m.c}});var i=a(5321),n=(a(7256),a(3135),a(2828)),l=a(5305),r=a(7201),o=a(6089),s=a(3818),d=a(2901),c=a(6568),m=a(878)}},a={};function i(e){var n=a[e];if(void 0!==n)return n.exports;var l=a[e]={exports:{}};return t[e].call(l.exports,l,l.exports,i),l.exports}i.m=t,e=[],i.O=function(t,a,n,l){if(!a){var r=1/0;for(c=0;c<e.length;c++){a=e[c][0],n=e[c][1],l=e[c][2];for(var o=!0,s=0;s<a.length;s++)(!1&l||r>=l)&&Object.keys(i.O).every((function(e){return i.O[e](a[s])}))?a.splice(s--,1):(o=!1,l<r&&(r=l));if(o){e.splice(c--,1);var d=n();void 0!==d&&(t=d)}}return t}l=l||0;for(var c=e.length;c>0&&e[c-1][2]>l;c--)e[c]=e[c-1];e[c]=[a,n,l]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=201,function(){var e={201:0};i.O.j=function(t){return 0===e[t]};var t=function(t,a){var n,l,r=a[0],o=a[1],s=a[2],d=0;if(r.some((function(t){return 0!==e[t]}))){for(n in o)i.o(o,n)&&(i.m[n]=o[n]);if(s)var c=s(i)}for(t&&t(a);d<r.length;d++)l=r[d],i.o(e,l)&&e[l]&&e[l][0](),e[l]=0;return i.O(c)},a=self.webpackChunkmediacms_frontend=self.webpackChunkmediacms_frontend||[];a.forEach(t.bind(null,0)),a.push=t.bind(null,a.push.bind(a))}();var n=i.O(void 0,[276],(function(){return i(234)}));n=i.O(n)}();
\ No newline at end of file
diff --git a/users/urls.py b/users/urls.py
index 1b8767d9..9cf7fb5b 100644
--- a/users/urls.py
+++ b/users/urls.py
@@ -8,12 +8,12 @@ urlpatterns = [
     re_path(r"^user/(?P<username>[\w@._-]*)/shared_with_me", views.shared_with_me, name="shared_with_me"),
     re_path(r"^user/(?P<username>[\w@._-]*)/shared_by_me", views.shared_by_me, name="shared_by_me"),
     re_path(
-        r"^user/(?P<username>[\w@.]*)/playlists$",
+        r"^user/(?P<username>[\w@._-]*)/playlists$",
         views.view_user_playlists,
         name="get_user_playlists",
     ),
     re_path(
-        r"^user/(?P<username>[\w@.]*)/about$",
+        r"^user/(?P<username>[\w@._-]*)/about$",
         views.view_user_about,
         name="get_user_about",
     ),