pageflow 15.2.2 → 15.3.0

data/entry_types/scrolled/package/frontend/getPrototypeOf-63c7c8e8.js

@@ -0,0 +1,86 @@
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+export { _createClass as _, _classCallCheck as a, _inherits as b, _getPrototypeOf as c, _possibleConstructorReturn as d, _assertThisInitialized as e };

data/entry_types/scrolled/package/frontend/index.css

@@ -0,0 +1,9 @@
+.ContentElementMargin-module_wrapper__20kIk{margin:1em 0 0}.useScrollPositionLifecycle-module_wrapper__1a6Kr{position:relative}.useScrollPositionLifecycle-module_isActiveProbe__3VKB5{position:absolute;top:0;left:0;bottom:2px;width:1px}.Text-module_h2__34chJ{font-size:66px;font-weight:700}.Text-module_h1__2_5kX{font-size:110px;line-height:1}.Text-module_body__4oWD-{font-size:22px;line-height:1.4}.Text-module_caption__3_6Au{font-size:20px;line-height:1.4}@media (max-width:600px){.Text-module_h2__34chJ{font-size:40px}.Text-module_h1__2_5kX{font-size:66px}}.SelectionRect-module_main__3AOhG{position:relative}.SelectionRect-module_main__3AOhG:after{content:"";position:absolute;top:-.5em;left:-.5em;right:-.5em;bottom:-.5em;pointer-events:none;opacity:.8}.SelectionRect-module_full__3tsQF:after{left:0;right:0}.SelectionRect-module_selected__1PhM6:after{border-left:1px solid;border-right:1px solid}.SelectionRect-module_toolbar__3nPrd{position:absolute;top:-40px;right:-15px;z-index:1;pointer-events:all}.SelectionRect-module_insert__w0Tl0{display:none;text-align:center;position:absolute;width:100%;opacity:.8;pointer-events:none}.SelectionRect-module_insertHovered__VTsDD.SelectionRect-module_insert__w0Tl0{opacity:1}.SelectionRect-module_end__3qOoK .SelectionRect-module_insert-after__3FJ4R,.SelectionRect-module_start__3_nAf .SelectionRect-module_insert-before__2Tyq5{display:block}.SelectionRect-module_insert__w0Tl0:after,.SelectionRect-module_insert__w0Tl0:before{content:"";position:absolute;top:0;width:calc(50% - 5px);height:0;border-bottom:1px solid}.SelectionRect-module_insert__w0Tl0:before{left:-.5em}.SelectionRect-module_insert__w0Tl0:after{right:-.5em}.SelectionRect-module_full__3tsQF .SelectionRect-module_insert__w0Tl0:after,.SelectionRect-module_full__3tsQF .SelectionRect-module_insert__w0Tl0:before{width:calc(50% - 5px + -.5em)}.SelectionRect-module_full__3tsQF .SelectionRect-module_insert__w0Tl0:before{left:0}.SelectionRect-module_full__3tsQF .SelectionRect-module_insert__w0Tl0:after{right:0}.SelectionRect-module_insertButton__1g-ZG{pointer-events:all;border:0;background:none;color:currentColor;display:inline-block;vertical-align:top;position:relative;top:-9px;padding:2px 10px}.SelectionRect-module_insert-before__2Tyq5{top:-.5em}.SelectionRect-module_insert-after__3FJ4R{top:calc(100% + .5em)}.TextPlaceholder-module_placeholder__sgVwx{position:absolute;transform:translateY(-100%);pointer-events:none;opacity:.5}.ContentElementInsertButton-module_container__3dvUS{height:0;position:relative;top:1em;text-align:center;opacity:.8}.ContentElementInsertButton-module_hovered__3Pggi{opacity:1}.ContentElementInsertButton-module_container__3dvUS:after,.ContentElementInsertButton-module_container__3dvUS:before{content:"";border-top:1px solid;width:calc(50% - 20px);position:absolute;top:0}.ContentElementInsertButton-module_container__3dvUS:before{left:0}.ContentElementInsertButton-module_container__3dvUS:after{right:0}.ContentElementInsertButton-module_button__2-eE2{border:0;background:none;color:currentColor;position:relative;top:-8px}.Toolbar-module_Toolbar__1INSj{background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;gap:2px}.Toolbar-module_button__de5BW{border:0;background:#fff;padding:10px;opacity:.6}.Toolbar-module_button__de5BW:hover{opacity:1}.Toolbar-module_activeButton__2sOLP{background:#ddd;opacity:1}@media (max-width:460px){.Toolbar-module_collapsible__3sivb .Toolbar-module_button__de5BW{display:none}.Toolbar-module_collapsible__3sivb .Toolbar-module_activeButton__2sOLP,.Toolbar-module_collapsible__3sivb:focus-within .Toolbar-module_button__de5BW,.Toolbar-module_collapsible__3sivb:hover .Toolbar-module_button__de5BW{display:inline-block}}.index-module_container__3dD9z{position:relative}.index-module_hoveringToolbar__31Xpd{position:absolute;z-index:2;top:-10000px;left:-10000px;margin-top:-6px;opacity:0;white-space:nowrap}.index-module_selection__3dUiD{display:none;position:absolute;z-index:1;width:100%;pointer-events:none}.index-module_linkTooltip__36m1K{background-color:#222;border-radius:4px;font-family:Helvetica,"Sans-Serif";font-size:13px;line-height:1;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.index-module_linkTooltip__36m1K:before{content:"";display:block;position:absolute;left:20px;bottom:100%;border:4px solid transparent;border-bottom-color:#222}.index-module_linkTooltip__36m1K a,.index-module_linkTooltip__36m1K button,.index-module_linkTooltip__36m1K input{color:#fff;background-color:transparent;border:0;display:inline-block;padding:10px}.index-module_linkTooltip__36m1K input{outline:none}.index-module_linkTooltip__36m1K button{border:0;cursor:pointer}.index-module_linkTooltip__36m1K svg{padding-left:7px}.SectionDecorator-module_wrapper__3sTk3{position:relative}.SectionDecorator-module_selected__1gcmF>section:before{content:"";display:block;position:absolute;border:1px solid;top:5px;left:5px;right:5px;bottom:5px;z-index:9;pointer-events:none}.SectionDecorator-module_transitionSelected__Wklk6>section:before{content:"";position:absolute;display:block;top:0;width:100%;border-top:2px dotted #fff;z-index:9;background-color:#555;opacity:.7}.SectionDecorator-module_controls__LVEJG{position:absolute;top:-33px;right:0;height:100%;padding-left:20px;z-index:10;display:none}.SectionDecorator-module_selected__1gcmF .SectionDecorator-module_controls__LVEJG,.SectionDecorator-module_transitionSelected__Wklk6 .SectionDecorator-module_controls__LVEJG{display:block}.SectionDecorator-module_transitionSelected__Wklk6 .SectionDecorator-module_editToolbar__18Kjq{visibility:hidden}.SectionDecorator-module_toolbar__2Va1D{position:absolute;padding:10px 0 10px 10px;z-index:10;overflow:hidden}.SectionDecorator-module_editToolbar__18Kjq{position:-webkit-sticky;position:sticky;top:calc(50vh - 30px);margin-top:55px}.SectionDecorator-module_transitionToolbar-before__KipOO{top:0}.SectionDecorator-module_transitionToolbar-after__2_DVO{bottom:-63px}.ContentElement-module_missing__2_1j9{color:#000;background-color:#fff;border-left:5px solid #f44336;padding:.5em;margin:1em 0 0}.TwoColumn-module_group__3Hg2y{margin-left:8%;margin-right:8%}.TwoColumn-module_group-full__2OT4o{margin-left:0;margin-right:0}.TwoColumn-module_inline__1fPfM,.TwoColumn-module_sticky__4LCDO{max-width:500px}.TwoColumn-module_narrow__qAgnL.TwoColumn-module_right__Fr52a .TwoColumn-module_sticky__4LCDO,.TwoColumn-module_right__Fr52a .TwoColumn-module_inline__1fPfM{margin-left:auto}.TwoColumn-module_wide__xdF_t .TwoColumn-module_sticky__4LCDO{position:-webkit-sticky;position:sticky;float:right;clear:right;top:33%;width:30%;max-width:600px}.TwoColumn-module_wide__xdF_t.TwoColumn-module_right__Fr52a .TwoColumn-module_sticky__4LCDO{float:left}.Center-module_outer__3Rr0H{margin-left:8%;margin-right:8%}.Center-module_outer-full__3dknO{margin-left:0;margin-right:0}.Center-module_item__1KSs3{margin-left:auto;margin-right:auto;max-width:700px}.Center-module_item-full__1cEuv{margin-left:0;margin-right:0;max-width:none}@media (min-width:950px){.Center-module_inner-left__2z9Ea,.Center-module_inner-right__KBkVt{margin-top:.375em}.Center-module_inner-left__2z9Ea{float:left;width:60%;margin-left:-10%;margin-right:1em;margin-bottom:1em}.Center-module_inner-right__KBkVt{float:right;width:60%;margin-right:-10%;margin-left:1em;margin-bottom:1em}}.Foreground-module_Foreground__13ODU{position:relative;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.Foreground-module_fullFadeHeight__2p9dx{min-height:51vh}.Foreground-module_fullHeight__1vMXb{min-height:100vh}.Foreground-module_paddingBottom__3OtY4{padding-bottom:3em}header svg{fill:#c2c2c2;cursor:pointer}header svg:hover{fill:#00375a}.AppHeader-module_navigationBar__2EFHw{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:-webkit-sticky;position:sticky;top:-50px;transition:top .15s;z-index:10000;width:100%;text-align:center;height:0}.AppHeader-module_navigationBarExpanded__18nbf{top:0}.AppHeader-module_navigationBarContentWrapper__2Sf8y{position:relative;z-index:2;background-color:#fff;height:50px}.AppHeader-module_menuIcon__5JKuj{position:absolute}.AppHeader-module_contextIcons__23I_3{position:absolute;top:0;right:0;width:80px;height:50px;padding:0 12px}.AppHeader-module_contextIcon__157kW{float:right;width:40px;height:50px}.AppHeader-module_logo__2E1pn{top:0;left:15px;height:100%}.AppHeader-module_chapterList__2lMMD{padding:0;margin:0;list-style:none}.AppHeader-module_chapterListItem__28zrc{position:relative;display:inline-block;padding:0 15px;border-right:1px solid #e9e9e9}.AppHeader-module_chapterListItem__28zrc:last-of-type{border-right:none}.AppHeader-module_navigationTooltip__1EvCy{opacity:1!important;box-shadow:0 0 .3125rem rgba(0,0,0,.2)}.AppHeader-module_progressBar__17IVu{background-color:hsla(0,0%,76.1%,.8);height:8px;width:100%}.AppHeader-module_progressIndicator__3SlYz{position:absolute;top:0;left:0;width:0;height:100%;background-color:#e10028}@media (max-width:780px){.AppHeader-module_logo__2E1pn{position:inherit}.AppHeader-module_navigationChapters__1dzyV{touch-action:none;display:block;position:fixed;top:60px;left:0;background:hsla(0,0%,100%,.95);width:100vw;height:100vh}.AppHeader-module_navigationChaptersHidden__8AEPA{display:none}.AppHeader-module_chapterList__2lMMD{margin-top:50px}.AppHeader-module_chapterListItem__28zrc{display:list-item;width:80vw;padding:25px 10vw;border-right:none}.AppHeader-module_chapterListItem__28zrc:after,.AppHeader-module_chapterListItem__28zrc:before{display:table;content:" ";border-top:1px solid #646464;width:14%;margin:0 43%;transition:width .15s,margin .15s}.AppHeader-module_chapterListItem__28zrc:hover:after,.AppHeader-module_chapterListItem__28zrc:hover:before{border-top:1px solid #00375a;width:80%;margin:0 10%}.AppHeader-module_chapterListItem__28zrc p{margin-top:0}.AppHeader-module_progressBar__17IVu{height:10px}}.HamburgerIcon-module_burgerMenuIconContainer__26RY4{display:none}.HamburgerIcon-module_burgerMenuIcon__24t-5{top:12px;left:12px;outline:none}@media (max-width:780px){.HamburgerIcon-module_burgerMenuIconContainer__26RY4{display:block}}
+
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
+ */.HamburgerIcons-module_hamburger__NnCze{display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.HamburgerIcons-module_hamburger__NnCze.HamburgerIcons-module_is-active__10qoY .HamburgerIcons-module_hamburger-inner__187lg,.HamburgerIcons-module_hamburger__NnCze.HamburgerIcons-module_is-active__10qoY .HamburgerIcons-module_hamburger-inner__187lg:after,.HamburgerIcons-module_hamburger__NnCze.HamburgerIcons-module_is-active__10qoY .HamburgerIcons-module_hamburger-inner__187lg:before{background-color:#e10028}.HamburgerIcons-module_hamburger-box__34rgF{width:40px;height:24px;display:inline-block;position:relative}.HamburgerIcons-module_hamburger-inner__187lg{display:block;top:50%;margin-top:-2px}.HamburgerIcons-module_hamburger-inner__187lg,.HamburgerIcons-module_hamburger-inner__187lg:after,.HamburgerIcons-module_hamburger-inner__187lg:before{width:30px;height:4px;background-color:#00375a;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.HamburgerIcons-module_hamburger-inner__187lg:after,.HamburgerIcons-module_hamburger-inner__187lg:before{content:"";display:block}.HamburgerIcons-module_hamburger-inner__187lg:before{top:-10px}.HamburgerIcons-module_hamburger-inner__187lg:after{bottom:-10px}.HamburgerIcons-module_hamburger--collapse__gRQFa .HamburgerIcons-module_hamburger-inner__187lg{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__gRQFa .HamburgerIcons-module_hamburger-inner__187lg:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.HamburgerIcons-module_hamburger--collapse__gRQFa .HamburgerIcons-module_hamburger-inner__187lg:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__gRQFa.HamburgerIcons-module_is-active__10qoY .HamburgerIcons-module_hamburger-inner__187lg{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.HamburgerIcons-module_hamburger--collapse__gRQFa.HamburgerIcons-module_is-active__10qoY .HamburgerIcons-module_hamburger-inner__187lg:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.HamburgerIcons-module_hamburger--collapse__gRQFa.HamburgerIcons-module_is-active__10qoY .HamburgerIcons-module_hamburger-inner__187lg:before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.ChapterLink-module_chapterLink__v5VRl{line-height:3rem;color:#00375a;text-decoration:none;position:relative;display:block;font-family:inherit;font-weight:700;font-size:1rem;height:50px}.ChapterLink-module_chapterLink__v5VRl:hover,.ChapterLink-module_chapterLinkActive__jl4h5{color:#e10028}.ChapterLink-module_summary__17aoW{display:none}@media (max-width:780px){.ChapterLink-module_summary__17aoW{display:block}}.ChapterLinkTooltip-module_chapterLinkTooltip__cCfsw{border-bottom:3px solid #e10028;width:200px}.ChapterLinkTooltip-module_tooltipHeadline__reew_{margin:5px 0 0;color:#e10028}@media (max-width:780px){.ChapterLinkTooltip-module_chapterLinkTooltip__cCfsw{display:none!important}}.LegalInfoMenu-module_infoIcon__1kTnt svg{width:26px;height:26px;margin:12px 0}.LegalInfoTooltip-module_legalInfoTooltip__ChzOS{width:200px;max-width:200px;text-align:left}.LegalInfoTooltip-module_legalInfoTooltip__ChzOS:after{left:90%!important}.LegalInfoTooltip-module_legalInfoTooltip__ChzOS p{margin:0 0 .5em}.LegalInfoTooltip-module_legalInfoTooltip__ChzOS a{color:#e10028}.SharingMenu-module_shareIcon__1AlDL svg{width:40px;height:40px;margin:5px 0}header .share svg{fill:#00375a}header .share:hover svg{fill:#e10028}.SharingTooltip-module_sharingTooltip__1cljv{width:160px;padding:0!important}.SharingTooltip-module_sharingTooltip__1cljv:after{left:90%!important}.SharingTooltip-module_shareLinkContainer__2MnKN{display:inline-block;width:80px;height:60px;cursor:pointer;color:transparent;text-align:center}.SharingTooltip-module_shareLink__2ySSX{position:relative;color:#00375a;text-decoration:none}.SharingTooltip-module_shareLink__2ySSX:hover{color:#e10028}.SharingTooltip-module_shareIcon__3igrs{width:80px;height:25px;margin-top:5px;margin-bottom:3px}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.vjs-poster{display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster,.vjs-poster img{vertical-align:middle;padding:0}.vjs-poster img{display:block;margin:0 auto;max-height:100%;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.vjs-text-track-display{position:absolute;bottom:0;left:0;right:0;top:0;pointer-events:none}.video-js .vjs-text-track{font-size:17px;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.video-js{font-family:inherit!important}.textTracks-module_inset__K7DIL .vjs-text-track-display{bottom:20px}.vjs-text-track-display div{font-family:inherit!important;font-size:20px!important}.vjs-text-track-display>div>div>div{padding:0 4px 2px}.vjs-paused .vjs-text-track-display div{transition:opacity .2s,visibility .2s;opacity:0;visibility:hidden!important}.MediaPlayer-module_mask__3JQDW{position:absolute;top:0;left:0;width:100%;height:100%}.ViewportDependentPillarBoxes-module_opaque__2U9JL{background-color:#000}.ViewportDependentPillarBoxes-module_container__Pj-Fy{position:relative;width:100%;margin:0 auto}.ViewportDependentPillarBoxes-module_content__1IY7b{position:absolute;top:0;left:0;right:0;bottom:0}.Fullscreen-module_root__1N3CI{width:100%;height:100vh;position:relative;overflow:hidden}.AudioPlayer-module_audioPlayer__1Ms73{width:100%;height:100%;transition:transform .2s ease}.AudioPlayer-module_spaceForTextTracks__169MK{height:100%}.AudioPlayer-module_spaceForTextTracksActive__99m7R{height:90px}.AudioPlayer-module_audioPlayer__1Ms73>div{width:100%;height:100%}.AudioPlayer-module_audioPlayer__1Ms73 audio,.AudioPlayer-module_audioPlayer__1Ms73 audio:focus{outline:none}.Image-module_root__1ef3j{background-size:cover;position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.VideoPlayer-module_videoPlayer__2q9NS{width:100%;height:100%;transition:transform .2s ease}.VideoPlayer-module_videoPlayer__2q9NS>div{width:100%;height:100%}.VideoPlayer-module_videoPlayer__2q9NS video,.VideoPlayer-module_videoPlayer__2q9NS video:focus{outline:none}.VideoPlayer-module_cover__2Rk-J video{-o-object-fit:cover;object-fit:cover}.FillColor-module_FillColor__S1uEG{width:100%}.MotifArea-module_root__1_ACd{position:absolute;background:hsla(0,0%,100%,.2);z-index:2;opacity:0;transition:opacity .2s ease}.MotifArea-module_active__1q4z2{opacity:1}.MotifArea-module_corner__3hB5t{position:absolute;width:10px;height:10px}.MotifArea-module_topLeft__3vHHi{border-top:2px solid #fff;border-left:2px solid #fff}.MotifArea-module_topRight__2gNmC{right:0;border-top:2px solid #fff;border-right:2px solid #fff}.MotifArea-module_bottomLeft__2qEqb{bottom:0;border-bottom:2px solid #fff;border-left:2px solid #fff}.MotifArea-module_bottomRight__3OjTb{right:0;bottom:0;border-bottom:2px solid #fff;border-right:2px solid #fff}.Backdrop-module_Backdrop__1w4UZ{width:100%;z-index:2}.Section-module_Section__Yo58b{position:relative;background-color:#000}.Section-module_invert__3_p7F{background-color:#fff;color:#222}.fadeInBgConceal-module_backdrop__11JGO{position:absolute;height:100%}.fadeInBgConceal-module_backdropInner__1IAYD{position:fixed;top:0;height:100vh;width:100%}.fadeInBgConceal-module_backdrop__11JGO{transition:opacity .5s ease,visibility .5s}.fadeInBgConceal-module_backdrop-below__3E6Uk{opacity:0;visibility:hidden}.fadeInBgFadeOut-module_backdrop__r0YXp{position:absolute;height:100%}.fadeInBgFadeOut-module_backdropInner__IQp87{position:fixed;top:0;height:100vh;width:100%}.fadeInBgFadeOut-module_backdrop__r0YXp .fadeInBgFadeOut-module_backdropInner__IQp87,.fadeInBgFadeOut-module_foreground__Q2vkT{transition:opacity .5s ease,visibility .5s}.fadeInBgFadeOut-module_backdrop-below__2G-Ic .fadeInBgFadeOut-module_backdropInner__IQp87,.fadeInBgFadeOut-module_foreground-above__3pmz9{opacity:0;visibility:hidden}.fadeInBgFadeOutBg-module_backdrop__15ocl{position:absolute;height:100%}.fadeInBgFadeOutBg-module_backdropInner__sAnz6{position:fixed;top:0;height:100vh;width:100%}.fadeInBgFadeOutBg-module_backdrop__15ocl .fadeInBgFadeOutBg-module_backdropInner__sAnz6,.fadeInBgFadeOutBg-module_boxShadow__xUKyj{transition:opacity .5s ease,visibility .5s}.fadeInBgFadeOutBg-module_backdrop-below__1rDT6 .fadeInBgFadeOutBg-module_backdropInner__sAnz6,.fadeInBgFadeOutBg-module_boxShadow-above__2bY0E{opacity:0;visibility:hidden}.fadeInBgScrollOut-module_backdrop__1bSsb{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end}.fadeInBgScrollOut-module_backdropInner__3JZBG{position:-webkit-sticky;position:sticky;bottom:0;width:100%}.fadeInBgScrollOut-module_backdropInner2__q-00L{position:absolute;bottom:0;width:100%}.fadeInBgScrollOut-module_foreground__1ODH9{min-height:100vh}.fadeInBgScrollOut-module_backdrop__1bSsb{transition:opacity .5s ease,visibility .5s}.fadeInBgScrollOut-module_backdrop-below__2Dbkr{opacity:0;visibility:hidden}.fadeInConceal-module_backdrop__1zaRO{position:absolute;height:100%}.fadeInConceal-module_backdropInner__1AIvq{position:fixed;top:0;height:100vh;width:100%}.fadeInConceal-module_backdrop__1zaRO,.fadeInConceal-module_foreground__3giM9{transition:opacity .5s ease,visibility .5s}.fadeInConceal-module_backdrop-below__AWyQe,.fadeInConceal-module_foreground-below__2z5Op{opacity:0;visibility:hidden}.fadeInFadeOut-module_backdrop__Y4xOA{position:absolute;height:100%}.fadeInFadeOut-module_backdropInner__1oRfP{position:fixed;top:0;height:100vh;width:100%}.fadeInFadeOut-module_backdrop__Y4xOA .fadeInFadeOut-module_backdropInner__1oRfP,.fadeInFadeOut-module_foreground__1eleZ{transition:opacity .5s ease,visibility .5s}.fadeInFadeOut-module_backdrop-below__1h2I4 .fadeInFadeOut-module_backdropInner__1oRfP,.fadeInFadeOut-module_foreground-above__249wa,.fadeInFadeOut-module_foreground-below__3mE6f{opacity:0;visibility:hidden}.fadeInFadeOutBg-module_backdrop__2-IF3{position:absolute;height:100%}.fadeInFadeOutBg-module_backdropInner__3r_bo{position:fixed;top:0;height:100vh;width:100%}.fadeInFadeOutBg-module_backdrop__2-IF3 .fadeInFadeOutBg-module_backdropInner__3r_bo,.fadeInFadeOutBg-module_boxShadow__3x7Ki,.fadeInFadeOutBg-module_foreground__24f_M{transition:opacity .5s ease,visibility .5s}.fadeInFadeOutBg-module_backdrop-below__4Ys_2 .fadeInFadeOutBg-module_backdropInner__3r_bo,.fadeInFadeOutBg-module_boxShadow-above__3T2K5,.fadeInFadeOutBg-module_foreground-below__3pTRc{opacity:0;visibility:hidden}.fadeInScrollOut-module_backdrop__2FhBb{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end}.fadeInScrollOut-module_backdropInner__1OfNZ{position:-webkit-sticky;position:sticky;bottom:0;width:100%}.fadeInScrollOut-module_backdropInner2__5bNPT{position:absolute;bottom:0;width:100%}.fadeInScrollOut-module_foreground__3h0EX{min-height:100vh}.fadeInScrollOut-module_backdrop__2FhBb,.fadeInScrollOut-module_foreground__3h0EX{transition:opacity .5s ease,visibility .5s}.fadeInScrollOut-module_backdrop-below__3cRLH,.fadeInScrollOut-module_foreground-below__1Jcql{opacity:0;visibility:hidden}.revealConceal-module_backdrop__dLUhU{position:absolute;height:100%}.revealConceal-module_backdropInner__2k1Z-{position:fixed;top:0;height:100vh;width:100%;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.revealFadeOut-module_backdrop___Q1QF{position:absolute;height:calc(100% + 100vh)}.revealFadeOut-module_backdropInner__17qRn{position:fixed;top:0;height:100vh;width:100%;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.revealFadeOut-module_foreground__1GzBs{transition:opacity .5s ease,visibility .5s}.revealFadeOut-module_foreground-above__3GxOf{opacity:0;visibility:hidden}.revealFadeOutBg-module_backdrop__30OCF{position:absolute;height:calc(100% + 100vh)}.revealFadeOutBg-module_backdropInner__3v3tM{position:fixed;top:0;height:100vh;width:100%;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.revealFadeOutBg-module_boxShadow__1NZRz{transition:opacity 1s ease,visibility 1s}.revealFadeOutBg-module_boxShadow-above__2r4ov{opacity:0;visibility:hidden}.revealScrollOut-module_backdrop__2yOXd{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end}.revealScrollOut-module_backdropInner__211p3{position:-webkit-sticky;position:sticky;bottom:0;width:100%;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.revealScrollOut-module_backdropInner2__v6WqM{position:absolute;bottom:0;width:100%}.scrollInConceal-module_backdrop__2OJJC,.scrollInFadeOut-module_backdrop__1vXJd{position:-webkit-sticky;position:sticky;top:0;height:0}.scrollInFadeOut-module_foreground__3Ikxb{transition:opacity .5s ease,visibility .5s}.scrollInFadeOut-module_foreground-above__6ipm-{opacity:0;visibility:hidden}.scrollInFadeOutBg-module_backdrop__zw95c{position:-webkit-sticky;position:sticky;top:0;height:0}.scrollInFadeOutBg-module_boxShadow__3UxCQ{transition:opacity .5s ease,visibility .5s}.scrollInFadeOutBg-module_boxShadow-above__3kfau{opacity:0;visibility:hidden}.scrollInScrollOut-module_backdrop__XzCge{position:-webkit-sticky;position:sticky;top:0;height:100vh}.scrollInScrollOut-module_foreground__1yyY8{margin-top:-100vh}.GradientShadow-module_shadow__2UiDH{position:absolute;top:0;left:0;width:100%;z-index:1;transition:opacity 1s ease}.GradientShadow-module_align-left__3qcNM .GradientShadow-module_shadowBlack__cSr14,.GradientShadow-module_align-right__3iXZs .GradientShadow-module_shadowBlack__cSr14{background:linear-gradient(90deg,#000 0,transparent)}@media (min-width:950px){.GradientShadow-module_align-right__3iXZs .GradientShadow-module_shadowBlack__cSr14{background:linear-gradient(270deg,#000 0,transparent)}}.GradientShadow-module_align-center__2C7cl .GradientShadow-module_shadowBlack__cSr14,.GradientShadow-module_intersecting__h6vpz .GradientShadow-module_shadowBlack__cSr14{background:#000}.GradientShadow-module_align-left__3qcNM .GradientShadow-module_shadowWhite__3Xw2q,.GradientShadow-module_align-right__3iXZs .GradientShadow-module_shadowWhite__3Xw2q{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0))}@media (min-width:950px){.GradientShadow-module_align-right__3iXZs .GradientShadow-module_shadowWhite__3Xw2q{background:linear-gradient(270deg,#fff 0,hsla(0,0%,100%,0))}}.GradientShadow-module_align-center__2C7cl .GradientShadow-module_shadowWhite__3Xw2q,.GradientShadow-module_intersecting__h6vpz .GradientShadow-module_shadowWhite__3Xw2q{background:#fff}.InvisibleBoxWrapper-module_start__F1nZ7{margin-top:1.375em}.InvisibleBoxWrapper-module_end__nphD-{margin-bottom:1.375em}.GradientBox-module_content__96lDk{position:relative}.GradientBox-module_shadow__2XilX{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}.GradientBox-module_long__10s6v .GradientBox-module_shadow__2XilX{bottom:-100vh}.GradientBox-module_gradient__31tJ- .GradientBox-module_withShadow__3mhPR{text-shadow:0 1px 5px #000}.GradientBox-module_gradient__31tJ- .GradientBox-module_shadowDark__3Tv0L{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 100px,rgba(0,0,0,.3))}.GradientBox-module_gradient__31tJ- .GradientBox-module_shadowLight__Bieg6{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3) 100px,hsla(0,0%,100%,.3))}.CardBox-module_content__36v7J{position:relative}.CardBoxWrapper-module_card__hvRUa{position:relative;margin-top:-1px;padding:1px 1.5em 0}.CardBoxWrapper-module_card__hvRUa:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.CardBoxWrapper-module_cardStart__2NywG{margin-top:3em}.CardBoxWrapper-module_cardEnd__x4Ye6{margin-bottom:3em;padding-bottom:1.5em}.CardBoxWrapper-module_cardStart__2NywG:before{border-top-left-radius:15px;border-top-right-radius:15px}.CardBoxWrapper-module_cardEnd__x4Ye6:before{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.CardBoxWrapper-module_cardBgWhite__xXhg7:before{background-color:#fff}.CardBoxWrapper-module_cardBgBlack__Ahp3s:before{background-color:#101010}.CardBoxWrapper-module_cardBgWhite__xXhg7{color:#000}.CardBoxWrapper-module_cardBgBlack__Ahp3s{color:#fff}.Entry-module_Entry__1nDGh{font-family:Source Sans Pro,sans-serif;background-color:#000;color:#fff}.Entry-module_Entry__1nDGh>div:first-child{padding-top:58px}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[tabindex]:focus,a:focus,button:focus{outline:3px solid #518ad2}.focusOutline-module_focusOutlineDisabled__KV7d- [tabindex]:focus,.focusOutline-module_focusOutlineDisabled__KV7d- a:focus,.focusOutline-module_focusOutlineDisabled__KV7d- button:focus{outline:none}.Figure-module_root__3FC-x{margin:0}.Figure-module_root__3FC-x>figcaption{padding:3px 10px 5px;background-color:#fff;color:#222}.Figure-module_invert___0BJP>figcaption{background-color:#101010;color:#fff}.Waveform-module_container__1Dxdv{position:relative;width:100%;height:90px;bottom:1px}.Waveform-module_menus__1mOnJ{position:absolute;bottom:-5px;right:0;z-index:5}.Waveform-module_timeDisplay__1v4Tl{position:relative;bottom:20px}.Waveform-module_playControl__QWTsJ{z-index:5;position:absolute;top:32.5%;transform:scale(2)}.Waveform-module_waveWrapper__3gamc{position:relative;pointer-events:all;height:100%}.TimeDisplay-module_timeDisplay__2UwqM{margin:0 7px}.TimeDisplay-module_time__li1ZU{line-height:24px;font-size:15px;padding:0 4px;color:currentColor}.MenuBarButton-module_icon__2h8__{width:25px;height:25px;fill:currentColor}.MenuBarButton-module_subMenuItemAnnotation__32Quc{color:red;font-size:70%;vertical-align:5px;padding-left:3px}.MenuBarButton-module_subMenu__f-E-X{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .5s,visibility .5s;position:absolute;right:0;bottom:31px;margin:0;padding:5px;background-color:rgba(17,17,17,.9);border-radius:2px}.MenuBarButton-module_subMenuExpanded__2UvkJ .MenuBarButton-module_subMenu__f-E-X{visibility:visible;opacity:1;pointer-events:all;transition:none}.MenuBarButton-module_subMenuItem__1pyn_{position:relative;list-style:none}.MenuBarButton-module_subMenuItemIcon__3iaB-{position:absolute;top:8px;left:5px;width:12px;height:12px;fill:#fff}.MenuBarButton-module_subMenuItemButton__2QnUz{width:100%;color:#fff;white-space:nowrap}button.MenuBarButton-module_subMenuItemButton__2QnUz{padding:5px 10px 5px 25px}.utils-module_clip__34eot{clip:rect(0,auto,auto,0);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.utils-module_unstyledButton__3rgne{border:0;padding:0;background-color:transparent;text-align:initial}.ControlBar-module_transparent__eS4af{opacity:0}.ControlBar-module_lightBackground__3-tGf{background:hsla(0,0%,100%,.2)}.ControlBar-module_darkBackground__31Wv7{background:rgba(0,0,0,.2)}.ControlBar-module_controlBarContainer__1cxRO{color:currentColor;width:100%;display:flex;align-items:center;position:relative;transition:opacity .2s ease}.ControlBar-module_controlBarContainer__1cxRO.ControlBar-module_inset__JvBh9{margin-top:-32px;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent)}.ControlBar-module_button___4aXE{width:32px;height:32px;margin-right:4px;display:flex;align-items:center;justify-content:center;color:currentColor}.ControlBar-module_button___4aXE svg{fill:currentColor;cursor:pointer}.ProgressIndicators-module_container__1QiQJ{flex-grow:1}.ProgressIndicators-module_wrapper__2PCVv{margin:0 10px;position:relative}.ProgressIndicators-module_draggable__1iAE8{height:32px;padding:13px 0;box-sizing:border-box;cursor:pointer}.ProgressIndicators-module_bars__2-ddd{position:relative;height:6px;border-radius:3.5px}.ProgressIndicators-module_progressBar__2PYn-{position:absolute;left:0;height:6px;border-radius:2.5px;background:currentColor}.ProgressIndicators-module_background__-x5f_{opacity:.1;width:100%}.ProgressIndicators-module_loadingProgressBar__YD2GH{opacity:.1}.ProgressIndicators-module_sliderHandle__3ArIf{width:14px;height:14px;margin-left:-6.5px;border-radius:6.5px;position:absolute;top:-4px;background:currentColor;opacity:0;transition:opacity .1s}.ProgressIndicators-module_container__1QiQJ:hover .ProgressIndicators-module_sliderHandle__3ArIf,.ProgressIndicators-module_dragging__3yY3t .ProgressIndicators-module_sliderHandle__3ArIf{opacity:1}.SectionThumbnail-module_crop__Q1nZj{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.SectionThumbnail-module_scale__2tKDG{transform:scale(.2);transform-origin:0 0;width:500%}

data/entry_types/scrolled/package/frontend/index.js

@@ -0,0 +1,4425 @@
+import 'core-js/modules/es.symbol';
+import 'core-js/modules/es.symbol.description';
+import 'core-js/modules/es.symbol.async-iterator';
+import 'core-js/modules/es.symbol.has-instance';
+import 'core-js/modules/es.symbol.is-concat-spreadable';
+import 'core-js/modules/es.symbol.iterator';
+import 'core-js/modules/es.symbol.match';
+import 'core-js/modules/es.symbol.replace';
+import 'core-js/modules/es.symbol.search';
+import 'core-js/modules/es.symbol.species';
+import 'core-js/modules/es.symbol.split';
+import 'core-js/modules/es.symbol.to-primitive';
+import 'core-js/modules/es.symbol.to-string-tag';
+import 'core-js/modules/es.symbol.unscopables';
+import 'core-js/modules/es.array.concat';
+import 'core-js/modules/es.array.fill';
+import 'core-js/modules/es.json.to-string-tag';
+import 'core-js/modules/es.map';
+import 'core-js/modules/es.math.to-string-tag';
+import 'core-js/modules/es.object.assign';
+import 'core-js/modules/es.object.to-string';
+import 'core-js/modules/es.promise';
+import 'core-js/modules/es.promise.finally';
+import 'core-js/modules/es.set';
+import 'core-js/modules/es.string.iterator';
+import 'core-js/modules/es.string.starts-with';
+import 'core-js/modules/esnext.aggregate-error';
+import 'core-js/modules/esnext.map.delete-all';
+import 'core-js/modules/esnext.map.every';
+import 'core-js/modules/esnext.map.filter';
+import 'core-js/modules/esnext.map.find';
+import 'core-js/modules/esnext.map.find-key';
+import 'core-js/modules/esnext.map.from';
+import 'core-js/modules/esnext.map.group-by';
+import 'core-js/modules/esnext.map.includes';
+import 'core-js/modules/esnext.map.key-by';
+import 'core-js/modules/esnext.map.key-of';
+import 'core-js/modules/esnext.map.map-keys';
+import 'core-js/modules/esnext.map.map-values';
+import 'core-js/modules/esnext.map.merge';
+import 'core-js/modules/esnext.map.of';
+import 'core-js/modules/esnext.map.reduce';
+import 'core-js/modules/esnext.map.some';
+import 'core-js/modules/esnext.map.update';
+import 'core-js/modules/esnext.promise.all-settled';
+import 'core-js/modules/esnext.promise.any';
+import 'core-js/modules/esnext.promise.try';
+import 'core-js/modules/esnext.set.add-all';
+import 'core-js/modules/esnext.set.delete-all';
+import 'core-js/modules/esnext.set.difference';
+import 'core-js/modules/esnext.set.every';
+import 'core-js/modules/esnext.set.filter';
+import 'core-js/modules/esnext.set.find';
+import 'core-js/modules/esnext.set.from';
+import 'core-js/modules/esnext.set.intersection';
+import 'core-js/modules/esnext.set.is-disjoint-from';
+import 'core-js/modules/esnext.set.is-subset-of';
+import 'core-js/modules/esnext.set.is-superset-of';
+import 'core-js/modules/esnext.set.join';
+import 'core-js/modules/esnext.set.map';
+import 'core-js/modules/esnext.set.of';
+import 'core-js/modules/esnext.set.reduce';
+import 'core-js/modules/esnext.set.some';
+import 'core-js/modules/esnext.set.symmetric-difference';
+import 'core-js/modules/esnext.set.union';
+import 'core-js/modules/esnext.symbol.dispose';
+import 'core-js/modules/esnext.symbol.observable';
+import 'core-js/modules/esnext.symbol.pattern-match';
+import 'core-js/modules/web.dom-collections.iterator';
+import 'intersection-observer';
+import 'regenerator-runtime/runtime.js';
+import React, { useLayoutEffect, useEffect, useRef, useState, createContext, useMemo, useContext, useReducer, useCallback, Suspense } from 'react';
+import ReactDOM from 'react-dom';
+import { _ as _defineProperty, u as useI18n, a as _objectWithoutProperties, b as useFileRights, c as useLegalInfo, d as useCredits, P as PhonePlatformContext, e as useShareUrl, f as useShareProviders, g as useTheme, h as _slicedToArray, i as useEntryStructure, j as createScrollPositionLifecycleProvider, k as createScrollPositionLifecycleHook, l as _objectSpread2, m as useEntryMetadata, n as useNestedFiles, o as useFile, p as useMediaQuery, w as withInlineEditingDecorator, F as Foreground, L as Layout, q as usePostMessageListener, r as withInlineEditingAlternative, E as EntryStateProvider, s as LocaleProvider, T as Text, t as _toConsumableArray, v as useAvailableQualities, x as useEntryStateDispatch, y as useSectionStructure, S as StaticPreview, z as setupI18n, A as loadInlineEditingComponents } from './EditableText-4264c349.js';
+export { I as EditableText, s as LocaleProvider, T as Text, B as frontend, z as setupI18n, C as useContentElementConfigurationUpdate, D as useContentElementEditorCommandSubscription, G as useContentElementEditorState, H as useContentElementLifecycle, o as useFile, u as useI18n, K as useLocale, J as useOnScreen } from './EditableText-4264c349.js';
+import classNames from 'classnames';
+import ReactTooltip from 'react-tooltip';
+import 'i18n-js';
+import { events, browser, documentHiddenState, PlayerSourceIDMap, media, MultiPlayer, settings } from 'pageflow/frontend';
+import { _ as _createClass, a as _classCallCheck } from './getPrototypeOf-63c7c8e8.js';
+import BackboneEvents from 'backbone-events-standalone';
+import Measure from 'react-measure';
+import { DraggableCore } from 'react-draggable';
+
+// This prevents `fetch()` from being imported in a Node test environment
+
+if (typeof window !== 'undefined') {
+  require('whatwg-fetch');
+}
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+// from https://github.com/n8tb1t/use-scroll-position
+var isBrowser = typeof window !== "undefined";
+
+function getScrollPosition(_ref) {
+  var element = _ref.element,
+      useWindow = _ref.useWindow;
+  if (!isBrowser) return {
+    x: 0,
+    y: 0
+  };
+  var target = element ? element.current : document.body;
+  var position = target.getBoundingClientRect();
+  return useWindow ? {
+    x: window.scrollX,
+    y: window.scrollY
+  } : {
+    x: position.left,
+    y: position.top
+  };
+}
+
+function useScrollPosition(effect, deps, element, useWindow, wait) {
+  var position = useRef(getScrollPosition({
+    useWindow: useWindow
+  }));
+  var throttleTimeout = null;
+
+  var callBack = function callBack() {
+    var currPos = getScrollPosition({
+      element: element,
+      useWindow: useWindow
+    });
+    effect({
+      prevPos: position.current,
+      currPos: currPos
+    });
+    position.current = currPos;
+    throttleTimeout = null;
+  };
+
+  useIsomorphicLayoutEffect(function () {
+    if (!isBrowser) {
+      return;
+    }
+
+    var handleScroll = function handleScroll() {
+      if (wait) {
+        if (throttleTimeout === null) {
+          // Todo: store in useRef hook?
+          throttleTimeout = setTimeout(callBack, wait);
+        }
+      } else {
+        callBack();
+      }
+    };
+
+    window.addEventListener('scroll', handleScroll);
+    return function () {
+      return window.removeEventListener('scroll', handleScroll);
+    };
+  }, deps);
+}
+useScrollPosition.defaultProps = {
+  deps: [],
+  element: false,
+  useWindow: false,
+  wait: null
+};
+
+function useNativeScrollPrevention(ref) {
+  useEffect(function () {
+    function preventNativeScroll(e) {
+      e.preventDefault();
+    }
+
+    var current = ref.current;
+
+    if (current) {
+      current.addEventListener('touchmove', preventNativeScroll);
+      current.addEventListener('mousewheel', preventNativeScroll);
+    }
+
+    return function () {
+      if (current) {
+        current.removeEventListener('touchmove', preventNativeScroll);
+        current.removeEventListener('mousewheel', preventNativeScroll);
+      }
+    };
+  }, [ref]);
+}
+
+var styles = {"navigationBar":"AppHeader-module_navigationBar__2EFHw","navigationBarExpanded":"AppHeader-module_navigationBarExpanded__18nbf","navigationBarContentWrapper":"AppHeader-module_navigationBarContentWrapper__2Sf8y","menuIcon":"AppHeader-module_menuIcon__5JKuj","contextIcons":"AppHeader-module_contextIcons__23I_3","contextIcon":"AppHeader-module_contextIcon__157kW","logo":"AppHeader-module_logo__2E1pn","chapterList":"AppHeader-module_chapterList__2lMMD","chapterListItem":"AppHeader-module_chapterListItem__28zrc","navigationTooltip":"AppHeader-module_navigationTooltip__1EvCy","progressBar":"AppHeader-module_progressBar__17IVu","progressIndicator":"AppHeader-module_progressIndicator__3SlYz","navigationChapters":"AppHeader-module_navigationChapters__1dzyV","navigationChaptersHidden":"AppHeader-module_navigationChaptersHidden__8AEPA"};
+
+var styles$1 = {"burgerMenuIconContainer":"HamburgerIcon-module_burgerMenuIconContainer__26RY4","burgerMenuIcon":"HamburgerIcon-module_burgerMenuIcon__24t-5"};
+
+var hamburgerIconStyles = {"hamburger":"HamburgerIcons-module_hamburger__NnCze","is-active":"HamburgerIcons-module_is-active__10qoY","hamburger-inner":"HamburgerIcons-module_hamburger-inner__187lg","hamburger-box":"HamburgerIcons-module_hamburger-box__34rgF","hamburger--collapse":"HamburgerIcons-module_hamburger--collapse__gRQFa"};
+
+function HamburgerIcon(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$1.burgerMenuIconContainer
+    },
+    /*#__PURE__*/
+    React.createElement("button", {
+      className: classNames(styles.menuIcon, styles$1.burgerMenuIcon, hamburgerIconStyles.hamburger, hamburgerIconStyles['hamburger--collapse'], _defineProperty({}, hamburgerIconStyles['is-active'], !props.mobileNavHidden)),
+      type: "button",
+      onClick: props.onClick
+    },
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: hamburgerIconStyles['hamburger-box']
+    },
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: hamburgerIconStyles['hamburger-inner']
+    }))))
+  );
+}
+
+var styles$2 = {"chapterLink":"ChapterLink-module_chapterLink__v5VRl","chapterLinkActive":"ChapterLink-module_chapterLinkActive__jl4h5","summary":"ChapterLink-module_summary__17aoW"};
+
+var styles$3 = {"chapterLinkTooltip":"ChapterLinkTooltip-module_chapterLinkTooltip__cCfsw","tooltipHeadline":"ChapterLinkTooltip-module_tooltipHeadline__reew_"};
+
+function ChapterLinkTooltip(props) {
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return (
+    /*#__PURE__*/
+    React.createElement(ReactTooltip, {
+      id: props.chapterLinkId,
+      type: "light",
+      place: "bottom",
+      effect: "solid",
+      className: classNames(styles.navigationTooltip, styles$3.chapterLinkTooltip)
+    },
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("h3", {
+      className: styles$3.tooltipHeadline
+    }, t('pageflow_scrolled.public.navigation.chapter'), " ", props.chapterIndex),
+    /*#__PURE__*/
+    React.createElement("p", {
+      dangerouslySetInnerHTML: {
+        __html: props.summary
+      }
+    })))
+  );
+}
+
+function ChapterLink(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("a", {
+      className: classNames(styles$2.chapterLink, _defineProperty({}, styles$2.chapterLinkActive, props.active)),
+      href: "#chapter-".concat(props.permaId),
+      onClick: function onClick() {
+        return props.handleMenuClick(props.chapterLinkId);
+      },
+      "data-tip": true,
+      "data-for": props.chapterLinkId
+    }, props.title),
+    /*#__PURE__*/
+    React.createElement("p", {
+      className: styles$2.summary,
+      dangerouslySetInnerHTML: {
+        __html: props.summary
+      }
+    }),
+    /*#__PURE__*/
+    React.createElement(ChapterLinkTooltip, Object.assign({
+      chapterIndex: props.chapterIndex,
+      chapterLinkId: props.chapterLinkId
+    }, props)))
+  );
+}
+
+var styles$4 = {"infoIcon":"LegalInfoMenu-module_infoIcon__1kTnt"};
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+var InfoIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 330 330"
+  }, props), React.createElement("path", {
+    d: "M165 0C74.019 0 0 74.02 0 165.001 0 255.982 74.019 330 165 330s165-74.018 165-164.999S255.981 0 165 0zm0 300c-74.44 0-135-60.56-135-134.999S90.56 30 165 30s135 60.562 135 135.001C300 239.44 239.439 300 165 300z"
+  }), React.createElement("path", {
+    d: "M164.998 70c-11.026 0-19.996 8.976-19.996 20.009 0 11.023 8.97 19.991 19.996 19.991 11.026 0 19.996-8.968 19.996-19.991 0-11.033-8.97-20.009-19.996-20.009zm.002 70c-8.284 0-15 6.716-15 15v90c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15v-90c0-8.284-6.716-15-15-15z"
+  }));
+});
+
+var styles$5 = {"legalInfoTooltip":"LegalInfoTooltip-module_legalInfoTooltip__ChzOS"};
+
+function LegalInfoLink(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", null, props.label && props.url &&
+    /*#__PURE__*/
+    React.createElement("a", {
+      target: "_blank",
+      href: props.url,
+      dangerouslySetInnerHTML: {
+        __html: props.label
+      }
+    }))
+  );
+}
+
+function LegalInfoTooltip() {
+  var fileRights = useFileRights();
+  var legalInfo = useLegalInfo();
+  var credits = useCredits();
+  return (
+    /*#__PURE__*/
+    React.createElement(ReactTooltip, {
+      id: 'legalInfoTooltip',
+      type: 'light',
+      place: 'bottom',
+      effect: 'solid',
+      event: 'click',
+      globalEventOff: 'click',
+      clickable: true,
+      offset: {
+        right: -97
+      },
+      className: classNames(styles.navigationTooltip, styles$5.legalInfoTooltip)
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      onMouseLeave: function onMouseLeave() {
+        ReactTooltip.hide();
+      }
+    }, credits &&
+    /*#__PURE__*/
+    React.createElement("p", {
+      dangerouslySetInnerHTML: {
+        __html: credits
+      }
+    }), fileRights &&
+    /*#__PURE__*/
+    React.createElement("p", null, fileRights),
+    /*#__PURE__*/
+    React.createElement(LegalInfoLink, legalInfo.imprint),
+    /*#__PURE__*/
+    React.createElement(LegalInfoLink, legalInfo.copyright),
+    /*#__PURE__*/
+    React.createElement(LegalInfoLink, legalInfo.privacy)))
+  );
+}
+
+function LegalInfoMenu(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("a", {
+      className: classNames(styles.contextIcon, styles$4.infoIcon),
+      "data-tip": true,
+      "data-for": 'legalInfoTooltip',
+      onMouseEnter: function onMouseEnter() {
+        ReactTooltip.hide();
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(InfoIcon, null)),
+    /*#__PURE__*/
+    React.createElement(LegalInfoTooltip, null))
+  );
+}
+
+var styles$6 = {"shareIcon":"SharingMenu-module_shareIcon__1AlDL"};
+
+function _extends$1() {
+  _extends$1 = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$1.apply(this, arguments);
+}
+var ShareIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return React.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 96 96"
+  }, props), React.createElement("path", {
+    d: "M67.5 18c-5.1 0-9.3 4.2-9.3 9.3 0 .5.1 1.1.2 1.6l-23 12.9c-1.7-1.8-4.1-3-6.8-3-5.1 0-9.3 4.1-9.3 9.3 0 5.1 4.1 9.3 9.3 9.3 2.7 0 5.2-1.2 6.9-3.1l22.8 13.4c0 .4-.1.7-.1 1.1 0 5.1 4.1 9.3 9.3 9.3 5.1 0 9.3-4.1 9.3-9.3 0-5.1-4.1-9.3-9.3-9.3-2.8 0-5.4 1.3-7.1 3.3L37.7 49.4c.1-.4.1-.9.1-1.3 0-.5 0-1-.1-1.5l23.1-13c1.7 1.8 4.1 3 6.8 3 5.1 0 9.3-4.1 9.3-9.3-.1-5.1-4.3-9.3-9.4-9.3z"
+  }));
+});
+
+var styles$7 = {"sharingTooltip":"SharingTooltip-module_sharingTooltip__1cljv","shareLinkContainer":"SharingTooltip-module_shareLinkContainer__2MnKN","shareLink":"SharingTooltip-module_shareLink__2ySSX","shareIcon":"SharingTooltip-module_shareIcon__3igrs"};
+
+function usePhonePlatform() {
+  return React.useContext(PhonePlatformContext);
+}
+
+function SharingTooltip() {
+  var isPhonePlatform = usePhonePlatform();
+  var shareUrl = useShareUrl();
+  var shareProviders = useShareProviders({
+    isPhonePlatform: isPhonePlatform
+  });
+
+  function renderShareLinks(shareProviders) {
+    return shareProviders.map(function (shareProvider) {
+      var Icon = shareProvider.icon;
+      return (
+        /*#__PURE__*/
+        React.createElement("div", {
+          key: shareProvider.name,
+          className: styles$7.shareLinkContainer
+        },
+        /*#__PURE__*/
+        React.createElement("a", {
+          className: classNames('share', styles$7.shareLink),
+          href: shareProvider.url.replace('%{url}', shareUrl),
+          target: '_blank'
+        },
+        /*#__PURE__*/
+        React.createElement(Icon, {
+          className: styles$7.shareIcon
+        }), shareProvider.name))
+      );
+    });
+  }
+  return (
+    /*#__PURE__*/
+    React.createElement(ReactTooltip, {
+      id: 'sharingTooltip',
+      type: 'light',
+      place: 'bottom',
+      effect: 'solid',
+      event: 'click',
+      globalEventOff: 'click',
+      clickable: true,
+      offset: {
+        right: -64
+      },
+      className: classNames(styles.navigationTooltip, styles$7.sharingTooltip)
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      onMouseLeave: function onMouseLeave() {
+        ReactTooltip.hide();
+      }
+    }, renderShareLinks(shareProviders)))
+  );
+}
+
+function SharingMenu() {
+  var isPhonePlatform = usePhonePlatform();
+  var shareProviders = useShareProviders({
+    isPhonePlatform: isPhonePlatform
+  });
+
+  if (shareProviders.length > 0) {
+    return (
+      /*#__PURE__*/
+      React.createElement("div", null,
+      /*#__PURE__*/
+      React.createElement("a", {
+        className: classNames(styles.contextIcon, styles$6.shareIcon),
+        "data-tip": true,
+        "data-for": 'sharingTooltip',
+        onMouseEnter: function onMouseEnter() {
+          ReactTooltip.hide();
+        }
+      },
+      /*#__PURE__*/
+      React.createElement(ShareIcon, null)),
+      /*#__PURE__*/
+      React.createElement(SharingTooltip, null))
+    );
+  } else {
+    return null;
+  }
+}
+
+function Logo() {
+  var theme = useTheme();
+  return (
+    /*#__PURE__*/
+    React.createElement("picture", null,
+    /*#__PURE__*/
+    React.createElement("source", {
+      media: "(max-width: 780px)",
+      srcSet: theme.assets.logoMobile
+    }),
+    /*#__PURE__*/
+    React.createElement("source", {
+      media: "(min-width: 781px)",
+      srcSet: theme.assets.logoDesktop
+    }),
+    /*#__PURE__*/
+    React.createElement("img", {
+      src: theme.assets.logoDesktop,
+      alt: theme.options.logoAltText,
+      className: classNames(styles.menuIcon, styles.logo)
+    }))
+  );
+}
+
+function AppHeader(props) {
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      navExpanded = _useState2[0],
+      setNavExpanded = _useState2[1];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      mobileNavHidden = _useState4[0],
+      setMobileNavHidden = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      readingProgress = _useState6[0],
+      setReadingProgress = _useState6[1];
+
+  var _useState7 = useState('chapterLink1'),
+      _useState8 = _slicedToArray(_useState7, 2),
+      activeChapterLink = _useState8[0],
+      setActiveChapterLink = _useState8[1];
+
+  var entryStructure = useEntryStructure();
+  var ref = useRef();
+  useNativeScrollPrevention(ref);
+  var chapters = entryStructure.map(function (chapter) {
+    return {
+      permaId: chapter.permaId,
+      title: chapter.title,
+      summary: chapter.summary
+    };
+  });
+  useScrollPosition(function (_ref) {
+    var prevPos = _ref.prevPos,
+        currPos = _ref.currPos;
+    var expand = currPos.y > prevPos.y;
+    if (expand !== navExpanded) setNavExpanded(expand);
+  }, [navExpanded]);
+  useScrollPosition(function (_ref2) {
+    var prevPos = _ref2.prevPos,
+        currPos = _ref2.currPos;
+    var current = currPos.y * -1; // Todo: Memoize and update on window resize
+
+    var total = document.body.clientHeight - window.innerHeight;
+    var progress = Math.min(100, Math.abs(current / total) * 100);
+    setReadingProgress(progress);
+  }, [readingProgress], null, false, 1);
+
+  function handleProgressBarMouseEnter() {
+    setNavExpanded(true);
+  }
+
+  function handleBurgerMenuClick() {
+    setMobileNavHidden(!mobileNavHidden);
+  }
+
+  function handleMenuClick(chapterLinkId) {
+    setActiveChapterLink(chapterLinkId);
+    setMobileNavHidden(true);
+  }
+
+  function renderChapterLinks(chapters) {
+    return chapters.filter(function (chapterConfiguration) {
+      return chapterConfiguration.title && chapterConfiguration.summary;
+    }).map(function (chapter, index) {
+      var chapterIndex = index + 1;
+      var chapterLinkId = "chapterLink".concat(chapterIndex);
+      return (
+        /*#__PURE__*/
+        React.createElement("li", {
+          key: index,
+          className: styles.chapterListItem
+        },
+        /*#__PURE__*/
+        React.createElement(ChapterLink, Object.assign({}, chapter, {
+          chapterIndex: chapterIndex,
+          chapterLinkId: chapterLinkId,
+          active: activeChapterLink === chapterLinkId,
+          handleMenuClick: handleMenuClick
+        })))
+      );
+    });
+  }
+  return (
+    /*#__PURE__*/
+    React.createElement("header", {
+      className: classNames(styles.navigationBar, _defineProperty({}, styles.navigationBarExpanded, navExpanded))
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles.navigationBarContentWrapper
+    },
+    /*#__PURE__*/
+    React.createElement(HamburgerIcon, {
+      onClick: handleBurgerMenuClick,
+      mobileNavHidden: mobileNavHidden
+    }),
+    /*#__PURE__*/
+    React.createElement(Logo, null),
+    /*#__PURE__*/
+    React.createElement("nav", {
+      className: classNames(styles.navigationChapters, _defineProperty({}, styles.navigationChaptersHidden, mobileNavHidden)),
+      role: "navigation",
+      ref: ref
+    },
+    /*#__PURE__*/
+    React.createElement("ul", {
+      className: styles.chapterList
+    }, renderChapterLinks(chapters))),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(styles.contextIcons)
+    },
+    /*#__PURE__*/
+    React.createElement(SharingMenu, null),
+    /*#__PURE__*/
+    React.createElement(LegalInfoMenu, null))),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles.progressBar,
+      onMouseEnter: handleProgressBarMouseEnter
+    },
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: styles.progressIndicator,
+      style: {
+        width: readingProgress + '%'
+      }
+    })))
+  );
+}
+
+var SectionLifecycleContext = createContext();
+var SectionLifecycleProvider = createScrollPositionLifecycleProvider(SectionLifecycleContext);
+var useSectionLifecycle = createScrollPositionLifecycleHook(SectionLifecycleContext);
+
+var Atmo =
+/*#__PURE__*/
+function () {
+  function Atmo(_ref) {
+    var _this = this;
+
+    var atmoSourceId = _ref.atmoSourceId,
+        multiPlayer = _ref.multiPlayer,
+        backgroundMedia = _ref.backgroundMedia;
+
+    _classCallCheck(this, Atmo);
+
+    this.multiPlayer = multiPlayer;
+    this.atmoSourceId = atmoSourceId;
+    this.backgroundMedia = backgroundMedia;
+    this.backgroundMedia.on('change:muted', function () {
+      _this.update();
+    });
+    documentHiddenState(function (hiddenState) {
+      if (hiddenState === 'hidden') {
+        _this.multiPlayer.fadeOutIfPlaying();
+      } else {
+        _this.update();
+      }
+    });
+    this.listenTo(this.multiPlayer, 'playfailed', function () {
+      backgroundMedia.mute(true);
+    });
+  }
+
+  _createClass(Atmo, [{
+    key: "disable",
+    value: function disable() {
+      this.disabled = true;
+      this.multiPlayer.fadeOutAndPause();
+      events.trigger('atmo:disabled');
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      this.disabled = false;
+      this.update();
+      events.trigger('atmo:enabled');
+    }
+  }, {
+    key: "pause",
+    value: function pause() {
+      if (browser.has('volume control support')) {
+        return this.multiPlayer.fadeOutAndPause();
+      } else {
+        this.multiPlayer.pause();
+      }
+    }
+  }, {
+    key: "turnDown",
+    value: function turnDown() {
+      if (browser.has('volume control support')) {
+        return this.multiPlayer.changeVolumeFactor(0.2);
+      } else {
+        this.multiPlayer.pause();
+      }
+    }
+  }, {
+    key: "resume",
+    value: function resume() {
+      if (this.multiPlayer.paused()) {
+        if (this.disabled || this.backgroundMedia.muted) {
+          return Promise.resolve();
+        } else {
+          return this.multiPlayer.resumeAndFadeIn();
+        }
+      } else {
+        return this.multiPlayer.changeVolumeFactor(1);
+      }
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      if (!this.disabled) {
+        if (this.backgroundMedia.muted || this.atmoSourceId == undefined) {
+          this.multiPlayer.fadeOutAndPause();
+        } else {
+          this.multiPlayer.fadeTo(this.atmoSourceId);
+        }
+      }
+    }
+  }, {
+    key: "createMediaPlayerHooks",
+    value: function createMediaPlayerHooks(atmoDuringPlayback) {
+      var atmo = this;
+      return {
+        before: function before() {
+          if (atmoDuringPlayback === 'mute') {
+            atmo.pause();
+          } else if (atmoDuringPlayback === 'turnDown') {
+            atmo.turnDown();
+          }
+        },
+        after: function after() {
+          atmo.resume();
+        }
+      };
+    }
+  }]);
+
+  return Atmo;
+}();
+Object.assign(Atmo.prototype, BackboneEvents);
+
+function getContextValue(updateAtmo, createMediaPlayerHooks) {
+  var empty = function empty() {};
+
+  return {
+    updateAtmo: updateAtmo || empty,
+    createMediaPlayerHooks: createMediaPlayerHooks || empty
+  };
+}
+
+var AtmoContext = createContext(getContextValue());
+function AtmoProvider(_ref) {
+  var children = _ref.children;
+  var atmoConfig = useRef({});
+  useEffect(function () {
+    var currentAtmo = atmoConfig.current;
+    currentAtmo.pool = PlayerSourceIDMap(media, {
+      playerOptions: {
+        tagName: 'audio',
+        loop: true
+      }
+    });
+    currentAtmo.multiPlayer = new MultiPlayer(currentAtmo.pool, {
+      fadeDuration: 500,
+      crossFade: true,
+      playFromBeginning: false,
+      rewindOnChange: true
+    });
+    currentAtmo.atmo = new Atmo({
+      multiPlayer: currentAtmo.multiPlayer,
+      backgroundMedia: media
+    });
+  }, []);
+
+  var updateAtmo = function updateAtmo(_ref2) {
+    var audioFilePermaId = _ref2.audioFilePermaId,
+        sources = _ref2.sources;
+    var currentAtmo = atmoConfig.current;
+
+    if (currentAtmo.atmo) {
+      if (sources) {
+        currentAtmo.pool.mapSources(audioFilePermaId, sources);
+      }
+
+      currentAtmo.atmo.atmoSourceId = audioFilePermaId;
+      currentAtmo.atmo.update();
+    }
+  };
+
+  var createMediaPlayerHooks = function createMediaPlayerHooks(options) {
+    if (atmoConfig.current.atmo) {
+      return atmoConfig.current.atmo.createMediaPlayerHooks(options);
+    }
+  };
+
+  var contextValue = useMemo(function () {
+    return getContextValue(updateAtmo, createMediaPlayerHooks);
+  }, []);
+  return (
+    /*#__PURE__*/
+    React.createElement(AtmoContext.Provider, {
+      value: contextValue
+    }, children)
+  );
+}
+function useAtmo() {
+  return useContext(AtmoContext);
+}
+
+function PlayerContainer(_ref) {
+  var filePermaId = _ref.filePermaId,
+      className = _ref.className,
+      sources = _ref.sources,
+      textTrackSources = _ref.textTrackSources,
+      poster = _ref.poster,
+      type = _ref.type,
+      playsInline = _ref.playsInline,
+      loop = _ref.loop,
+      controls = _ref.controls,
+      mediaEventsContextData = _ref.mediaEventsContextData,
+      atmoDuringPlayback = _ref.atmoDuringPlayback,
+      onSetup = _ref.onSetup,
+      onDispose = _ref.onDispose;
+  var playerWrapperRef = useRef(null);
+  var atmo = useAtmo();
+  useEffect(function () {
+    var playerWrapper = playerWrapperRef.current;
+
+    if (sources) {
+      var player = media.getPlayer(sources, {
+        textTrackSources: textTrackSources,
+        filePermaId: filePermaId,
+        poster: poster,
+        tagName: type,
+        playsInline: playsInline,
+        loop: loop,
+        controls: controls,
+        hooks: atmoDuringPlayback ? atmo.createMediaPlayerHooks(atmoDuringPlayback) : {},
+        //create hooks only for inline media players
+        mediaEventsContextData: mediaEventsContextData
+      });
+      var playerElement = player.el();
+      playerWrapper.appendChild(playerElement);
+
+      if (onSetup) {
+        onSetup(player);
+      }
+
+      return function () {
+        media.releasePlayer(player);
+        playerWrapper.innerHTML = '';
+
+        if (onDispose) {
+          onDispose();
+        }
+      };
+    }
+  });
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: className,
+      ref: playerWrapperRef
+    })
+  );
+}
+
+PlayerContainer.defaultProps = {
+  textTrackSources: []
+}; // This function assumes that that the parameters are arrays of
+// objects containing only skalar values. It is not a full deep
+// equality check, but  suffices for the use case.
+
+function deepEqual(a, b) {
+  if (a.length !== b.length) {
+    return false;
+  }
+
+  for (var i = 0; i < a.length; i++) {
+    var aItem = a[i];
+    var bItem = b[i];
+
+    if (Object.keys(aItem).length !== Object.keys(bItem).length) {
+      return false;
+    }
+
+    for (var key in aItem) {
+      if (aItem[key] !== bItem[key]) {
+        return false;
+      }
+    }
+  }
+
+  return true;
+}
+
+function areEqual(prevProps, nextProps) {
+  return prevProps.type === nextProps.type && prevProps.playsInline === nextProps.playsInline && prevProps.poster === nextProps.poster && prevProps.loop === nextProps.loop && prevProps.controls === nextProps.controls && prevProps.atmoDuringPlayback === nextProps.atmoDuringPlayback && deepEqual(prevProps.sources, nextProps.sources) && deepEqual(prevProps.textTrackSources, nextProps.textTrackSources);
+}
+
+var PlayerContainer$1 = React.memo(PlayerContainer, areEqual);
+
+var ScrollToSectionContext = React.createContext(function () {});
+
+function watchPlayer (player, actions) {
+  player.on('loadedmetadata', function () {
+    return actions.metaDataLoaded(player.currentTime(), player.duration());
+  });
+  player.on('progress', function () {
+    return actions.progress(player.bufferedEnd());
+  });
+  player.on('play', actions.playing);
+  player.on('playfailed', actions.playFailed);
+  player.on('pause', actions.paused);
+  player.on('waiting', actions.waiting);
+  player.on('seeking', actions.seeking);
+  player.on('seeked', actions.seeked);
+  player.on('bufferunderrun', actions.bufferUnderrun);
+  player.on('bufferunderruncontinue', actions.bufferUnderrunContinue);
+  player.on('timeupdate', function () {
+    return actions.timeUpdate(player.currentTime(), player.duration());
+  });
+  player.on('ended', actions.ended);
+  player.one('loadedmetadata', function () {
+    return actions.saveMediaElementId(player.getMediaElement().id);
+  });
+}
+function unwatchPlayer(player, actions) {
+  player.off('loadedmetadata');
+  player.off('progress');
+  player.off('play', actions.playing);
+  player.off('playfailed', actions.playFailed);
+  player.off('pause', actions.paused);
+  player.off('waiting', actions.waiting);
+  player.off('seeking', actions.seeking);
+  player.off('seeked', actions.seeked);
+  player.off('bufferunderrun', actions.bufferUnderrun);
+  player.off('bufferunderruncontinue', actions.bufferUnderrunContinue);
+  player.off('timeupdate');
+  player.off('canplay');
+  player.off('ended', actions.ended);
+  actions.discardMediaElementId();
+}
+
+function applyPlayerState(player, playerState, playerActions) {
+  player.one('loadedmetadata', function () {
+    return player.currentTime(playerState.currentTime);
+  });
+  player.changeVolumeFactor(playerState.volumeFactor, 0);
+
+  if (playerState.shouldPrebuffer) {
+    player.prebuffer().then(playerActions.prebuffered);
+  }
+
+  if (playerState.isPlaying) {
+    player.play();
+  }
+
+  player.on('canplay', function () {
+    if (playerState.shouldPlay && player.paused()) {
+      player.play();
+    }
+  });
+}
+
+function updatePlayerState(player, prevPlayerState, playerState, playerActions) {
+  if (!prevPlayerState.shouldPrebuffer && playerState.shouldPrebuffer) {
+    player.prebuffer().then(function () {
+      return setTimeout(playerActions.prebuffered, 0);
+    });
+  }
+
+  if (!prevPlayerState.shouldPlay && playerState.shouldPlay) {
+    if (playerState.fadeDuration) {
+      player.playAndFadeIn(playerState.fadeDuration);
+    } else {
+      player.playOrPlayOnLoad();
+    }
+  } else if (prevPlayerState.shouldPlay && !playerState.shouldPlay && playerState.isPlaying) {
+    if (playerState.fadeDuration) {
+      player.fadeOutAndPause(playerState.fadeDuration);
+    } else {
+      player.pause();
+    }
+  }
+
+  if (playerState.shouldSeekTo !== undefined && prevPlayerState.shouldSeekTo !== playerState.shouldSeekTo) {
+    player.currentTime(playerState.shouldSeekTo);
+  }
+
+  if (prevPlayerState.volumeFactor !== playerState.volumeFactor) {
+    player.changeVolumeFactor(playerState.volumeFactor, playerState.volumeFactorFadeDuration);
+  }
+}
+
+function getEventObject(sectionIndex, entryStructure) {
+  var getSectionChapterTitle = function getSectionChapterTitle(sectionIndex) {
+    var _entryStructure$filte;
+
+    var delimiter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    return ((_entryStructure$filte = entryStructure.filter(function (chapter) {
+      return chapter.sections.some(function (section) {
+        return section.sectionIndex === sectionIndex;
+      });
+    })[0]) === null || _entryStructure$filte === void 0 ? void 0 : _entryStructure$filte.title) + delimiter;
+  };
+
+  var page = {
+    configuration: {
+      title: entryStructure ? getSectionChapterTitle(sectionIndex, ', ') + 'Section ' + sectionIndex : null
+    },
+    index: sectionIndex === null ? -1 : sectionIndex
+  };
+  return page;
+}
+var EventContext = createContext(getEventObject());
+function EventContextDataProvider(props) {
+  var entryStructure = useEntryStructure();
+  var contextValue = useMemo(function () {
+    return {
+      page: getEventObject(props.sectionIndex, entryStructure)
+    };
+  }, [props.sectionIndex, entryStructure]);
+  return (
+    /*#__PURE__*/
+    React.createElement(EventContext.Provider, {
+      value: contextValue
+    }, props.children)
+  );
+}
+function useEventContextData() {
+  return useContext(EventContext);
+}
+
+function updateTextTracksMode(player, activeTextTrackFileId) {
+  [].slice.call(player.textTracks()).forEach(function (textTrack) {
+    if (textTrack.id === "text_track_file_".concat(activeTextTrackFileId)) {
+      textTrack.mode = 'showing';
+    } else {
+      textTrack.mode = 'disabled';
+    }
+  });
+}
+function getTextTrackSources(textTrackFiles, textTracksDisabled) {
+  if (textTracksDisabled) {
+    return [];
+  }
+
+  return textTrackFiles.filter(function (textTrackFile) {
+    return textTrackFile.isReady;
+  }).map(function (textTrackFile) {
+    return {
+      id: "text_track_file_".concat(textTrackFile.id),
+      kind: textTrackFile.configuration.kind,
+      label: textTrackFile.displayLabel,
+      srclang: textTrackFile.configuration.srclang,
+      src: textTrackFile.urls.vtt
+    };
+  });
+}
+
+var textTrackStyles = {"inset":"textTracks-module_inset__K7DIL"};
+
+var styles$8 = {"-webkit-mask":"MediaPlayer-module_mask__3JQDW","mask":"MediaPlayer-module_mask__3JQDW"};
+
+var PLAY = 'MEDIA_PLAY';
+var PLAYING = 'MEDIA_PLAYING';
+var PLAY_FAILED = 'MEDIA_PLAY_FAILED';
+var PAUSE = 'MEDIA_PAUSE';
+var PAUSED = 'MEDIA_PAUSED';
+var PLAY_AND_FADE_IN = 'MEDIA_PLAY_AND_FADE_IN';
+var FADE_OUT_AND_PAUSE = 'MEDIA_FADE_OUT_AND_PAUSE';
+var CHANGE_VOLUME_FACTOR = 'CHANGE_VOLUME_FACTOR';
+var META_DATA_LOADED = 'MEDIA_META_DATA_LOADED';
+var PROGRESS = 'MEDIA_PROGRESS';
+var TIME_UPDATE = 'MEDIA_TIME_UPDATE';
+var ENDED = 'MEDIA_ENDED';
+var SCRUB_TO = 'MEDIA_SCRUB_TO';
+var SEEK_TO = 'MEDIA_SEEK_TO';
+var SEEKING = 'MEDIA_SEEKING';
+var SEEKED = 'MEDIA_SEEKED';
+var WAITING = 'MEDIA_WAITING';
+var PREBUFFER = 'MEDIA_PREBUFFER';
+var PREBUFFERED = 'MEDIA_PREBUFFERED';
+var BUFFER_UNDERRUN = 'MEDIA_BUFFER_UNDERRUN';
+var BUFFER_UNDERRUN_CONTINUE = 'MEDIA_BUFFER_UNDERRUN_CONTINUE';
+var CONTROLS_ENTERED = 'MEDIA_CONTROLS_ENTERED';
+var CONTROLS_LEFT = 'MEDIA_CONTROLS_LEFT';
+var FOCUS_ENTERED_CONTROLS = 'MEDIA_FOCUS_ENTERED_CONTROLS';
+var FOCUS_LEFT_CONTROLS = 'MEDIA_FOCUS_LEFT_CONTROLS';
+var USER_INTERACTION = 'MEDIA_USER_INTERACTION';
+var USER_IDLE = 'MEDIA_USER_IDLE';
+var SAVE_MEDIA_ELEMENT_ID = 'MEDIA_SAVE_MEDIA_ELEMENT_ID';
+var DISCARD_MEDIA_ELEMENT_ID = 'MEDIA_DISCARD_MEDIA_ELEMENT_ID';
+var isBlessed = false;
+function createActions(dispatch) {
+  return {
+    playBlessed: function playBlessed() {
+      if (!isBlessed) {
+        media.mute(false);
+        isBlessed = true;
+      }
+
+      dispatch({
+        type: PLAY
+      });
+    },
+    play: function play() {
+      dispatch({
+        type: PLAY
+      });
+    },
+    playing: function playing() {
+      dispatch({
+        type: PLAYING
+      });
+    },
+    playFailed: function playFailed() {
+      dispatch({
+        type: PLAY_FAILED
+      });
+    },
+    pause: function pause() {
+      dispatch({
+        type: PAUSE
+      });
+    },
+    paused: function paused() {
+      dispatch({
+        type: PAUSED
+      });
+    },
+    playAndFadeIn: function playAndFadeIn(fadeDuration) {
+      dispatch({
+        type: PLAY_AND_FADE_IN,
+        payload: {
+          fadeDuration: fadeDuration
+        }
+      });
+    },
+    fadeOutAndPause: function fadeOutAndPause(fadeDuration) {
+      dispatch({
+        type: FADE_OUT_AND_PAUSE,
+        payload: {
+          fadeDuration: fadeDuration
+        }
+      });
+    },
+    changeVolumeFactor: function changeVolumeFactor(volumeFactor, fadeDuration) {
+      dispatch({
+        type: CHANGE_VOLUME_FACTOR,
+        payload: {
+          fadeDuration: fadeDuration,
+          volumeFactor: volumeFactor
+        }
+      });
+    },
+    metaDataLoaded: function metaDataLoaded(currentTime, duration) {
+      dispatch({
+        type: META_DATA_LOADED,
+        payload: {
+          currentTime: currentTime,
+          duration: duration
+        }
+      });
+    },
+    progress: function progress(bufferedEnd) {
+      dispatch({
+        type: PROGRESS,
+        payload: {
+          bufferedEnd: bufferedEnd
+        }
+      });
+    },
+    timeUpdate: function timeUpdate(currentTime, duration) {
+      dispatch({
+        type: TIME_UPDATE,
+        payload: {
+          currentTime: currentTime,
+          duration: duration
+        }
+      });
+    },
+    ended: function ended() {
+      dispatch({
+        type: ENDED
+      });
+    },
+    scrubTo: function scrubTo(time) {
+      dispatch({
+        type: SCRUB_TO,
+        payload: {
+          time: time
+        }
+      });
+    },
+    seekTo: function seekTo(time) {
+      dispatch({
+        type: SEEK_TO,
+        payload: {
+          time: time
+        }
+      });
+    },
+    seeking: function seeking() {
+      dispatch({
+        type: SEEKING
+      });
+    },
+    seeked: function seeked() {
+      dispatch({
+        type: SEEKED
+      });
+    },
+    waiting: function waiting() {
+      dispatch({
+        type: WAITING
+      });
+    },
+    prebuffer: function prebuffer() {
+      dispatch({
+        type: PREBUFFER
+      });
+    },
+    prebuffered: function prebuffered() {
+      dispatch({
+        type: PREBUFFERED
+      });
+    },
+    bufferUnderrun: function bufferUnderrun() {
+      dispatch({
+        type: BUFFER_UNDERRUN
+      });
+    },
+    bufferUnderrunContinue: function bufferUnderrunContinue() {
+      dispatch({
+        type: BUFFER_UNDERRUN_CONTINUE
+      });
+    },
+    controlsEntered: function controlsEntered() {
+      dispatch({
+        type: CONTROLS_ENTERED
+      });
+    },
+    controlsLeft: function controlsLeft() {
+      dispatch({
+        type: CONTROLS_LEFT
+      });
+    },
+    userInteraction: function userInteraction() {
+      dispatch({
+        type: USER_INTERACTION
+      });
+    },
+    userIdle: function userIdle() {
+      dispatch({
+        type: USER_IDLE
+      });
+    },
+    focusEnteredControls: function focusEnteredControls() {
+      dispatch({
+        type: FOCUS_ENTERED_CONTROLS
+      });
+    },
+    focusLeftControls: function focusLeftControls() {
+      dispatch({
+        type: FOCUS_LEFT_CONTROLS
+      });
+    },
+    saveMediaElementId: function saveMediaElementId(id) {
+      dispatch({
+        type: SAVE_MEDIA_ELEMENT_ID,
+        payload: {
+          id: id
+        }
+      });
+    },
+    discardMediaElementId: function discardMediaElementId() {
+      dispatch({
+        type: DISCARD_MEDIA_ELEMENT_ID
+      });
+    }
+  };
+}
+
+function getInitialPlayerState() {
+  return {
+    isPlaying: false,
+    shouldPlay: false,
+    shouldPause: false,
+    hasPlayed: false,
+    unplayed: true,
+    isLoading: true,
+    playFailed: false,
+    duration: 0,
+    bufferedEnd: 0,
+    shouldPrebuffer: true,
+    fadeDuration: undefined,
+    bufferUnderrun: undefined,
+    scrubbingAt: undefined,
+    currentTime: 0,
+    mediaElementId: undefined,
+    shouldSeekTo: undefined,
+    userHoveringControls: false,
+    focusInsideControls: false,
+    userIdle: false,
+    volumeFactor: 1
+  };
+}
+function playerStateReducer(state, action) {
+  switch (action.type) {
+    case PLAY:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        isLoading: true,
+        shouldPlay: true,
+        playFailed: false
+      });
+
+    case PLAYING:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPlay: true,
+        isPlaying: true,
+        userIdle: false,
+        unplayed: false
+      });
+
+    case PLAY_AND_FADE_IN:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPlay: true,
+        fadeDuration: action.payload.fadeDuration,
+        isLoading: true
+      });
+
+    case FADE_OUT_AND_PAUSE:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPlay: false,
+        fadeDuration: action.payload.fadeDuration,
+        isLoading: false
+      });
+
+    case PLAY_FAILED:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPlay: false,
+        playFailed: true,
+        fadeDuration: null,
+        unplayed: true,
+        isLoading: false
+      });
+
+    case PAUSE:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPlay: false,
+        isLoading: false,
+        fadeDuration: null,
+        shouldPause: true
+      });
+
+    case PAUSED:
+      state.shouldPause = false;
+
+      if (state.bufferUnderrun) {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          isPlaying: false,
+          hasPlayed: true
+        });
+      } else {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          shouldPlay: false,
+          fadeDuration: null,
+          isPlaying: false,
+          isLoading: false
+        });
+      }
+
+    case SCRUB_TO:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        scrubbingAt: action.payload.time
+      });
+
+    case SEEK_TO:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldSeekTo: action.payload.time
+      });
+
+    case SEEKING:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        isLoading: true
+      });
+
+    case SEEKED:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        scrubbingAt: undefined,
+        isLoading: false
+      });
+
+    case META_DATA_LOADED:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        currentTime: action.payload.currentTime,
+        duration: action.payload.duration
+      });
+
+    case PROGRESS:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        bufferedEnd: action.payload.bufferedEnd
+      });
+
+    case TIME_UPDATE:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        currentTime: action.payload.currentTime,
+        duration: action.payload.duration,
+        isLoading: false
+      });
+
+    case ENDED:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPlay: false,
+        isPlaying: false
+      });
+
+    case WAITING:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        isLoading: true
+      });
+
+    case PREBUFFER:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPrebuffer: true
+      });
+
+    case PREBUFFERED:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        shouldPrebuffer: false
+      });
+
+    case BUFFER_UNDERRUN:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        bufferUnderrun: true
+      });
+
+    case BUFFER_UNDERRUN_CONTINUE:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        bufferUnderrun: false
+      });
+
+    case CONTROLS_ENTERED:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        userHoveringControls: true
+      });
+
+    case CONTROLS_LEFT:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        userHoveringControls: false
+      });
+
+    case FOCUS_ENTERED_CONTROLS:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        focusInsideControls: true,
+        userIdle: false
+      });
+
+    case FOCUS_LEFT_CONTROLS:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        focusInsideControls: false,
+        userIdle: false
+      });
+
+    case USER_INTERACTION:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        userIdle: false
+      });
+
+    case USER_IDLE:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        userIdle: true
+      });
+
+    case SAVE_MEDIA_ELEMENT_ID:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        mediaElementId: action.payload.id
+      });
+
+    case DISCARD_MEDIA_ELEMENT_ID:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        mediaElementId: null
+      });
+
+    case CHANGE_VOLUME_FACTOR:
+      return _objectSpread2(_objectSpread2({}, state), {}, {
+        volumeFactor: action.payload.volumeFactor,
+        volumeFactorFadeDuration: action.payload.fadeDuration
+      });
+
+    default:
+      return state;
+  }
+}
+function usePlayerState() {
+  var _useReducer = useReducer(playerStateReducer, getInitialPlayerState()),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var actions = useMemo(function () {
+    return createActions(dispatch);
+  }, [dispatch]);
+  return [state, actions];
+}
+
+function MediaPlayer(props) {
+  if (!props.isPrepared) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    React.createElement(PreparedMediaPlayer, props)
+  );
+}
+MediaPlayer.defaultProps = {
+  isPrepared: true
+};
+
+function PreparedMediaPlayer(props) {
+  var playerRef = useRef();
+  var previousPlayerState = useRef(props.playerState);
+  var scrollToSection = useContext(ScrollToSectionContext);
+  var eventContextData = useEventContextData();
+
+  var onSetup = function onSetup(newPlayer) {
+    playerRef.current = newPlayer;
+    newPlayer.on('ended', function () {
+      return props.nextSectionOnEnd && scrollToSection('next');
+    });
+    watchPlayer(newPlayer, props.playerActions);
+    applyPlayerState(newPlayer, props.playerState, props.playerActions);
+  };
+
+  var onDispose = function onDispose() {
+    unwatchPlayer(playerRef.current, props.playerActions);
+    playerRef.current = undefined;
+  };
+
+  useEffect(function () {
+    var player = playerRef.current;
+
+    if (player) {
+      updatePlayerState(player, previousPlayerState.current, props.playerState, props.playerActions);
+    }
+
+    previousPlayerState.current = props.playerState;
+  }, [props.playerState, props.playerActions]);
+  useEffect(function () {
+    var player = playerRef.current;
+
+    if (player) {
+      updateTextTracksMode(player, props.textTracks.activeFileId);
+    }
+  }, [props.textTracks.activeFileId]);
+  return (
+    /*#__PURE__*/
+    React.createElement(React.Fragment, null,
+    /*#__PURE__*/
+    React.createElement(PlayerContainer$1, {
+      className: classNames(props.className, _defineProperty({}, textTrackStyles.inset, props.textTracksInset)),
+      type: props.type,
+      sources: appendSuffix(props.sources, props.sourceUrlSuffix),
+      textTrackSources: getTextTrackSources(props.textTracks.files, props.textTracksDisabled),
+      filePermaId: props.filePermaId,
+      poster: props.posterImageUrl,
+      loop: props.loop,
+      controls: props.controls,
+      playsInline: props.playsInline,
+      mediaEventsContextData: eventContextData,
+      atmoDuringPlayback: props.atmoDuringPlayback,
+      onSetup: onSetup,
+      onDispose: onDispose
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$8.mask,
+      onClick: props.onClick
+    }))
+  );
+}
+PreparedMediaPlayer.defaultProps = {
+  textTracks: {
+    files: []
+  }
+};
+
+function appendSuffix(sources, suffix) {
+  if (!suffix) {
+    return sources;
+  }
+
+  return sources.map(function (source) {
+    return _objectSpread2(_objectSpread2({}, source), {}, {
+      src: "".concat(source.src).concat(suffix)
+    });
+  });
+}
+
+function useSetting(name) {
+  var _useState = useState(settings.get(name)),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  useEffect(function () {
+    function update() {
+      setValue(settings.get(name));
+    }
+
+    settings.on("change:".concat(name), update);
+    return function () {
+      return settings.off(undefined, update);
+    };
+  }, [setValue, name]);
+  var setter = useCallback(function (value) {
+    return settings.set(name, value);
+  }, [name]);
+  return [value, setter];
+}
+
+function useTextTracks(_ref) {
+  var file = _ref.file,
+      defaultTextTrackFilePermaId = _ref.defaultTextTrackFilePermaId,
+      captionsByDefault = _ref.captionsByDefault;
+
+  var _useSetting = useSetting('textTrack'),
+      _useSetting2 = _slicedToArray(_useSetting, 2),
+      setting = _useSetting2[0],
+      setSetting = _useSetting2[1];
+
+  setting = setting || {};
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useEntryMetadata = useEntryMetadata(),
+      locale = _useEntryMetadata.locale;
+
+  var textTrackFiles = useTextTrackFiles({
+    file: file
+  });
+  var autoTextTrackFile = getAutoTextTrackFile(textTrackFiles, defaultTextTrackFilePermaId, locale, captionsByDefault);
+  return {
+    mode: setting.kind === 'off' ? 'off' : setting.kind ? 'user' : 'auto',
+    autoDisplayLabel: autoTextTrackFile ? t('pageflow_scrolled.public.text_track_modes.auto', {
+      label: autoTextTrackFile.displayLabel
+    }) : t('pageflow_scrolled.public.text_track_modes.auto_off'),
+    files: textTrackFiles,
+    activeFileId: getActiveTextTrackFileId(textTrackFiles, autoTextTrackFile, setting),
+    select: function select(textTrackFileIdOrKind) {
+      if (textTrackFileIdOrKind === 'off') {
+        setSetting({
+          kind: 'off'
+        });
+      } else if (textTrackFileIdOrKind === 'auto') {
+        setSetting({});
+      } else {
+        var textTrackFile = textTrackFiles.find(function (file) {
+          return file.id === textTrackFileIdOrKind;
+        });
+        setSetting({
+          kind: textTrackFile.configuration.kind,
+          srclang: textTrackFile.configuration.srclang
+        });
+      }
+    }
+  };
+}
+
+function useTextTrackFiles(_ref2) {
+  var file = _ref2.file;
+
+  var _useI18n2 = useI18n(),
+      t = _useI18n2.t;
+
+  return useNestedFiles({
+    collectionName: 'textTrackFiles',
+    parent: file
+  }).map(function (file) {
+    return addDisplayLabel(file, t);
+  }).sort(function (file1, file2) {
+    return file1.displayLabel.localeCompare(file2.displayLabel);
+  });
+}
+
+function getActiveTextTrackFileId(textTrackFiles, autoTextTrackFile, setting) {
+  if (setting.kind === 'off') {
+    return null;
+  }
+
+  var file = textTrackFiles.find(function (textTrackFile) {
+    return textTrackFile.configuration.srclang === setting.srclang && textTrackFile.configuration.kind === setting.kind;
+  });
+
+  if (file) {
+    return file.id;
+  }
+
+  return autoTextTrackFile && autoTextTrackFile.id;
+}
+
+function getAutoTextTrackFile(textTrackFiles, defaultTextTrackFilePermaId, locale, captionsByDefault) {
+  if (defaultTextTrackFilePermaId) {
+    var defaultTextTrackFile = textTrackFiles.find(function (textTrackFile) {
+      return textTrackFile.permaId === defaultTextTrackFilePermaId;
+    });
+
+    if (defaultTextTrackFile) {
+      return defaultTextTrackFile;
+    }
+  }
+
+  var subtitlesInEntryLanguage = textTrackFiles.find(function (textTrackFile) {
+    return textTrackFile.configuration.kind === 'subtitles' && textTrackFile.configuration.srclang === locale;
+  });
+  var defaultCaptions = captionsByDefault ? textTrackFiles.find(function (textTrackFile) {
+    return textTrackFile.configuration.kind === 'captions';
+  }) : null;
+  return subtitlesInEntryLanguage || defaultCaptions;
+}
+
+function addDisplayLabel(textTrackFile, t) {
+  return _objectSpread2(_objectSpread2({}, textTrackFile), {}, {
+    displayLabel: textTrackFile.configuration.label || t('pageflow_scrolled.public.languages.' + textTrackFile.configuration.srclang || 'unknown', {
+      defaultValue: t('pageflow_scrolled.public.languages.unknown')
+    })
+  });
+}
+
+var MediaMutedContext = createContext(false);
+function MediaMutedProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(media.muted),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  useEffect(function () {
+    media.on('change:muted', setValue);
+    return function () {
+      return media.off('change:muted', setValue);
+    };
+  }, []);
+  return (
+    /*#__PURE__*/
+    React.createElement(MediaMutedContext.Provider, {
+      value: value
+    }, children)
+  );
+}
+function useMediaMuted() {
+  return useContext(MediaMutedContext);
+}
+
+var styles$9 = {"opaque":"ViewportDependentPillarBoxes-module_opaque__2U9JL","container":"ViewportDependentPillarBoxes-module_container__Pj-Fy","content":"ViewportDependentPillarBoxes-module_content__1IY7b"};
+
+var styles$a = {"root":"Fullscreen-module_root__1N3CI"};
+
+var HeightContext = React.createContext();
+function FullscreenHeightProvider(_ref) {
+  var height = _ref.height,
+      children = _ref.children;
+  return (
+    /*#__PURE__*/
+    React.createElement(HeightContext.Provider, {
+      value: height
+    }, children)
+  );
+}
+var Fullscreen = React.forwardRef(function Fullscreen(props, ref) {
+  var height = useContext(HeightContext);
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      ref: ref,
+      className: styles$a.root,
+      style: {
+        height: height
+      }
+    }, props.children)
+  );
+});
+
+/**
+ * Render a spanning div with the given aspect ratio which does not
+ * exceed the heigth of the viewport. Render pillar boxes instead to
+ * make it fit otherwise.
+ *
+ * @param {Object} props
+ * @param {string} props.position -
+ * Position setting of parent content element to automatically
+ *   determine whether to use opaque background.
+ * @param {boolean} [props.opaque] - Force using opaque background.
+ * @param {number} [props.aspectRatio] - Aspect ratio of div.
+ * @param {Object} [props.file] - Use width/height of file to calculate aspect ratio.
+ */
+
+function ViewportDependentPillarBoxes(_ref) {
+  var file = _ref.file,
+      aspectRatio = _ref.aspectRatio,
+      position = _ref.position,
+      opaque = _ref.opaque,
+      children = _ref.children;
+  var height = useContext(HeightContext);
+  if (!file && !aspectRatio) return children;
+  aspectRatio = aspectRatio || file.height / file.width;
+  var arPaddingTop = aspectRatio * 100;
+  var maxWidthCSS;
+
+  if (height) {
+    // thumbnail view/fixed size: calculate absolute width in px
+    maxWidthCSS = height / aspectRatio + 'px';
+  } else {
+    // published view: set max width to specific aspect ratio depending on viewport height
+    maxWidthCSS = 100 / aspectRatio + 'vh';
+  }
+
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(_defineProperty({}, styles$9.opaque, position === 'full' || opaque))
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$9.container,
+      style: {
+        maxWidth: maxWidthCSS
+      }
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        paddingTop: arPaddingTop + '%'
+      }
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$9.content
+    }, children)))
+  );
+}
+
+function ensureProtocol(protocol, url) {
+  if (url && url.match(/^\/\//)) {
+    return "".concat(protocol, ":").concat(url);
+  }
+
+  return url;
+}
+
+function formatTimeDuration(durationInMs) {
+  var seconds = Math.round(durationInMs / 1000) % 60;
+  var minutes = Math.floor(durationInMs / 1000 / 60) % 60;
+  var hours = Math.floor(durationInMs / 1000 / 60 / 60);
+  var result = 'PT';
+
+  if (hours > 0) {
+    result += "".concat(hours, "H");
+  }
+
+  if (minutes > 0) {
+    result += "".concat(minutes, "M");
+  }
+
+  if (seconds > 0 || minutes === 0 && hours === 0) {
+    result += "".concat(seconds, "S");
+  }
+
+  return result;
+}
+
+function StructuredData(_ref) {
+  var data = _ref.data;
+  return (
+    /*#__PURE__*/
+    React.createElement("script", {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: {
+        __html: JSON.stringify(data)
+      }
+    })
+  );
+}
+
+function AudioStructuredData(_ref) {
+  var file = _ref.file;
+  var entryMedadata = useEntryMetadata();
+  var data = {
+    '@context': 'http://schema.org',
+    '@type': 'AudioObject',
+    name: file.basename,
+    description: file.configuration.alt,
+    url: ensureProtocol('https', file.urls.mp3),
+    duration: formatTimeDuration(file.durationInMs),
+    datePublished: entryMedadata.publishedAt,
+    uploadDate: file.createdAt,
+    copyrightHolder: {
+      '@type': 'Organization',
+      name: file.rights
+    }
+  };
+  return (
+    /*#__PURE__*/
+    React.createElement(StructuredData, {
+      data: data
+    })
+  );
+}
+
+var styles$b = {"audioPlayer":"AudioPlayer-module_audioPlayer__1Ms73","spaceForTextTracks":"AudioPlayer-module_spaceForTextTracks__169MK","spaceForTextTracksActive":"AudioPlayer-module_spaceForTextTracksActive__99m7R"};
+
+/**
+ * Render audio file in MediaPlayer.
+ *
+ * @param {Object} props
+ * @param {number} props.id - Perma id of the audio file.
+ * @param {number} [props.posterId] - Perma id of the poster image file.
+ * @param {number} [props.defaultTextTrackFileId] - Perma id of default text track file.
+ * @param {String} [props.position] - Position of parent content element.
+ * @param {boolean} [props.isPrepared] - Control lazy loading.
+ */
+
+function AudioPlayer(props) {
+  var audioFile = useFile({
+    collectionName: 'audioFiles',
+    permaId: props.id
+  });
+  var posterImage = useFile({
+    collectionName: 'imageFiles',
+    permaId: props.posterId
+  });
+  var textTracks = useTextTracks({
+    file: audioFile,
+    defaultTextTrackFilePermaId: props.defaultTextTrackFilePermaId,
+    captionsByDefault: useMediaMuted()
+  });
+
+  if (audioFile && audioFile.isReady) {
+    return (
+      /*#__PURE__*/
+      React.createElement(ViewportDependentPillarBoxes, {
+        file: posterImage,
+        position: props.position
+      },
+      /*#__PURE__*/
+      React.createElement("div", {
+        className: classNames(styles$b.spaceForTextTracks, _defineProperty({}, styles$b.spaceForTextTracksActive, !posterImage && textTracks.files.length))
+      },
+      /*#__PURE__*/
+      React.createElement(MediaPlayer, Object.assign({
+        className: styles$b.audioPlayer,
+        type: 'audio',
+        textTracks: textTracks,
+        filePermaId: props.id,
+        sources: processSources(audioFile),
+        textTracksInset: props.position === 'full',
+        posterImageUrl: posterImage && posterImage.isReady ? posterImage.urls.large : undefined
+      }, props)),
+      /*#__PURE__*/
+      React.createElement(AudioStructuredData, {
+        file: audioFile
+      })))
+    );
+  }
+
+  return null;
+}
+AudioPlayer.defaultProps = {
+  controls: true
+};
+function processSources(audioFile) {
+  var sources = [];
+
+  if (audioFile.urls['ogg']) {
+    sources.push({
+      type: 'audio/ogg',
+      src: "".concat(audioFile.urls['ogg'], "?u=1")
+    });
+  }
+
+  if (audioFile.urls['mp3']) {
+    sources.push({
+      type: 'audio/mp3',
+      src: "".concat(audioFile.urls['mp3'], "?u=1")
+    });
+  }
+
+  if (audioFile.urls['m4a']) {
+    sources.push({
+      type: 'audio/m4a',
+      src: "".concat(audioFile.urls['m4a'], "?u=1")
+    });
+  }
+
+  return sources;
+}
+
+function usePrevious(value) {
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}
+
+function SectionAtmo(props) {
+  var audioFile = useFile({
+    collectionName: 'audioFiles',
+    permaId: props.audioFilePermaId
+  });
+  var lastAudioFile = usePrevious(audioFile);
+  var atmo = useAtmo();
+  var processAtmo = useCallback(function () {
+    var sources = undefined;
+
+    if (audioFile && audioFile.isReady) {
+      sources = processSources(audioFile);
+    }
+
+    if (atmo) {
+      atmo.updateAtmo({
+        sources: sources,
+        audioFilePermaId: props.audioFilePermaId
+      });
+    }
+  }, [atmo, audioFile, props.audioFilePermaId]);
+  useSectionLifecycle({
+    onActivate: function onActivate() {
+      processAtmo();
+    }
+  });
+  useEffect(function () {
+    if (lastAudioFile !== undefined && (lastAudioFile && lastAudioFile.permaId) !== (audioFile && audioFile.permaId)) {
+      processAtmo();
+    }
+  }, [processAtmo, lastAudioFile, audioFile]);
+  return null;
+}
+
+var styles$c = {"root":"Image-module_root__1ef3j"};
+
+function ImageStructuredData(_ref) {
+  var file = _ref.file;
+  var entryMedadata = useEntryMetadata();
+  var data = {
+    '@context': 'http://schema.org',
+    '@type': 'ImageObject',
+    name: file.basename,
+    description: file.configuration.alt,
+    url: ensureProtocol('https', file.urls.large),
+    width: file.width,
+    height: file.height,
+    datePublished: entryMedadata.publishedAt,
+    uploadDate: file.createdAt,
+    copyrightHolder: {
+      '@type': 'Organization',
+      name: file.rights
+    }
+  };
+  return (
+    /*#__PURE__*/
+    React.createElement(StructuredData, {
+      data: data
+    })
+  );
+}
+
+/**
+ * Render an image file.
+ *
+ * @param {Object} props
+ * @param {number} props.id - Perma id of the image file.
+ * @param {number} [props.variant] - Paperclip style to use. Defaults to large.
+ * @param {boolean} [props.structuredData] - Whether to render a JSON+LD script tag.
+ */
+
+function Image(props) {
+  var image = useFile({
+    collectionName: 'imageFiles',
+    permaId: props.id
+  });
+
+  if (image && image.isReady && props.isPrepared) {
+    return (
+      /*#__PURE__*/
+      React.createElement(React.Fragment, null, renderImageTag(props, image), renderStructuredData(props, image))
+    );
+  }
+
+  return null;
+}
+
+function renderImageTag(props, image) {
+  var focusX = typeof image.configuration.focusX === 'undefined' ? 50 : image.configuration.focusX;
+  var focusY = typeof image.configuration.focusY === 'undefined' ? 50 : image.configuration.focusY;
+  return (
+    /*#__PURE__*/
+    React.createElement("img", {
+      className: classNames(styles$c.root),
+      src: image.urls[props.variant],
+      style: {
+        objectPosition: "".concat(focusX, "% ").concat(focusY, "%")
+      }
+    })
+  );
+}
+
+function renderStructuredData(props, file) {
+  if (props.structuredData && file) {
+    return (
+      /*#__PURE__*/
+      React.createElement(ImageStructuredData, {
+        file: file
+      })
+    );
+  }
+}
+
+Image.defaultProps = {
+  isPrepared: true,
+  variant: 'large'
+};
+
+function useVideoQualitySetting() {
+  var _useSetting = useSetting('videoQuality'),
+      _useSetting2 = _slicedToArray(_useSetting, 2),
+      value = _useSetting2[0],
+      setValue = _useSetting2[1];
+
+  return [value || 'auto', setValue];
+}
+
+function sources(videoFile) {
+  var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'auto';
+
+  if (quality === 'auto') {
+    var result = [{
+      type: 'application/x-mpegURL',
+      src: videoFile.urls['hls-playlist']
+    }, {
+      type: 'video/mp4',
+      src: videoFile.urls.high
+    }];
+
+    if (videoFile.urls['dash-playlist']) {
+      result = [{
+        type: 'application/dash+xml',
+        src: videoFile.urls['dash-playlist']
+      }].concat(result);
+    }
+
+    return result;
+  } else {
+    if (!videoFile.urls[quality]) {
+      quality = 'high';
+    }
+
+    return [{
+      type: 'video/mp4',
+      src: videoFile.urls[quality]
+    }];
+  }
+}
+
+var styles$d = {"videoPlayer":"VideoPlayer-module_videoPlayer__2q9NS","cover":"VideoPlayer-module_cover__2Rk-J"};
+
+function VideoStructuredData(_ref) {
+  var file = _ref.file;
+  var entryMedadata = useEntryMetadata();
+  var data = {
+    '@context': 'http://schema.org',
+    '@type': 'VideoObject',
+    name: file.basename,
+    description: file.configuration.alt,
+    url: ensureProtocol('https', file.urls.high),
+    thumbnailUrl: ensureProtocol('https', file.urls.posterMedium),
+    width: file.width,
+    height: file.height,
+    duration: formatTimeDuration(file.durationInMs),
+    datePublished: entryMedadata.publishedAt,
+    uploadDate: file.createdAt,
+    copyrightHolder: {
+      '@type': 'Organization',
+      name: file.rights
+    }
+  };
+  return (
+    /*#__PURE__*/
+    React.createElement(StructuredData, {
+      data: data
+    })
+  );
+}
+
+/**
+ * Render video file in MediaPlayer.
+ *
+ * @param {Object} props
+ * @param {number} props.id - Perma id of the video file.
+ * @param {number} [props.posterId] - Perma id of the poster image file.
+ * @param {number} [props.defaultTextTrackFileId] - Perma id of default text track file.
+ * @param {boolean} [props.isPrepared] - Control lazy loading.
+ * @param {String} [props.fit] - `"contain"` (default) or `"cover"`.
+ * @param {String} [props.position] - Position of parent content element.
+ */
+
+function VideoPlayer(props) {
+  var _useVideoQualitySetti = useVideoQualitySetting(),
+      _useVideoQualitySetti2 = _slicedToArray(_useVideoQualitySetti, 1),
+      activeQuality = _useVideoQualitySetti2[0];
+
+  var videoFile = useFile({
+    collectionName: 'videoFiles',
+    permaId: props.id
+  });
+  var posterImage = useFile({
+    collectionName: 'imageFiles',
+    permaId: props.posterId
+  });
+  var textTracks = useTextTracks({
+    file: videoFile,
+    defaultTextTrackFilePermaId: props.defaultTextTrackFilePermaId,
+    captionsByDefault: useMediaMuted()
+  });
+
+  function renderPlayer() {
+    if (videoFile && videoFile.isReady) {
+      return (
+        /*#__PURE__*/
+        React.createElement(React.Fragment, null,
+        /*#__PURE__*/
+        React.createElement(MediaPlayer, Object.assign({
+          className: classNames(styles$d.videoPlayer, styles$d[props.fit]),
+          type: 'video',
+          textTracks: textTracks,
+          filePermaId: props.id,
+          sources: sources(videoFile, activeQuality),
+          textTracksInset: props.position === 'full',
+          posterImageUrl: posterImage && posterImage.isReady ? posterImage.urls.large : undefined
+        }, props)),
+        /*#__PURE__*/
+        React.createElement(VideoStructuredData, {
+          file: videoFile
+        }))
+      );
+    } else {
+      return null;
+    }
+  }
+
+  return (
+    /*#__PURE__*/
+    React.createElement(Positioner, {
+      file: videoFile,
+      fit: props.fit,
+      position: props.position
+    }, renderPlayer())
+  );
+}
+VideoPlayer.defaultProps = {
+  fit: 'contain',
+  controls: true
+};
+var fallbackAspectRatio = 0.5625;
+
+function Positioner(_ref) {
+  var children = _ref.children,
+      fit = _ref.fit,
+      file = _ref.file,
+      position = _ref.position;
+
+  if (fit === 'contain') {
+    return (
+      /*#__PURE__*/
+      React.createElement(ViewportDependentPillarBoxes, {
+        file: file,
+        aspectRatio: file ? undefined : fallbackAspectRatio,
+        position: position,
+        opaque: true
+      }, children)
+    );
+  } else {
+    return children;
+  }
+}
+
+var styles$e = {"FillColor":"FillColor-module_FillColor__S1uEG"};
+
+function FillColor(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$e.FillColor,
+      style: {
+        backgroundColor: props.color
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(Fullscreen, null))
+  );
+}
+
+var styles$f = {"root":"MotifArea-module_root__1_ACd","active":"MotifArea-module_active__1q4z2","corner":"MotifArea-module_corner__3hB5t","topLeft":"MotifArea-module_topLeft__3vHHi MotifArea-module_corner__3hB5t","topRight":"MotifArea-module_topRight__2gNmC MotifArea-module_corner__3hB5t","bottomLeft":"MotifArea-module_bottomLeft__2qEqb MotifArea-module_corner__3hB5t","bottomRight":"MotifArea-module_bottomRight__3OjTb MotifArea-module_corner__3hB5t"};
+
+var MotifArea = function MotifArea(props) {
+  var image = useFile({
+    collectionName: 'imageFiles',
+    permaId: props.imageId
+  });
+  var lastPosition = useRef();
+  var position = (image === null || image === void 0 ? void 0 : image.isReady) && getPosition(props, image);
+  var elementRef = useRef();
+  var onUpdate = props.onUpdate;
+  var setElementRef = useCallback(function (element) {
+    elementRef.current = element;
+    onUpdate(element);
+  }, [elementRef, onUpdate]);
+  useEffect(function () {
+    if (lastPosition.current && position && (lastPosition.current.top !== position.top || lastPosition.current.left !== position.left || lastPosition.current.width !== position.width || lastPosition.current.height !== position.height)) {
+      onUpdate(elementRef.current);
+    }
+
+    lastPosition.current = position;
+  });
+
+  if (!position) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      ref: setElementRef,
+      className: classNames(styles$f.root, _defineProperty({}, styles$f.active, props.active)),
+      style: position,
+      onMouseEnter: props.onMouseEnter,
+      onMouseLeave: props.onMouseLeave
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$f.topLeft
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$f.topRight
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$f.bottomLeft
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$f.bottomRight
+    }))
+  );
+};
+MotifArea.defaultProps = {
+  onUpdate: function onUpdate() {}
+};
+
+function getPosition(props, image) {
+  var originalRatio = image.width / image.height;
+  var containerRatio = props.containerWidth / props.containerHeight;
+  var scale = containerRatio > originalRatio ? props.containerWidth / image.width : props.containerHeight / image.height;
+  var contentWidth = image.width * scale;
+  var contentHeight = image.height * scale;
+  var focusX = image.configuration.focusX === undefined ? 50 : image.configuration.focusX;
+  var focusY = image.configuration.focusY === undefined ? 50 : image.configuration.focusY;
+  var cropLeft = (contentWidth - props.containerWidth) * focusX / 100;
+  var cropTop = (contentHeight - props.containerHeight) * focusY / 100;
+  var motifArea = image.configuration.motifArea || {
+    top: 0,
+    left: 0,
+    width: 0,
+    height: 0
+  };
+  return {
+    top: Math.round(contentHeight * motifArea.top / 100 - cropTop),
+    left: Math.round(contentWidth * motifArea.left / 100 - cropLeft),
+    width: Math.round(contentWidth * motifArea.width / 100),
+    height: Math.round(contentHeight * motifArea.height / 100)
+  };
+}
+
+function getSize(el) {
+  if (!el) {
+    return {
+      left: 0,
+      top: 0,
+      width: 0,
+      height: 0
+    };
+  }
+
+  return {
+    left: el.offsetLeft,
+    top: el.offsetTop,
+    width: el.offsetWidth,
+    height: el.offsetHeight
+  };
+}
+
+function useDimension() {
+  var _useState = useState(getSize(null)),
+      _useState2 = _slicedToArray(_useState, 2),
+      componentSize = _useState2[0],
+      setComponentSize = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentNode = _useState4[0],
+      setCurrentNode = _useState4[1];
+
+  var measuredRef = useCallback(function (node) {
+    setCurrentNode(node);
+    setComponentSize(getSize(node));
+  }, []);
+  useEffect(function () {
+    function handleResize() {
+      setComponentSize(getSize(currentNode));
+    }
+
+    if (!currentNode) {
+      return;
+    }
+
+    handleResize();
+    window.addEventListener('resize', handleResize);
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [currentNode]);
+  return [componentSize, measuredRef];
+}
+
+function usePortraitOrientation() {
+  return useMediaQuery('(orientation: portrait)');
+}
+
+var styles$g = {"Backdrop":"Backdrop-module_Backdrop__1w4UZ"};
+
+function Backdrop(props) {
+  var _useDimension = useDimension(),
+      _useDimension2 = _slicedToArray(_useDimension, 2),
+      containerDimension = _useDimension2[0],
+      setContainerRef = _useDimension2[1];
+
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(styles$g.Backdrop, props.transitionStyles.backdrop, props.transitionStyles["backdrop-".concat(props.state)])
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: props.transitionStyles.backdropInner
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: props.transitionStyles.backdropInner2
+    }, props.children(renderContent(props, containerDimension, setContainerRef)))))
+  );
+}
+Backdrop.defaultProps = {
+  children: function children(_children) {
+    return _children;
+  },
+  transitionStyles: {}
+};
+
+function renderContent(props, containerDimension, setContainerRef) {
+  if (props.video) {
+    return (
+      /*#__PURE__*/
+      React.createElement(Fullscreen, {
+        ref: setContainerRef
+      },
+      /*#__PURE__*/
+      React.createElement(BackgroundVideo, props))
+    );
+  } else if (props.color || props.image && props.image.toString().startsWith('#')) {
+    return (
+      /*#__PURE__*/
+      React.createElement(FillColor, {
+        color: props.color || props.image
+      })
+    );
+  } else {
+    return (
+      /*#__PURE__*/
+      React.createElement(Fullscreen, {
+        ref: setContainerRef
+      }, renderBackgroundImage(props, containerDimension))
+    );
+  }
+}
+
+function renderBackgroundImage(props, containerDimension) {
+  if (props.image && props.imageMobile) {
+    return (
+      /*#__PURE__*/
+      React.createElement(OrientationAwareBackgroundImage, {
+        image: props.image,
+        imageMobile: props.imageMobile,
+        onMotifAreaUpdate: props.onMotifAreaUpdate,
+        containerDimension: containerDimension
+      })
+    );
+  } else {
+    return (
+      /*#__PURE__*/
+      React.createElement(BackgroundImage, {
+        image: props.image || props.imageMobile,
+        onMotifAreaUpdate: props.onMotifAreaUpdate,
+        containerDimension: containerDimension
+      })
+    );
+  }
+}
+
+function OrientationAwareBackgroundImage(_ref) {
+  var image = _ref.image,
+      onMotifAreaUpdate = _ref.onMotifAreaUpdate,
+      imageMobile = _ref.imageMobile,
+      containerDimension = _ref.containerDimension;
+  var mobile = usePortraitOrientation();
+
+  if (mobile) {
+    return (
+      /*#__PURE__*/
+      React.createElement(BackgroundImage, {
+        image: imageMobile,
+        onMotifAreaUpdate: onMotifAreaUpdate,
+        containerDimension: containerDimension
+      })
+    );
+  } else {
+    return (
+      /*#__PURE__*/
+      React.createElement(BackgroundImage, {
+        image: image,
+        onMotifAreaUpdate: onMotifAreaUpdate,
+        containerDimension: containerDimension
+      })
+    );
+  }
+}
+
+function BackgroundImage(_ref2) {
+  var image = _ref2.image,
+      onMotifAreaUpdate = _ref2.onMotifAreaUpdate,
+      containerDimension = _ref2.containerDimension;
+
+  var _useSectionLifecycle = useSectionLifecycle(),
+      isPrepared = _useSectionLifecycle.isPrepared;
+
+  return (
+    /*#__PURE__*/
+    React.createElement(React.Fragment, null,
+    /*#__PURE__*/
+    React.createElement(Image, {
+      id: image,
+      isPrepared: isPrepared,
+      structuredData: true
+    }),
+    /*#__PURE__*/
+    React.createElement(MotifArea, {
+      key: image,
+      onUpdate: onMotifAreaUpdate,
+      imageId: image,
+      containerWidth: containerDimension.width,
+      containerHeight: containerDimension.height
+    }))
+  );
+}
+
+function BackgroundVideo(props) {
+  var _usePlayerState = usePlayerState(),
+      _usePlayerState2 = _slicedToArray(_usePlayerState, 2),
+      playerState = _usePlayerState2[0],
+      playerActions = _usePlayerState2[1];
+
+  var _useSectionLifecycle2 = useSectionLifecycle({
+    onVisible: function onVisible() {
+      playerActions.changeVolumeFactor(0, 0);
+      playerActions.play();
+    },
+    onActivate: function onActivate() {
+      playerActions.changeVolumeFactor(1, 1000);
+    },
+    onDeactivate: function onDeactivate() {
+      playerActions.changeVolumeFactor(0, 1000);
+    },
+    onInvisible: function onInvisible() {
+      playerActions.pause();
+    }
+  }),
+      isPrepared = _useSectionLifecycle2.isPrepared;
+
+  useEffect(function () {
+    var documentState = documentHiddenState(function (visibilityState) {
+      if (visibilityState === 'hidden') {
+        playerActions.pause();
+      } else {
+        playerActions.play();
+      }
+    });
+    return function () {
+      documentState.removeCallback();
+    };
+  }, [playerActions]);
+  return (
+    /*#__PURE__*/
+    React.createElement(VideoPlayer, {
+      isPrepared: isPrepared,
+      playerState: playerState,
+      playerActions: playerActions,
+      id: props.video,
+      textTracksDisabled: true,
+      fit: "cover",
+      loop: true,
+      playsInline: true
+    })
+  );
+}
+
+function isIntersectingX(rectA, rectB) {
+  return rectA.left < rectB.right && rectA.right > rectB.left || rectB.left < rectA.right && rectB.right > rectA.left;
+}
+
+function getBoundingClientRect(el) {
+  if (!el) {
+    return {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      width: 0,
+      height: 0
+    };
+  }
+
+  return el.getBoundingClientRect();
+}
+
+function useBoundingClientRect() {
+  var _useState = useState(getBoundingClientRect(null)),
+      _useState2 = _slicedToArray(_useState, 2),
+      boundingClientRect = _useState2[0],
+      setBoundingClientRect = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      currentNode = _useState4[0],
+      setCurrentNode = _useState4[1];
+
+  var measureRef = useCallback(function (node) {
+    setCurrentNode(node);
+    setBoundingClientRect(getBoundingClientRect(node));
+  }, []);
+  useEffect(function () {
+    function handler() {
+      setBoundingClientRect(getBoundingClientRect(currentNode));
+    }
+
+    if (!currentNode) {
+      return;
+    }
+
+    window.addEventListener('resize', handler);
+    window.addEventListener('scroll', handler);
+    return function () {
+      window.removeEventListener('resize', handler);
+      window.removeEventListener('scroll', handler);
+    };
+  }, [currentNode]);
+  return [boundingClientRect, measureRef];
+}
+
+function useScrollTarget(ref, isScrollTarget) {
+  useEffect(function () {
+    if (ref.current && isScrollTarget) {
+      window.scrollTo({
+        top: ref.current.getBoundingClientRect().top + window.scrollY - window.innerHeight * 0.25,
+        behavior: 'smooth'
+      });
+    }
+  }, [ref, isScrollTarget]);
+}
+
+var DarkBackgroundContext = createContext(true);
+function BackgroundColorProvider(_ref) {
+  var dark = _ref.dark,
+      invert = _ref.invert,
+      children = _ref.children;
+  var previousValue = useDarkBackground();
+  return (
+    /*#__PURE__*/
+    React.createElement(DarkBackgroundContext.Provider, {
+      value: getValue({
+        dark: dark,
+        invert: invert,
+        previousValue: previousValue
+      })
+    }, children)
+  );
+}
+
+function getValue(_ref2) {
+  var dark = _ref2.dark,
+      invert = _ref2.invert,
+      previousValue = _ref2.previousValue;
+
+  if (dark !== undefined) {
+    return dark;
+  } else if (invert === true) {
+    return !previousValue;
+  } else {
+    return previousValue;
+  }
+}
+/**
+ * Use to invert elements depending on whether they are rendered on a
+ * dark or light background to ensure correct display in inverted
+ * sections or in sections with card appearance.
+ *
+ * @return {boolean}
+ */
+
+
+function useDarkBackground() {
+  return useContext(DarkBackgroundContext);
+}
+
+var styles$h = {"Section":"Section-module_Section__Yo58b","invert":"Section-module_invert__3_p7F"};
+
+var fadeInBgConceal = {"fade-duration":"0.5s","backdrop":"fadeInBgConceal-module_backdrop__11JGO","backdropInner":"fadeInBgConceal-module_backdropInner__1IAYD","backdrop-below":"fadeInBgConceal-module_backdrop-below__3E6Uk"};
+
+var fadeInBgFadeOut = {"fade-duration":"0.5s","backdrop":"fadeInBgFadeOut-module_backdrop__r0YXp","backdropInner":"fadeInBgFadeOut-module_backdropInner__IQp87","foreground":"fadeInBgFadeOut-module_foreground__Q2vkT","foreground-above":"fadeInBgFadeOut-module_foreground-above__3pmz9","backdrop-below":"fadeInBgFadeOut-module_backdrop-below__2G-Ic"};
+
+var fadeInBgFadeOutBg = {"fade-duration":"0.5s","backdrop":"fadeInBgFadeOutBg-module_backdrop__15ocl","backdropInner":"fadeInBgFadeOutBg-module_backdropInner__sAnz6","boxShadow":"fadeInBgFadeOutBg-module_boxShadow__xUKyj","boxShadow-above":"fadeInBgFadeOutBg-module_boxShadow-above__2bY0E","backdrop-below":"fadeInBgFadeOutBg-module_backdrop-below__1rDT6"};
+
+var fadeInBgScrollOut = {"fade-duration":"0.5s","backdrop":"fadeInBgScrollOut-module_backdrop__1bSsb","backdropInner":"fadeInBgScrollOut-module_backdropInner__3JZBG","backdropInner2":"fadeInBgScrollOut-module_backdropInner2__q-00L","foreground":"fadeInBgScrollOut-module_foreground__1ODH9","backdrop-below":"fadeInBgScrollOut-module_backdrop-below__2Dbkr"};
+
+var fadeInConceal = {"fade-duration":"0.5s","backdrop":"fadeInConceal-module_backdrop__1zaRO","backdropInner":"fadeInConceal-module_backdropInner__1AIvq","foreground":"fadeInConceal-module_foreground__3giM9","backdrop-below":"fadeInConceal-module_backdrop-below__AWyQe","foreground-below":"fadeInConceal-module_foreground-below__2z5Op"};
+
+var fadeInFadeOut = {"fade-duration":"0.5s","backdrop":"fadeInFadeOut-module_backdrop__Y4xOA","backdropInner":"fadeInFadeOut-module_backdropInner__1oRfP","foreground":"fadeInFadeOut-module_foreground__1eleZ","foreground-above":"fadeInFadeOut-module_foreground-above__249wa","backdrop-below":"fadeInFadeOut-module_backdrop-below__1h2I4","foreground-below":"fadeInFadeOut-module_foreground-below__3mE6f"};
+
+var fadeInFadeOutBg = {"fade-duration":"0.5s","backdrop":"fadeInFadeOutBg-module_backdrop__2-IF3","backdropInner":"fadeInFadeOutBg-module_backdropInner__3r_bo","boxShadow":"fadeInFadeOutBg-module_boxShadow__3x7Ki","foreground":"fadeInFadeOutBg-module_foreground__24f_M","backdrop-below":"fadeInFadeOutBg-module_backdrop-below__4Ys_2","boxShadow-above":"fadeInFadeOutBg-module_boxShadow-above__3T2K5","foreground-below":"fadeInFadeOutBg-module_foreground-below__3pTRc"};
+
+var fadeInScrollOut = {"fade-duration":"0.5s","backdrop":"fadeInScrollOut-module_backdrop__2FhBb","backdropInner":"fadeInScrollOut-module_backdropInner__1OfNZ","backdropInner2":"fadeInScrollOut-module_backdropInner2__5bNPT","foreground":"fadeInScrollOut-module_foreground__3h0EX","backdrop-below":"fadeInScrollOut-module_backdrop-below__3cRLH","foreground-below":"fadeInScrollOut-module_foreground-below__1Jcql"};
+
+var revealConceal = {"backdrop":"revealConceal-module_backdrop__dLUhU utils-module_clip__34eot","backdropInner":"revealConceal-module_backdropInner__2k1Z-"};
+
+var revealFadeOut = {"fade-duration":"0.5s","backdrop":"revealFadeOut-module_backdrop___Q1QF utils-module_clip__34eot","backdropInner":"revealFadeOut-module_backdropInner__17qRn","foreground":"revealFadeOut-module_foreground__1GzBs","foreground-above":"revealFadeOut-module_foreground-above__3GxOf"};
+
+var revealFadeOutBg = {"fade-duration":"0.5s","backdrop":"revealFadeOutBg-module_backdrop__30OCF utils-module_clip__34eot","backdropInner":"revealFadeOutBg-module_backdropInner__3v3tM","boxShadow":"revealFadeOutBg-module_boxShadow__1NZRz","boxShadow-above":"revealFadeOutBg-module_boxShadow-above__2r4ov"};
+
+var revealScrollOut = {"backdrop":"revealScrollOut-module_backdrop__2yOXd utils-module_clip__34eot","backdropInner":"revealScrollOut-module_backdropInner__211p3","backdropInner2":"revealScrollOut-module_backdropInner2__v6WqM","foreground":"revealScrollOut-module_foreground__3z-hw"};
+
+var scrollInConceal = {"backdrop":"scrollInConceal-module_backdrop__2OJJC"};
+
+var scrollInFadeOut = {"fade-duration":"0.5s","backdrop":"scrollInFadeOut-module_backdrop__1vXJd","foreground":"scrollInFadeOut-module_foreground__3Ikxb","foreground-above":"scrollInFadeOut-module_foreground-above__6ipm-"};
+
+var scrollInFadeOutBg = {"fade-duration":"0.5s","backdrop":"scrollInFadeOutBg-module_backdrop__zw95c","boxShadow":"scrollInFadeOutBg-module_boxShadow__3UxCQ","boxShadow-above":"scrollInFadeOutBg-module_boxShadow-above__3kfau"};
+
+var scrollInScrollOut = {"backdrop":"scrollInScrollOut-module_backdrop__XzCge","foreground":"scrollInScrollOut-module_foreground__1yyY8"};
+
+var styles$i = {
+  fadeInBgConceal: fadeInBgConceal,
+  fadeInBgFadeOut: fadeInBgFadeOut,
+  fadeInBgFadeOutBg: fadeInBgFadeOutBg,
+  fadeInBgScrollOut: fadeInBgScrollOut,
+  fadeInConceal: fadeInConceal,
+  fadeInFadeOut: fadeInFadeOut,
+  fadeInFadeOutBg: fadeInFadeOutBg,
+  fadeInScrollOut: fadeInScrollOut,
+  revealConceal: revealConceal,
+  revealFadeOut: revealFadeOut,
+  revealFadeOutBg: revealFadeOutBg,
+  revealScrollOut: revealScrollOut,
+  scrollInConceal: scrollInConceal,
+  scrollInFadeOut: scrollInFadeOut,
+  scrollInFadeOutBg: scrollInFadeOutBg,
+  scrollInScrollOut: scrollInScrollOut
+};
+var enterTransitions = {
+  fade: 'fadeIn',
+  fadeBg: 'fadeInBg',
+  scroll: 'scrollIn',
+  scrollOver: 'scrollIn',
+  reveal: 'reveal',
+  beforeAfter: 'reveal'
+};
+var exitTransitions = {
+  fade: 'fadeOut',
+  fadeBg: 'fadeOutBg',
+  scroll: 'scrollOut',
+  scrollOver: 'conceal',
+  reveal: 'scrollOut',
+  beforeAfter: 'conceal'
+};
+function getTransitionNames() {
+  return Object.keys(exitTransitions);
+}
+function getAvailableTransitionNames(section, previousSection) {
+  if (!section.fullHeight || !previousSection.fullHeight) {
+    return getTransitionNames().filter(function (name) {
+      return !name.startsWith('fade');
+    });
+  }
+
+  return getTransitionNames();
+}
+function getTransitionStyles(section, previousSection, nextSection) {
+  var name = getTransitionStylesName(section, previousSection, nextSection);
+
+  if (!styles$i[name]) {
+    throw new Error("Unknown transition ".concat(name));
+  }
+
+  return styles$i[name];
+}
+function getTransitionStylesName(section, previousSection, nextSection) {
+  var enterTransition = enterTransitions[getTransitionName(previousSection, section)];
+  var exitTransition = exitTransitions[getTransitionName(section, nextSection)];
+  return "".concat(enterTransition).concat(capitalize(exitTransition));
+}
+
+function getTransitionName(previousSection, section) {
+  if (!section || !previousSection) {
+    return 'scroll';
+  }
+
+  if ((!section.fullHeight || !previousSection.fullHeight) && section.transition.startsWith('fade')) {
+    return 'scroll';
+  }
+
+  return section.transition;
+}
+
+function capitalize(string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+function NoOpShadow(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", null, props.children)
+  );
+}
+
+var styles$j = {"shadow":"GradientShadow-module_shadow__2UiDH","align-right":"GradientShadow-module_align-right__3iXZs","shadowBlack":"GradientShadow-module_shadowBlack__cSr14","align-left":"GradientShadow-module_align-left__3qcNM","intersecting":"GradientShadow-module_intersecting__h6vpz","align-center":"GradientShadow-module_align-center__2C7cl","shadowWhite":"GradientShadow-module_shadowWhite__3Xw2q"};
+
+function GradientShadow(props) {
+  var maxOpacityOverlap = props.motifAreaRect.height / 2;
+  var motifAreaOverlap = Math.min(maxOpacityOverlap, props.motifAreaRect.bottom - props.contentAreaRect.top);
+  var opacityFactor = props.intersecting && props.motifAreaRect.height > 0 ? motifAreaOverlap / maxOpacityOverlap : 1;
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(styles$j.root, styles$j["align-".concat(props.align)], _defineProperty({}, styles$j.intersecting, props.intersecting))
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(styles$j.shadow, props.inverted ? styles$j.shadowWhite : styles$j.shadowBlack),
+      style: {
+        opacity: props.opacity * Math.round(opacityFactor * 10) / 10
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(Fullscreen, null)), props.children)
+  );
+}
+GradientShadow.defaultProps = {
+  opacity: 0.7,
+  align: 'left'
+};
+
+var styles$k = {"start":"InvisibleBoxWrapper-module_start__F1nZ7","end":"InvisibleBoxWrapper-module_end__nphD-"};
+
+function InvisibleBoxWrapper(_ref) {
+  var _classNames;
+
+  var position = _ref.position,
+      openStart = _ref.openStart,
+      openEnd = _ref.openEnd,
+      children = _ref.children;
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames((_classNames = {}, _defineProperty(_classNames, styles$k.start, !openStart && position !== 'full'), _defineProperty(_classNames, styles$k.end, !openEnd && position !== 'full'), _classNames))
+    }, children)
+  );
+}
+
+var styles$l = {"wrapper":"GradientBox-module_wrapper__1Jj7N","content":"GradientBox-module_content__96lDk","shadow":"GradientBox-module_shadow__2XilX","long":"GradientBox-module_long__10s6v","gradient":"GradientBox-module_gradient__31tJ-","withShadow":"GradientBox-module_withShadow__3mhPR","shadowDark":"GradientBox-module_shadowDark__3Tv0L","shadowLight":"GradientBox-module_shadowLight__Bieg6"};
+
+function GradientBox(props) {
+  var _classNames;
+
+  var padding = props.active ? props.padding : 0;
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(styles$l.root, (_classNames = {}, _defineProperty(_classNames, styles$l.gradient, padding > 0), _defineProperty(_classNames, styles$l["long"], props.coverInvisibleNextSection), _classNames)),
+      style: {
+        paddingTop: padding
+      }
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$l.wrapper
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(styles$l.shadow, props.inverted ? styles$l.shadowLight : styles$l.shadowDark, props.transitionStyles.boxShadow, props.transitionStyles["boxShadow-".concat(props.state)]),
+      style: {
+        top: padding,
+        opacity: props.opacity
+      }
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$l.content
+    }, props.children)))
+  );
+}
+GradientBox.defaultProps = {
+  opacity: 1
+};
+
+var styles$m = {"wrapper":"CardBox-module_wrapper__3vnaH","content":"CardBox-module_content__36v7J"};
+
+function CardBox(props) {
+  var padding = props.active ? props.padding : 0;
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        paddingTop: padding
+      }
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$m.wrapper
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        top: padding
+      }
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$m.content
+    }, props.children)))
+  );
+}
+
+var styles$n = {"darkBackground":"#101010","lightBackground":"#fff","card":"CardBoxWrapper-module_card__hvRUa","cardStart":"CardBoxWrapper-module_cardStart__2NywG","cardEnd":"CardBoxWrapper-module_cardEnd__x4Ye6","cardBgWhite":"CardBoxWrapper-module_cardBgWhite__xXhg7","cardBgBlack":"CardBoxWrapper-module_cardBgBlack__Ahp3s"};
+
+function CardBoxWrapper(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: className(props)
+    },
+    /*#__PURE__*/
+    React.createElement(BackgroundColorProvider, {
+      invert: props.position !== 'sticky' && props.position !== 'full'
+    }, props.children))
+  );
+}
+
+function className(props) {
+  if (props.position === 'sticky' || props.position === 'full') {
+    return undefined;
+  }
+
+  return classNames(styles$n.card, props.inverted ? styles$n.cardBgBlack : styles$n.cardBgWhite, _defineProperty({}, styles$n.cardStart, !props.openStart), _defineProperty({}, styles$n.cardEnd, !props.openEnd));
+}
+
+var OnScreenContext = React.createContext({
+  center: false,
+  top: false,
+  bottom: false
+});
+var Section = withInlineEditingDecorator('SectionDecorator', function Section(props) {
+  var ref = useRef();
+  useScrollTarget(ref, props.isScrollTarget);
+  var sectionProperties = useMemo(function () {
+    return {
+      layout: props.layout,
+      invert: props.invert,
+      sectionIndex: props.sectionIndex
+    };
+  }, [props.layout, props.invert, props.sectionIndex]);
+
+  var _useBoundingClientRec = useBoundingClientRect(),
+      _useBoundingClientRec2 = _slicedToArray(_useBoundingClientRec, 2),
+      motifAreaRect = _useBoundingClientRec2[0],
+      setMotifAreaRect = _useBoundingClientRec2[1];
+
+  var _useDimension = useDimension(),
+      _useDimension2 = _slicedToArray(_useDimension, 2),
+      motifAreaDimension = _useDimension2[0],
+      setMotifAreaDimensionRef = _useDimension2[1];
+
+  var setMotifAreaRefs = useCallback(function (node) {
+    setMotifAreaRect(node);
+    setMotifAreaDimensionRef(node);
+  }, [setMotifAreaRect, setMotifAreaDimensionRef]);
+
+  var _useBoundingClientRec3 = useBoundingClientRect(props.layout),
+      _useBoundingClientRec4 = _slicedToArray(_useBoundingClientRec3, 2),
+      contentAreaRect = _useBoundingClientRec4[0],
+      setContentAreaRef = _useBoundingClientRec4[1];
+
+  var intersecting = isIntersectingX(motifAreaRect, contentAreaRect);
+  var heightOffset = 0; //(props.backdrop.first || props.transition === 'scrollOver') ? 0 : (window.innerHeight / 3);
+
+  var transitionStyles = getTransitionStyles(props, props.previousSection, props.nextSection);
+  var appearance = {
+    shadow: {
+      background: GradientShadow,
+      foreground: GradientBox,
+      foregroundWrapper: InvisibleBoxWrapper
+    },
+    transparent: {
+      background: NoOpShadow,
+      foreground: CardBox,
+      foregroundWrapper: InvisibleBoxWrapper
+    },
+    cards: {
+      background: NoOpShadow,
+      foreground: CardBox,
+      foregroundWrapper: CardBoxWrapper
+    }
+  }[props.appearance || 'shadow'];
+  var Shadow = appearance.background;
+  var Box = appearance.foreground;
+  var BoxWrapper = appearance.foregroundWrapper;
+  return (
+    /*#__PURE__*/
+    React.createElement("section", {
+      id: "section-".concat(props.permaId),
+      ref: ref,
+      className: classNames(styles$h.Section, transitionStyles.section, _defineProperty({}, styles$h.invert, props.invert))
+    },
+    /*#__PURE__*/
+    React.createElement(SectionLifecycleProvider, {
+      onActivate: props.onActivate,
+      isLast: !props.nextSection
+    },
+    /*#__PURE__*/
+    React.createElement(SectionAtmo, {
+      audioFilePermaId: props.atmoAudioFileId
+    }),
+    /*#__PURE__*/
+    React.createElement(Backdrop, Object.assign({}, props.backdrop, {
+      onMotifAreaUpdate: setMotifAreaRefs,
+      state: props.state,
+      transitionStyles: transitionStyles
+    }), function (children) {
+      return (
+        /*#__PURE__*/
+        React.createElement(Shadow, {
+          align: props.layout,
+          inverted: props.invert,
+          intersecting: intersecting,
+          opacity: props.shadowOpacity >= 0 ? props.shadowOpacity / 100 : 0.7,
+          motifAreaRect: motifAreaRect,
+          contentAreaRect: contentAreaRect
+        }, children)
+      );
+    }),
+    /*#__PURE__*/
+    React.createElement(Foreground, {
+      transitionStyles: transitionStyles,
+      state: props.state,
+      paddingBottom: !endsWithFullWidthElement(props.foreground),
+      heightMode: heightMode(props)
+    },
+    /*#__PURE__*/
+    React.createElement(Box, {
+      active: intersecting,
+      inverted: props.invert,
+      coverInvisibleNextSection: props.nextSection && props.nextSection.transition.startsWith('fade'),
+      transitionStyles: transitionStyles,
+      state: props.state,
+      padding: Math.max(0, motifAreaDimension.top + motifAreaDimension.height - heightOffset),
+      opacity: props.shadowOpacity
+    },
+    /*#__PURE__*/
+    React.createElement(BackgroundColorProvider, {
+      dark: !props.invert
+    },
+    /*#__PURE__*/
+    React.createElement(Layout, {
+      sectionId: props.id,
+      items: indexItems(props.foreground),
+      appearance: props.appearance,
+      contentAreaRef: setContentAreaRef,
+      sectionProps: sectionProperties
+    }, function (children, boxProps) {
+      return (
+        /*#__PURE__*/
+        React.createElement(BoxWrapper, Object.assign({}, boxProps, {
+          inverted: props.invert
+        }), children)
+      );
+    }))))))
+  );
+});
+
+function indexItems(items) {
+  return items.map(function (item, index) {
+    return _objectSpread2(_objectSpread2({}, item), {}, {
+      index: index
+    });
+  });
+}
+
+function heightMode(props) {
+  if (props.fullHeight) {
+    if (props.transition.startsWith('fade') || props.nextSection && props.nextSection.transition.startsWith('fade')) {
+      return 'fullFade';
+    } else {
+      return 'full';
+    }
+  }
+
+  return 'dynamic';
+}
+
+function endsWithFullWidthElement(elements) {
+  var lastElement = elements[elements.length - 1];
+  return lastElement && lastElement.position === 'full';
+}
+
+function Chapter(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      id: "chapter-".concat(props.permaId)
+    }, renderSections(props.sections, props.currentSectionIndex, props.setCurrentSectionIndex, props.scrollTargetSectionIndex, props.setScrollTargetSectionIndex))
+  );
+}
+
+function renderSections(sections, currentSectionIndex, setCurrentSectionIndex, scrollTargetSectionIndex, setScrollTargetSectionIndex) {
+  function _onActivate(sectionIndex) {
+    setCurrentSectionIndex(sectionIndex);
+    setScrollTargetSectionIndex(null);
+  }
+
+  return sections.map(function (section) {
+    return (
+      /*#__PURE__*/
+      React.createElement(EventContextDataProvider, {
+        key: section.permaId,
+        sectionIndex: section.sectionIndex
+      },
+      /*#__PURE__*/
+      React.createElement(Section, Object.assign({
+        state: section.sectionIndex > currentSectionIndex ? 'below' : section.sectionIndex < currentSectionIndex ? 'above' : 'active',
+        isScrollTarget: section.sectionIndex === scrollTargetSectionIndex,
+        onActivate: function onActivate() {
+          return _onActivate(section.sectionIndex);
+        }
+      }, section)))
+    );
+  });
+}
+
+var useSectionChangeEvents = function useSectionChangeEvents(entryStructure, currentSectionIndex) {
+  var previousSectionIndex = usePrevious(currentSectionIndex);
+  useEffect(function () {
+    if (previousSectionIndex !== currentSectionIndex) {
+      events.trigger('page:change', getEventObject(currentSectionIndex, entryStructure));
+    }
+  });
+};
+
+var sectionChangeMessagePoster = function sectionChangeMessagePoster(index) {
+  if (window.parent !== window) {
+    window.parent.postMessage({
+      type: 'CHANGE_SECTION',
+      payload: {
+        index: index
+      }
+    }, window.location.origin);
+  }
+};
+
+var entryStyles = {"font-sans":"'Source Sans Pro', sans-serif","Entry":"Entry-module_Entry__1nDGh"};
+
+var Entry = withInlineEditingDecorator('EntryDecorator', function Entry(props) {
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentSectionIndex = _useState2[0],
+      setCurrentSectionIndexState = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrollTargetSectionIndex = _useState4[0],
+      setScrollTargetSectionIndex = _useState4[1];
+
+  var entryStructure = useEntryStructure();
+  useSectionChangeEvents(entryStructure, currentSectionIndex);
+  var setCurrentSectionIndex = useCallback(function (index) {
+    sectionChangeMessagePoster(index);
+    setCurrentSectionIndexState(index);
+  }, [setCurrentSectionIndexState]);
+  var receiveMessage = useCallback(function (data) {
+    if (data.type === 'SCROLL_TO_SECTION') {
+      setScrollTargetSectionIndex(data.payload.index);
+    }
+  }, []);
+  usePostMessageListener(receiveMessage);
+
+  function scrollToSection(index) {
+    if (index === 'next') {
+      index = currentSectionIndex + 1;
+    }
+
+    setScrollTargetSectionIndex(index);
+  }
+
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: entryStyles.Entry
+    },
+    /*#__PURE__*/
+    React.createElement(MediaMutedProvider, null,
+    /*#__PURE__*/
+    React.createElement(AtmoProvider, null,
+    /*#__PURE__*/
+    React.createElement(ScrollToSectionContext.Provider, {
+      value: scrollToSection
+    }, renderChapters(entryStructure, currentSectionIndex, setCurrentSectionIndex, scrollTargetSectionIndex, setScrollTargetSectionIndex)))))
+  );
+});
+
+function renderChapters(entryStructure, currentSectionIndex, setCurrentSectionIndex, scrollTargetSectionIndex, setScrollTargetSectionIndex) {
+  return entryStructure.map(function (chapter, index) {
+    return (
+      /*#__PURE__*/
+      React.createElement(Chapter, {
+        key: index,
+        permaId: chapter.permaId,
+        sections: chapter.sections,
+        currentSectionIndex: currentSectionIndex,
+        setCurrentSectionIndex: setCurrentSectionIndex,
+        scrollTargetSectionIndex: scrollTargetSectionIndex,
+        setScrollTargetSectionIndex: setScrollTargetSectionIndex
+      })
+    );
+  });
+}
+
+var BrowserFeaturesAvailableContext = createContext(); // Browser feature detection is not available during server side
+// rendering. To prevent mismatches during hydration, we keep features
+// disabled in the initial render. Since hydration only starts after
+// feature detection has finished, we can immediately re-render once
+// the provider has mounted.
+
+function BrowserFeaturesProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isAvailable = _useState2[0],
+      setIsAvailable = _useState2[1];
+
+  useEffect(function () {
+    return setIsAvailable(true);
+  }, []);
+  return (
+    /*#__PURE__*/
+    React.createElement(BrowserFeaturesAvailableContext.Provider, {
+      value: isAvailable
+    }, children)
+  );
+}
+function useBrowserFeature(name) {
+  return useContext(BrowserFeaturesAvailableContext) && browser.has(name);
+}
+
+var styles$o = {"focusOutlineDisabled":"focusOutline-module_focusOutlineDisabled__KV7d-"};
+
+var FocusVisibleContext = createContext();
+function useFocusOutlineVisible() {
+  return useContext(FocusVisibleContext);
+}
+function FocusOutlineProvider(_ref) {
+  var children = _ref.children;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  useEffect(function () {
+    document.body.addEventListener('keydown', enable);
+    document.body.addEventListener('mousedown', disable);
+    disable();
+    return function () {
+      document.body.removeEventListener('keydown', enable);
+      document.body.removeEventListener('mousedown', disable);
+    };
+
+    function enable() {
+      document.body.classList.remove(styles$o.focusOutlineDisabled);
+      setValue(true);
+    }
+
+    function disable() {
+      document.body.classList.add(styles$o.focusOutlineDisabled);
+      setValue(false);
+    }
+  }, []);
+  return (
+    /*#__PURE__*/
+    React.createElement(FocusVisibleContext.Provider, {
+      value: value
+    }, children)
+  );
+}
+
+var PhonePlatformProvider = withInlineEditingAlternative('PhonePlatformProvider', function PhonePlatformProvider(_ref) {
+  var children = _ref.children;
+  var isPhonePlatform = useBrowserFeature('phone platform');
+  return (
+    /*#__PURE__*/
+    React.createElement(PhonePlatformContext.Provider, {
+      value: isPhonePlatform
+    }, children)
+  );
+});
+
+function RootProviders(_ref) {
+  var seed = _ref.seed,
+      children = _ref.children;
+  return (
+    /*#__PURE__*/
+    React.createElement(FocusOutlineProvider, null,
+    /*#__PURE__*/
+    React.createElement(BrowserFeaturesProvider, null,
+    /*#__PURE__*/
+    React.createElement(PhonePlatformProvider, null,
+    /*#__PURE__*/
+    React.createElement(EntryStateProvider, {
+      seed: seed
+    },
+    /*#__PURE__*/
+    React.createElement(LocaleProvider, null, children)))))
+  );
+}
+
+var styles$p = {"darkBackground":"#101010","lightBackground":"#fff","root":"Figure-module_root__3FC-x","invert":"Figure-module_invert___0BJP"};
+
+/**
+ * Render a figure with a caption text attached.
+ *
+ * @param {Object} props
+ * @param {string} props.children - Content of figure.
+ * @param {string} props.text - The text to be displayed.
+ */
+
+function Figure(_ref) {
+  var children = _ref.children,
+      caption = _ref.caption;
+  var darkBackground = useDarkBackground();
+
+  if (caption) {
+    return (
+      /*#__PURE__*/
+      React.createElement("figure", {
+        className: classNames(styles$p.root, _defineProperty({}, styles$p.invert, !darkBackground))
+      }, children,
+      /*#__PURE__*/
+      React.createElement("figcaption", null,
+      /*#__PURE__*/
+      React.createElement(Text, {
+        scaleCategory: "caption"
+      }, caption)))
+    );
+  } else {
+    return children;
+  }
+}
+
+function MediaInteractionTracking(_ref) {
+  var playerState = _ref.playerState,
+      playerActions = _ref.playerActions,
+      idleDelay = _ref.idleDelay,
+      children = _ref.children;
+  var hideControlsTimeout = useRef();
+  var wasPlaying = usePrevious(playerState.isPlaying);
+  var focusWasInside = usePrevious(playerState.focusInsideControls);
+  var setHideControlsTimeout = useCallback(function () {
+    clearTimeout(hideControlsTimeout.current);
+    hideControlsTimeout.current = setTimeout(playerActions.userIdle, idleDelay);
+  }, [playerActions.userIdle, idleDelay]);
+  useEffect(function () {
+    if (!wasPlaying && playerState.isPlaying || focusWasInside !== playerState.focusInsideControls) {
+      setHideControlsTimeout();
+    }
+  }, [wasPlaying, playerState.isPlaying, setHideControlsTimeout, playerState.focusInsideControls, focusWasInside]);
+
+  var handleInteraction = function handleInteraction() {
+    playerActions.userInteraction();
+    setHideControlsTimeout();
+  };
+
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      onClick: handleInteraction,
+      onMouseMove: handleInteraction
+    }, children)
+  );
+}
+MediaInteractionTracking.defaultProps = {
+  idleDelay: 2000
+};
+
+var styles$q = {"container":"Waveform-module_container__1Dxdv","menus":"Waveform-module_menus__1mOnJ","timeDisplay":"Waveform-module_timeDisplay__1v4Tl","playControl":"Waveform-module_playControl__QWTsJ","waveWrapper":"Waveform-module_waveWrapper__3gamc"};
+
+var waveColor = '#828282ed';
+var waveColorInverted = 'rgba(0, 0, 0, 0.5)';
+var cursorColor = '#fff';
+var cursorColorInverted = '#888';
+var Wavesurfer = React.lazy(function () {
+  return import('./Wavesurfer-c3c45324.js');
+});
+function Waveform(props) {
+  var _useState = useState(90),
+      _useState2 = _slicedToArray(_useState, 2),
+      height = _useState2[0],
+      setHeight = _useState2[1];
+
+  if (props.mediaElementId) {
+    return (
+      /*#__PURE__*/
+      React.createElement(Suspense, {
+        fallback:
+        /*#__PURE__*/
+        React.createElement("div", null)
+      },
+      /*#__PURE__*/
+      React.createElement(Measure, {
+        client: true,
+        onResize: function onResize(contentRect) {
+          return setHeight(contentRect.client.height);
+        }
+      }, function (_ref) {
+        var measureRef = _ref.measureRef;
+        return (
+          /*#__PURE__*/
+          React.createElement("div", {
+            ref: measureRef,
+            className: styles$q.waveWrapper
+          },
+          /*#__PURE__*/
+          React.createElement(Wavesurfer, {
+            mediaElt: "#".concat(props.mediaElementId),
+            options: {
+              normalize: true,
+              removeMediaElementOnDestroy: false,
+              hideScrollbar: true,
+              progressColor: props.waveformColor || props.mainColor,
+              waveColor: props.inverted ? waveColorInverted : waveColor,
+              cursorColor: props.inverted ? cursorColorInverted : cursorColor,
+              height: height
+            }
+          }))
+        );
+      }))
+    );
+  } else {
+    return null;
+  }
+}
+
+var styles$r = {"timeDisplay":"TimeDisplay-module_timeDisplay__2UwqM","time":"TimeDisplay-module_time__li1ZU"};
+
+var unknownTimePlaceholder = '-:--';
+function formatTime(value) {
+  if (isNaN(value)) {
+    return unknownTimePlaceholder;
+  }
+
+  var seconds = Math.floor(value) % 60;
+  var minutes = Math.floor(value / 60) % 60;
+  var hours = Math.floor(value / 60 / 60);
+
+  if (hours > 0) {
+    return "".concat(hours, ":").concat(pad(minutes), ":").concat(pad(seconds));
+  } else {
+    return "".concat(minutes, ":").concat(pad(seconds));
+  }
+}
+
+function pad(value) {
+  return value < 10 ? '0' + value : value;
+}
+
+function TimeDisplay(props) {
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      "data-testid": 'time-display',
+      className: styles$r.timeDisplay
+    },
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: styles$r.time
+    }, formatTime(props.currentTime)), "/",
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: styles$r.time
+    }, formatTime(props.duration)))
+  );
+}
+
+var styles$s = {"button":"MenuBarButton-module_button__2sY0F ControlBar-module_button___4aXE utils-module_unstyledButton__3rgne","icon":"MenuBarButton-module_icon__2h8__","subMenuItemAnnotation":"MenuBarButton-module_subMenuItemAnnotation__32Quc","subMenu":"MenuBarButton-module_subMenu__f-E-X","subMenuExpanded":"MenuBarButton-module_subMenuExpanded__2UvkJ","subMenuItem":"MenuBarButton-module_subMenuItem__1pyn_","subMenuItemIcon":"MenuBarButton-module_subMenuItemIcon__3iaB-","subMenuItemButton":"MenuBarButton-module_subMenuItemButton__2QnUz utils-module_unstyledButton__3rgne"};
+
+function _extends$2() {
+  _extends$2 = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$2.apply(this, arguments);
+}
+var CheckIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return React.createElement("svg", _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 512 512"
+  }, props), React.createElement("path", {
+    d: "M434.442 58.997L195.559 297.881 77.554 179.88 0 257.438l195.559 195.565L512 136.551z"
+  }));
+});
+
+function MenuBarButton(props) {
+  var subMenuItems = props.subMenuItems,
+      onClick = props.onClick;
+
+  var _useState = useState(props.subMenuExpanded),
+      _useState2 = _slicedToArray(_useState, 2),
+      subMenuExpanded = _useState2[0],
+      setSubMenuExpanded = _useState2[1];
+
+  var closeMenuTimeout = useRef();
+  var openMenu = useCallback(function () {
+    if (subMenuItems.length > 0) {
+      setSubMenuExpanded(true);
+    }
+  }, [subMenuItems.length]);
+  var closeMenu = useCallback(function () {
+    setSubMenuExpanded(false);
+  }, []);
+  var onButtonClick = useCallback(function (event) {
+    openMenu();
+
+    if (onClick) {
+      onClick();
+    }
+  }, [onClick, openMenu]);
+  var onFocus = useCallback(function () {
+    clearTimeout(closeMenuTimeout.current);
+  }, []);
+  var onBlur = useCallback(function () {
+    clearTimeout(closeMenuTimeout.current);
+    closeMenuTimeout.current = setTimeout(function () {
+      setSubMenuExpanded(false);
+    }, 100);
+  }, []);
+  var onKeyDown = useCallback(function (event) {
+    if (event.key === 'Escape') {
+      setSubMenuExpanded(false);
+    }
+  }, []);
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(_defineProperty({}, styles$s.subMenuExpanded, subMenuExpanded), styles$s.wrapper),
+      onMouseEnter: openMenu,
+      onMouseLeave: closeMenu,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onKeyDown: onKeyDown
+    },
+    /*#__PURE__*/
+    React.createElement("button", {
+      className: styles$s.button,
+      title: props.title,
+      onClick: onButtonClick
+    }, React.createElement(props.icon, {
+      className: styles$s.icon
+    })), renderSubMenu(props, closeMenu))
+  );
+}
+MenuBarButton.defaultProps = {
+  subMenuItems: []
+};
+
+function renderSubMenu(props, closeMenu) {
+  if (props.subMenuItems.length > 0) {
+    return (
+      /*#__PURE__*/
+      React.createElement("ul", {
+        className: styles$s.subMenu,
+        role: "menu"
+      }, renderSubMenuItems(props, closeMenu))
+    );
+  }
+}
+
+function renderSubMenuItems(props, closeMenu) {
+  return props.subMenuItems.map(function (item) {
+    return (
+      /*#__PURE__*/
+      React.createElement("li", {
+        className: styles$s.subMenuItem,
+        key: item.value
+      },
+      /*#__PURE__*/
+      React.createElement("button", {
+        className: styles$s.subMenuItemButton,
+        role: "menuitemradio",
+        "aria-checked": item.active,
+        onClick: subMenuItemClickHandler(props, item.value, closeMenu)
+      }, renderSubMenuItemIcon(item), item.label, renderSubMenuItemAnnotation(props, item)))
+    );
+  });
+}
+
+function renderSubMenuItemIcon(item) {
+  if (item.active) {
+    return (
+      /*#__PURE__*/
+      React.createElement(CheckIcon, {
+        className: styles$s.subMenuItemIcon
+      })
+    );
+  }
+}
+
+function renderSubMenuItemAnnotation(props, item) {
+  if (item.annotation) {
+    return (
+      /*#__PURE__*/
+      React.createElement("span", {
+        className: styles$s.subMenuItemAnnotation
+      }, item.annotation)
+    );
+  }
+}
+
+function subMenuItemClickHandler(props, value, closeMenu) {
+  return function (event) {
+    event.preventDefault();
+    closeMenu();
+
+    if (props.onSubMenuItemClick) {
+      props.onSubMenuItemClick(value);
+    }
+  };
+}
+
+function _extends$3() {
+  _extends$3 = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$3.apply(this, arguments);
+}
+var TextTracksIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return React.createElement("svg", _extends$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24"
+  }, props), React.createElement("path", {
+    d: "M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z"
+  }));
+});
+
+function TextTracksMenu(props) {
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  if (props.items.length < 2) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    React.createElement(MenuBarButton, {
+      title: t('pageflow_scrolled.public.player_controls.text_tracks'),
+      icon: TextTracksIcon,
+      subMenuItems: props.items,
+      onSubMenuItemClick: props.onItemClick
+    })
+  );
+}
+TextTracksMenu.defaultProps = {
+  items: []
+};
+
+var styles$t = {"transparent":"ControlBar-module_transparent__eS4af","lightBackground":"ControlBar-module_lightBackground__3-tGf","darkBackground":"ControlBar-module_darkBackground__31Wv7","controlBarContainer":"ControlBar-module_controlBarContainer__1cxRO","inset":"ControlBar-module_inset__JvBh9","button":"ControlBar-module_button___4aXE utils-module_unstyledButton__3rgne","playControl":"ControlBar-module_playControl__Vg5et ControlBar-module_button___4aXE utils-module_unstyledButton__3rgne"};
+
+function _extends$4() {
+  _extends$4 = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$4.apply(this, arguments);
+}
+var PlayIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return React.createElement("svg", _extends$4({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24"
+  }, props), React.createElement("path", {
+    d: "M8 5v14l11-7z"
+  }));
+});
+
+function _extends$5() {
+  _extends$5 = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$5.apply(this, arguments);
+}
+var PauseIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return React.createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24"
+  }, props), React.createElement("path", {
+    d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z"
+  }));
+});
+
+function PlayPauseButton(props) {
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return (
+    /*#__PURE__*/
+    React.createElement("button", {
+      className: styles$t.playControl,
+      "aria-label": t(props.isPlaying ? 'pause' : 'play', {
+        scope: 'pageflow_scrolled.public.player_controls'
+      }),
+      onClick: function onClick() {
+        return props.isPlaying ? props.pause() : props.play();
+      }
+    }, pausePlayIcon(props))
+  );
+}
+
+function pausePlayIcon(props) {
+  if (props.isPlaying) {
+    return (
+      /*#__PURE__*/
+      React.createElement(PauseIcon, {
+        className: styles$t.controlsIcon
+      })
+    );
+  } else {
+    return (
+      /*#__PURE__*/
+      React.createElement(PlayIcon, {
+        className: styles$t.controlsIcon
+      })
+    );
+  }
+}
+
+function WaveformPlayerControls(props) {
+  var darkBackground = useDarkBackground();
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      onMouseEnter: props.onMouseEnter,
+      onMouseLeave: props.onMouseLeave,
+      "data-testid": "waveform-controls",
+      className: classNames(styles$q.container, darkBackground ? styles$t.darkBackground : styles$t.lightBackground)
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$q.playControl
+    },
+    /*#__PURE__*/
+    React.createElement(PlayPauseButton, {
+      isPlaying: props.isPlaying,
+      play: props.play,
+      pause: props.pause
+    })),
+    /*#__PURE__*/
+    React.createElement(Waveform, {
+      isPlaying: props.isPlaying,
+      inverted: !darkBackground,
+      waveformColor: props.waveformColor,
+      mainColor: '#e10028',
+      play: props.play,
+      pause: props.pause,
+      mediaElementId: props.mediaElementId
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$q.timeDisplay
+    },
+    /*#__PURE__*/
+    React.createElement(TimeDisplay, {
+      currentTime: props.currentTime,
+      duration: props.duration
+    })),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$q.menus
+    },
+    /*#__PURE__*/
+    React.createElement(TextTracksMenu, {
+      items: props.textTracksMenuItems,
+      onItemClick: props.onTextTracksMenuItemClick
+    })))
+  );
+}
+
+var styles$u = {"container":"ProgressIndicators-module_container__1QiQJ","wrapper":"ProgressIndicators-module_wrapper__2PCVv","draggable":"ProgressIndicators-module_draggable__1iAE8","bars":"ProgressIndicators-module_bars__2-ddd","progressBar":"ProgressIndicators-module_progressBar__2PYn-","background":"ProgressIndicators-module_background__-x5f_ ProgressIndicators-module_progressBar__2PYn-","loadingProgressBar":"ProgressIndicators-module_loadingProgressBar__YD2GH ProgressIndicators-module_progressBar__2PYn-","playProgressBar":"ProgressIndicators-module_playProgressBar__3mCSX ProgressIndicators-module_progressBar__2PYn-","sliderHandle":"ProgressIndicators-module_sliderHandle__3ArIf","dragging":"ProgressIndicators-module_dragging__3yY3t"};
+
+function ProgressIndicators(_ref) {
+  var currentTime = _ref.currentTime,
+      duration = _ref.duration,
+      bufferedEnd = _ref.bufferedEnd,
+      scrubTo = _ref.scrubTo,
+      seekTo = _ref.seekTo;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      dragging = _useState2[0],
+      setDragging = _useState2[1];
+
+  var progressBarsContainerWidth = useRef();
+  var positionToTime = useCallback(function (x) {
+    if (duration && progressBarsContainerWidth.current) {
+      var fraction = Math.max(0, Math.min(1, x / progressBarsContainerWidth.current));
+      return fraction * duration;
+    } else {
+      return 0;
+    }
+  }, [duration]);
+  var handleStop = useCallback(function (mouseEvent, dragEvent) {
+    setDragging(false);
+    seekTo(positionToTime(dragEvent.x));
+  }, [seekTo, positionToTime]);
+  var handleDrag = useCallback(function (mouseEvent, dragEvent) {
+    setDragging(true);
+    scrubTo(positionToTime(dragEvent.x));
+  }, [scrubTo, positionToTime]);
+  var handleKeyDown = useCallback(function (event) {
+    var destination;
+
+    if (event.key === 'ArrowLeft') {
+      destination = Math.max(0, currentTime - 1);
+    } else if (event.key === 'ArrowRight') {
+      destination = Math.min(currentTime + 1, duration || Infinity);
+    }
+
+    seekTo(destination);
+  }, [seekTo, currentTime, duration]);
+  var loadProgress = duration > 0 ? Math.min(1, bufferedEnd / duration) : 0;
+  var playProgress = duration > 0 ? Math.min(1, currentTime / duration) : 0;
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classNames(styles$u.container, _defineProperty({}, styles$u.dragging, dragging)),
+      "aria-label": t('pageflow_scrolled.public.player_controls.progress', {
+        currentTime: formatTime(currentTime),
+        duration: formatTime(duration)
+      }),
+      onKeyDown: handleKeyDown,
+      tabIndex: "0"
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: styles$u.wrapper
+    },
+    /*#__PURE__*/
+    React.createElement(Measure, {
+      client: true,
+      onResize: function onResize(contentRect) {
+        return progressBarsContainerWidth.current = contentRect.client.width;
+      }
+    }, function (_ref2) {
+      var measureRef = _ref2.measureRef;
+      return (
+        /*#__PURE__*/
+        React.createElement(DraggableCore, {
+          onStart: handleDrag,
+          onDrag: handleDrag,
+          onStop: handleStop
+        },
+        /*#__PURE__*/
+        React.createElement("div", {
+          className: classNames(styles$u.draggable)
+        },
+        /*#__PURE__*/
+        React.createElement("div", {
+          ref: measureRef,
+          className: styles$u.bars
+        },
+        /*#__PURE__*/
+        React.createElement("div", {
+          className: styles$u.background
+        }),
+        /*#__PURE__*/
+        React.createElement("div", {
+          className: styles$u.loadingProgressBar,
+          style: {
+            width: toPercent(loadProgress)
+          },
+          "data-testid": "loading-progress-bar"
+        }),
+        /*#__PURE__*/
+        React.createElement("div", {
+          className: styles$u.playProgressBar,
+          style: {
+            width: toPercent(playProgress)
+          },
+          "data-testid": "play-progress-bar"
+        }),
+        /*#__PURE__*/
+        React.createElement("div", {
+          className: styles$u.sliderHandle,
+          style: {
+            left: toPercent(playProgress)
+          },
+          "data-testid": "slider-handle"
+        }))))
+      );
+    })))
+  );
+}
+
+function toPercent(value) {
+  return value > 0 ? value * 100 + '%' : 0;
+}
+
+function _extends$6() {
+  _extends$6 = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends$6.apply(this, arguments);
+}
+var QualityIcon = (function (_ref) {
+  var _ref$styles = _ref.styles,
+      props = _objectWithoutProperties(_ref, ["styles"]);
+
+  return React.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), React.createElement("path", {
+    d: "M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65A.488.488 0 0014 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"
+  }));
+});
+
+function QualityMenu(props) {
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  if (props.items.length < 2) {
+    return null;
+  }
+
+  return (
+    /*#__PURE__*/
+    React.createElement(MenuBarButton, {
+      title: t('pageflow_scrolled.public.player_controls.quality'),
+      icon: QualityIcon,
+      subMenuItems: props.items,
+      subMenuExpanded: props.subMenuExpanded,
+      onSubMenuItemClick: props.onItemClick,
+      x: true
+    })
+  );
+}
+QualityMenu.defaultProps = {
+  items: []
+};
+
+function ClassicPlayerControls(props) {
+  var _classNames;
+
+  var darkBackground = useDarkBackground();
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      onMouseEnter: props.onMouseEnter,
+      onMouseLeave: props.onMouseLeave,
+      className: classNames(styles$t.controlBarContainer, darkBackground ? styles$t.darkBackground : styles$t.lightBackground, (_classNames = {}, _defineProperty(_classNames, styles$t.inset, props.inset), _defineProperty(_classNames, styles$t.transparent, props.isPlaying && props.inset && props.inactive), _classNames))
+    },
+    /*#__PURE__*/
+    React.createElement(PlayPauseButton, {
+      isPlaying: props.isPlaying,
+      play: props.play,
+      pause: props.pause
+    }),
+    /*#__PURE__*/
+    React.createElement(ProgressIndicators, {
+      currentTime: props.currentTime,
+      duration: props.duration,
+      bufferedEnd: props.bufferedEnd,
+      scrubTo: props.scrubTo,
+      seekTo: props.seekTo
+    }),
+    /*#__PURE__*/
+    React.createElement(TimeDisplay, {
+      currentTime: props.currentTime,
+      duration: props.duration
+    }),
+    /*#__PURE__*/
+    React.createElement(TextTracksMenu, {
+      items: props.textTracksMenuItems,
+      onItemClick: props.onTextTracksMenuItemClick
+    }),
+    /*#__PURE__*/
+    React.createElement(QualityMenu, {
+      items: props.qualityMenuItems,
+      onItemClick: props.onQualityMenuItemClick,
+      subMenuExpanded: props.qualityMenuExpanded
+    }))
+  );
+}
+
+function PlayerControls(props) {
+  var ControlComponent = props.variant === 'waveform' ? WaveformPlayerControls : ClassicPlayerControls;
+  return (
+    /*#__PURE__*/
+    React.createElement(ControlComponent, props)
+  );
+}
+PlayerControls.defaultProps = {
+  currentTime: 200,
+  duration: 600,
+  bufferedEnd: 400,
+  isPlaying: false,
+  play: function play() {},
+  pause: function pause() {},
+  scrubTo: function scrubTo() {},
+  seekTo: function seekTo() {},
+  inset: false
+};
+
+function MediaPlayerControls(props) {
+  var playerState = props.playerState;
+  var playerActions = props.playerActions;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var textTracks = useTextTracks({
+    file: props.file,
+    defaultTextTrackFilePermaId: props.defaultTextTrackFilePermaId,
+    captionsByDefault: useMediaMuted()
+  });
+  var focusOutlineVisible = useFocusOutlineVisible();
+  return (
+    /*#__PURE__*/
+    React.createElement(PlayerControls, Object.assign({
+      inset: props.configuration.position === 'full' || props.configuration.caption,
+      type: props.type,
+      variant: props.configuration.playerControlVariant,
+      waveformColor: props.configuration.waveformColor,
+      mediaElementId: playerState.mediaElementId,
+      currentTime: playerState.scrubbingAt !== undefined ? playerState.scrubbingAt : playerState.currentTime,
+      bufferedEnd: playerState.bufferedEnd,
+      duration: playerState.duration,
+      isPlaying: playerState.isPlaying,
+      inactive: playerState.userIdle && (!focusOutlineVisible || !playerState.focusInsideControls) && !playerState.userHoveringControls,
+      onFocus: playerActions.focusEnteredControls,
+      onBlur: playerActions.focusLeftControls,
+      onMouseEnter: playerActions.controlsEntered,
+      onMouseLeave: playerActions.controlsLeft,
+      play: playerActions.playBlessed,
+      pause: playerActions.pause,
+      scrubTo: playerActions.scrubTo,
+      seekTo: playerActions.seekTo,
+      textTracksMenuItems: getTextTracksMenuItems(textTracks, t),
+      onTextTracksMenuItemClick: textTracks.select,
+      qualityMenuItems: props.qualityMenuItems,
+      onQualityMenuItemClick: props.onQualityMenuItemClick
+    }, props))
+  );
+}
+MediaPlayerControls.defaultProps = {
+  configuration: {},
+  sectionProps: {}
+};
+
+function getTextTracksMenuItems(textTracks, t) {
+  if (!textTracks.files.length) {
+    return [];
+  }
+
+  return [{
+    value: 'off',
+    label: t('pageflow_scrolled.public.text_track_modes.none'),
+    active: textTracks.mode === 'off'
+  }, {
+    value: 'auto',
+    label: textTracks.autoDisplayLabel,
+    active: textTracks.mode === 'auto'
+  }].concat(_toConsumableArray(textTracks.files.map(function (textTrackFile) {
+    return {
+      value: textTrackFile.id,
+      label: textTrackFile.displayLabel,
+      active: textTracks.mode === 'user' && textTrackFile.id === textTracks.activeFileId
+    };
+  })));
+}
+
+function VideoPlayerControls(props) {
+  var _useVideoQualitySetti = useVideoQualitySetting(),
+      _useVideoQualitySetti2 = _slicedToArray(_useVideoQualitySetti, 2),
+      activeQuality = _useVideoQualitySetti2[0],
+      setActiveQuality = _useVideoQualitySetti2[1];
+
+  var file = useFile({
+    collectionName: 'videoFiles',
+    permaId: props.videoFilePermaId
+  });
+  var availableQualities = useAvailableQualities(file);
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return (
+    /*#__PURE__*/
+    React.createElement(MediaPlayerControls, Object.assign({}, props, {
+      file: file,
+      qualityMenuItems: getQualityMenuItems(availableQualities, activeQuality, t),
+      onQualityMenuItemClick: setActiveQuality
+    }))
+  );
+}
+
+function getQualityMenuItems(availableQualities, activeQuality, t) {
+  return availableQualities.map(function (quality) {
+    return {
+      value: quality,
+      label: t("pageflow_scrolled.public.video_qualities.labels.".concat(quality)),
+      annotation: t("pageflow_scrolled.public.video_qualities.annotations.".concat(quality), {
+        defaultValue: ''
+      }),
+      active: activeQuality === quality
+    };
+  });
+}
+
+function AudioPlayerControls(props) {
+  var file = useFile({
+    collectionName: 'audioFiles',
+    permaId: props.audioFilePermaId
+  });
+  return (
+    /*#__PURE__*/
+    React.createElement(MediaPlayerControls, Object.assign({}, props, {
+      file: file
+    }))
+  );
+}
+
+var styles$v = {"crop":"SectionThumbnail-module_crop__Q1nZj","scale":"SectionThumbnail-module_scale__2tKDG"};
+
+function SectionThumbnail(_ref) {
+  var seed = _ref.seed,
+      props = _objectWithoutProperties(_ref, ["seed"]);
+
+  return (
+    /*#__PURE__*/
+    React.createElement(RootProviders, {
+      seed: seed
+    },
+    /*#__PURE__*/
+    React.createElement(Inner, props))
+  );
+}
+
+function Inner(_ref2) {
+  var sectionPermaId = _ref2.sectionPermaId,
+      subscribe = _ref2.subscribe;
+  var dispatch = useEntryStateDispatch();
+  useEffect(function () {
+    return subscribe(dispatch);
+  }, [subscribe, dispatch]);
+  var section = useSectionStructure({
+    sectionPermaId: sectionPermaId
+  });
+
+  if (section) {
+    return (
+      /*#__PURE__*/
+      React.createElement(StaticPreview, null,
+      /*#__PURE__*/
+      React.createElement(Measure, {
+        client: true
+      }, function (_ref3) {
+        var measureRef = _ref3.measureRef,
+            contentRect = _ref3.contentRect;
+        return (
+          /*#__PURE__*/
+          React.createElement(FullscreenHeightProvider, {
+            height: contentRect.client.height && Math.ceil(contentRect.client.height) * 5
+          },
+          /*#__PURE__*/
+          React.createElement("div", {
+            ref: measureRef,
+            className: styles$v.crop
+          },
+          /*#__PURE__*/
+          React.createElement("div", {
+            className: styles$v.scale
+          },
+          /*#__PURE__*/
+          React.createElement("div", {
+            className: entryStyles.Entry
+          },
+          /*#__PURE__*/
+          React.createElement(Section, Object.assign({
+            state: "active"
+          }, section, {
+            transition: "preview"
+          }))))))
+        );
+      }))
+    );
+  } else {
+    return (
+      /*#__PURE__*/
+      React.createElement("div", {
+        className: styles$v.root
+      }, "Not found.")
+    );
+  }
+}
+
+Inner.defaultProps = {
+  subscribe: function subscribe() {}
+};
+
+var EditableInlineText = withInlineEditingAlternative('EditableInlineText', function EditableInlineText(_ref) {
+  var _value$, _value$$children$;
+
+  var value = _ref.value,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue;
+  return value ? (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : (_value$$children$ = _value$.children[0]) === null || _value$$children$ === void 0 ? void 0 : _value$$children$.text : defaultValue;
+});
+
+function registerTemplateWidgetType (typeName, callback) {
+  var element = document.getElementById('template-widget-container');
+  callback(element);
+}
+
+var editMode = typeof window !== 'undefined' && window.location.pathname.indexOf('/editor/entries') === 0;
+var withShadowClassName = styles$l.withShadow;
+
+global.pageflowScrolledRender = function (seed) {
+  setupI18n(seed.i18n);
+  browser.detectFeatures().then(function () {
+    if (editMode) {
+      loadInlineEditingComponents().then(function () {
+        return render(seed);
+      });
+    } else {
+      render(seed);
+    }
+  });
+};
+
+function render(seed) {
+  if (editMode) {
+    ReactDOM.render(
+    /*#__PURE__*/
+    React.createElement(Root, {
+      seed: seed
+    }), document.getElementById('root'));
+  } else {
+    ReactDOM.hydrate(
+    /*#__PURE__*/
+    React.createElement(Root, {
+      seed: seed
+    }), document.getElementById('root'));
+  }
+}
+
+function Root(_ref) {
+  var seed = _ref.seed;
+  return (
+    /*#__PURE__*/
+    React.createElement(RootProviders, {
+      seed: seed
+    },
+    /*#__PURE__*/
+    React.createElement(AppHeader, null),
+    /*#__PURE__*/
+    React.createElement(Entry, null))
+  );
+}
+
+export { Atmo, AtmoContext, AtmoProvider, AudioPlayer, AudioPlayerControls, ClassicPlayerControls, EditableInlineText, Entry, Figure, Image, MediaInteractionTracking, MediaPlayer, MediaPlayerControls, PhonePlatformProvider, PlayerControls, Root, RootProviders, SectionThumbnail, VideoPlayer, VideoPlayerControls, ViewportDependentPillarBoxes, WaveformPlayerControls, getAvailableTransitionNames, getInitialPlayerState, getTransitionNames, playerStateReducer, processSources, registerTemplateWidgetType, useAtmo, useDarkBackground, usePlayerState, withShadowClassName };