pageflow 15.6.1 → 15.7.0

data/entry_types/scrolled/package/frontend/{useBrowserFeature-91a4c29d.js → usePhonePlatform-2857c22b.js}

@@ -1,6 +1,6 @@
 import { browser } from 'pageflow/frontend';
 import React, { createContext, useContext, useState, useEffect } from 'react';
-import { _ as _slicedToArray } from './i18n-4dc6c377.js';
+import { c as _slicedToArray, P as PhonePlatformContext } from './PhonePlatformContext-9fb97827.js';
 
 var BrowserFeaturesAvailableContext = createContext(); // Browser feature detection is not available during server side
 // rendering. To prevent mismatches during hydration, we keep features
@@ -19,15 +19,16 @@ function BrowserFeaturesProvider(_ref) {
   useEffect(function () {
     return setIsAvailable(true);
   }, []);
-  return (
-    /*#__PURE__*/
-    React.createElement(BrowserFeaturesAvailableContext.Provider, {
-      value: isAvailable
-    }, children)
-  );
+  return /*#__PURE__*/React.createElement(BrowserFeaturesAvailableContext.Provider, {
+    value: isAvailable
+  }, children);
 }
 function useBrowserFeature(name) {
   return useContext(BrowserFeaturesAvailableContext) && browser.has(name);
 }
 
-export { BrowserFeaturesProvider as B, useBrowserFeature as u };
+function usePhonePlatform() {
+  return React.useContext(PhonePlatformContext);
+}
+
+export { BrowserFeaturesProvider as B, usePhonePlatform as a, useBrowserFeature as u };

data/entry_types/scrolled/package/frontend-server.js

@@ -219,10 +219,7 @@ ReactRailsUJS.getConstructor = function () {
 function ServerRenderedRoot(_ref) {
   var seed = _ref.seed;
   setupI18n(seed.i18n);
-  return (
-    /*#__PURE__*/
-    React.createElement(Root, {
-      seed: seed
-    })
-  );
+  return /*#__PURE__*/React.createElement(Root, {
+    seed: seed
+  });
 }

data/entry_types/scrolled/package/package.json

@@ -29,8 +29,8 @@
     "slugify": "^1.4.6",
     "striptags": "^3.1.1",
     "use-context-selector": "^1.2.11",
-    "video.js": "https://github.com/tf/video.js#pageflow-scrolled-5",
-    "wavesurfer.js": "https://github.com/tf/wavesurfer.js#patches",
+    "video.js": "https://github.com/tf/video.js#pageflow-scrolled-6",
+    "wavesurfer.js": "6.1.0",
     "whatwg-fetch": "^3.0.0"
   },
   "peerDependencies": {
@@ -39,16 +39,19 @@
     "react-dom": "^16.9.0"
   },
   "devDependencies": {
+    "@percy-io/in-percy": "^0.1.11",
     "@percy/storybook": "^3.2.0",
     "@storybook/addon-viewport": "^5.3.13",
     "@storybook/react": "^5.3.9",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^10.3.0",
-    "@testing-library/react-hooks": "^3.2.1",
+    "@testing-library/dom": "^8.11.1",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^12.0.0",
+    "@testing-library/react-hooks": "^7.0.1",
+    "@testing-library/user-event": "^13.5.0",
     "@typescript-eslint/eslint-plugin": "2.x",
     "@typescript-eslint/parser": "2.x",
     "babel-eslint": "10.x",
-    "babel-jest": "^24.9.0",
+    "babel-jest": "^27.0.6",
     "babel-loader": "^8.0.6",
     "eslint": "6.x",
     "eslint-config-react-app": "^5.1.0",
@@ -59,10 +62,15 @@
     "eslint-plugin-jsx-a11y": "6.x",
     "eslint-plugin-react": "7.x",
     "eslint-plugin-react-hooks": "1.x",
-    "jest": "^24.9.0",
+    "jest": "^27.0.6",
+    "jest-fetch-mock": "^3.0.3",
     "jest-svg-transformer": "^1.0.0",
+    "mockdate": "^3.0.5",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
     "react-svg-loader": "^3.0.3",
-    "react-test-renderer": "^16.9.0"
+    "react-test-renderer": "^16.9.0",
+    "slate-hyperscript": "^0.57.3"
   },
   "scripts": {
     "test": "jest",

data/entry_types/scrolled/package/testHelpers.js

@@ -0,0 +1,456 @@
+import React, { useEffect } from 'react';
+import { render } from '@testing-library/react';
+import { renderHook } from '@testing-library/react-hooks/dom';
+import { Consent } from 'pageflow/frontend';
+import { RootProviders, useEntryStateDispatch } from 'pageflow-scrolled/frontend';
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
+
+/**
+ * Construct data structure that resembles seed generated by server
+ * side JBuilder templates.
+ *
+ * @param {Object} [options]
+ * @param {Object} [options.imageFileUrlTemplates] - Mapping of url template names to url templates.
+ * @param {String} [options.prettyUrl] - The entry's url (Default share url).
+ * @param {Object} [options.shareUrlTemplates] - Mapping of share provider names to sharing urls.
+ * @param {String} [options.defaultFileRights] - Default file rights of entry's account.
+ * @param {Object} [options.legalInfo] - imprint, copyright and privacy information of entry.
+ * @param {Object} [options.themeOptions] - Options set via theme registration.
+ * @param {Object} [options.themeAssets] - Paths to theme assets.
+ * @param {Object} [options.entry] - attributes of entry.
+ * @param {Array} [options.imageFiles] - Array of objects with image file attributes of entry.
+ * @param {Array} [options.videoFiles] - Array of objects with video file attributes of entry.
+ * @param {Array} [options.audioFiles] - Array of objects with audio file attributes of entry.
+ * @param {Array} [options.textTrackFiles] - Array of objects with text track file attributes of entry.
+ * @param {Array} [options.chapters] - Array of objects with chapter attributes of entry.
+ * @param {Array} [options.sections] - Array of objects with section attributes of entry.
+ * @param {Array} [options.contentElements] - Array of objects with content element attributes of entry.
+ * @param {Array} [options.widgets] - Array of objects with widget attributes of entry.
+ * @returns {Object} - Data that resembles seed generated by server side rendering.
+ */
+function normalizeSeed() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      imageFileUrlTemplates = _ref.imageFileUrlTemplates,
+      fileUrlTemplates = _ref.fileUrlTemplates,
+      fileModelTypes = _ref.fileModelTypes,
+      prettyUrl = _ref.prettyUrl,
+      shareUrlTemplates = _ref.shareUrlTemplates,
+      defaultFileRights = _ref.defaultFileRights,
+      legalInfo = _ref.legalInfo,
+      themeOptions = _ref.themeOptions,
+      themeAssets = _ref.themeAssets,
+      entry = _ref.entry,
+      imageFiles = _ref.imageFiles,
+      videoFiles = _ref.videoFiles,
+      audioFiles = _ref.audioFiles,
+      textTrackFiles = _ref.textTrackFiles,
+      chapters = _ref.chapters,
+      sections = _ref.sections,
+      contentElements = _ref.contentElements,
+      widgets = _ref.widgets,
+      additionalSeedData = _ref.additionalSeedData;
+
+  var entries = entry ? [entry] : [{}];
+  var normalizedEntries = normalizeCollection(entries);
+  var normalizedContentElements = normalizeCollection(contentElements, {
+    typeName: 'textBlock',
+    configuration: {}
+  });
+  var normalizedSections = normalizeSections(sections, normalizedContentElements);
+  var normalizedChapters = normalizeChapters(chapters, normalizedSections);
+  return {
+    config: {
+      fileUrlTemplates: _objectSpread2({
+        imageFiles: _objectSpread2({}, imageFileUrlTemplates),
+        videoFiles: {},
+        audioFiles: {},
+        textTrackFiles: {}
+      }, fileUrlTemplates),
+      fileModelTypes: _objectSpread2({
+        audioFiles: 'Pageflow::AudioFile',
+        imageFiles: 'Pageflow::ImageFile',
+        textTrackFiles: 'Pageflow::TextTrackFile',
+        videoFiles: 'Pageflow::VideoFile'
+      }, fileModelTypes),
+      prettyUrl: prettyUrl,
+      shareUrlTemplates: normalizeShareUrlTemplates(shareUrlTemplates),
+      defaultFileRights: defaultFileRights,
+      legalInfo: normalizeLegalInfo(legalInfo),
+      theme: normalizeTheme({
+        themeOptions: themeOptions,
+        themeAssets: themeAssets
+      }),
+      additionalSeedData: additionalSeedData || {}
+    },
+    collections: {
+      entries: normalizedEntries,
+      imageFiles: normalizeCollection(imageFiles, {
+        isReady: true,
+        width: 1920,
+        height: 1279,
+        configuration: {}
+      }),
+      videoFiles: normalizeCollection(videoFiles, {
+        isReady: true,
+        width: 1920,
+        height: 1279,
+        configuration: {}
+      }),
+      audioFiles: normalizeCollection(audioFiles, {
+        isReady: true,
+        configuration: {}
+      }),
+      textTrackFiles: normalizeCollection(textTrackFiles, {
+        parentFileId: null,
+        parentFileType: null,
+        configuration: {}
+      }),
+      chapters: normalizedChapters,
+      sections: normalizedSections,
+      contentElements: normalizedContentElements,
+      widgets: normalizeWidgets(widgets)
+    }
+  };
+}
+
+function normalizeSections() {
+  var sections = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var contentElements = arguments.length > 1 ? arguments[1] : undefined;
+  var sectionDefaults = {
+    configuration: {
+      transition: 'scroll',
+      backdrop: {
+        image: '#000'
+      }
+    }
+  };
+
+  if (contentElements.length && !sections.length) {
+    contentElements.forEach(function (contentElement) {
+      return contentElement.sectionId = 10;
+    });
+    return [_objectSpread2({
+      id: 10,
+      permaId: 1
+    }, sectionDefaults)];
+  }
+
+  return normalizeCollection(sections, sectionDefaults);
+}
+
+function normalizeChapters() {
+  var chapters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var sections = arguments.length > 1 ? arguments[1] : undefined;
+  var chapterDefaults = {
+    configuration: {}
+  };
+
+  if (sections.length && !chapters.length) {
+    sections.forEach(function (section) {
+      return section.chapterId = 100;
+    });
+    return [_objectSpread2({
+      id: 100,
+      permaId: 10
+    }, chapterDefaults)];
+  }
+
+  return normalizeCollection(chapters, chapterDefaults);
+}
+
+function normalizeShareUrlTemplates(shareUrlTemplates) {
+  if (shareUrlTemplates) {
+    return shareUrlTemplates;
+  } else {
+    return {
+      email: 'mailto:?body=%{url}',
+      facebook: 'http://www.facebook.com/sharer/sharer.php?u=%{url}',
+      google: 'https://plus.google.com/share?url=%{url}',
+      linked_in: 'https://www.linkedin.com/shareArticle?mini=true&url=%{url}',
+      telegram: 'tg://msg?text=%{url}',
+      twitter: 'https://twitter.com/intent/tweet?url=%{url}',
+      whats_app: 'WhatsApp://send?text=%{url}'
+    };
+  }
+}
+
+function normalizeLegalInfo(legalInfo) {
+  if (legalInfo) {
+    return legalInfo;
+  } else {
+    return {
+      imprint: {
+        label: '',
+        url: ''
+      },
+      copyright: {
+        label: '',
+        url: ''
+      },
+      privacy: {
+        label: '',
+        url: ''
+      }
+    };
+  }
+}
+
+function normalizeTheme(_ref2) {
+  var themeAssets = _ref2.themeAssets,
+      themeOptions = _ref2.themeOptions;
+  return {
+    assets: _objectSpread2({
+      icons: {}
+    }, themeAssets),
+    options: _objectSpread2({
+      colors: {}
+    }, themeOptions)
+  };
+}
+
+function normalizeWidgets() {
+  var widgets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return widgets.map(function (widget) {
+    return _objectSpread2({
+      permaId: widget.role,
+      configuration: {}
+    }, widget);
+  });
+}
+
+function normalizeCollection() {
+  var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return collection.map(function (item, index) {
+    return _objectSpread2(_objectSpread2({
+      id: index + 1,
+      permaId: index + 1
+    }, defaults), item);
+  });
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
+/**
+ * Render a component that depends on entry state. Accepts all options
+ * supported by [`render` of
+ * `@testing-library/react`](https://testing-library.com/docs/react-testing-library/api#render).
+ *
+ * The `seed` option can be used to simulate rendering the component
+ * in the published entry. Data passed in this option would normally
+ * be rendered in a server side JBuilder template.
+ *
+ * The `setup` option can be used to simulate rendering the component
+ * in the editor where data is synchronized from Backbone models.
+ *
+ * To be able to render components that expect the result of certain
+ * hooks as part of their props, instead of a React component, you can
+ * pass a function returning a React component as first parameter. The
+ * function will be evaluated in a context of a React component and
+ * can thus make use of hooks
+ *
+ *     // DOES NOT WORK
+ *     renderInEntry(<Image file={useFile({collectionName: 'imageFiles', permaId: 4})} />, {seed});
+ *
+ *     // WORKS
+ *     renderInEntry(() => <Image file={useFile({collectionName: 'imageFiles', permaId: 4})} />, {seed});
+ *
+ * When using the `rerender` function from the result, you again need
+ * to use the same type of parameter you passed to the original
+ * `renderInEntry` call.
+ *
+ * @param {React.Component|Function} ui - React component or function returning a React component
+ * @param {Object} [options]
+ * @param {Object} [options.seed] - Seed data for entry state. Passed through {@link normalizeSeed}.
+ * @param {Function} [options.setup] -
+ *   Function that gets called with the internal entry state dispatch
+ *   function. The normalized seed constructed from the `seed` option
+ *   is passed as a second parameter.
+ */
+
+function renderInEntry(ui) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      seed = _ref.seed,
+      setup = _ref.setup,
+      wrapper = _ref.wrapper,
+      _ref$consent = _ref.consent,
+      consent = _ref$consent === void 0 ? Consent.create() : _ref$consent,
+      options = _objectWithoutProperties(_ref, ["seed", "setup", "wrapper", "consent"]);
+
+  options = _objectSpread2({
+    wrapper: createWrapper(seed, setup, wrapper, consent)
+  }, options);
+
+  if (typeof ui === 'function') {
+    // Evaluate `ui` inside a React component to allow using hooks in
+    // the test. We also could have used `ui` as a React component
+    // directly (e.g. `React.createElement(ui)`). But when calling
+    // `rerender` with a different function than the one passed to the
+    // original `renderInEntry` call, e.g.
+    //
+    //   const {rerender} = renderInEntry(() => <MyComponent someProp={1} />);
+    //   rerender(() => <MyComponent someProp={2} />);
+    //
+    // React would unmount the `MyComponent` component from the first
+    // render call and mount a new one. We therefore define a single
+    // component that is reused across rerenders to ensure
+    // `MyComponent` stays mounted and just receives new props.
+    var HooksWrapper = function HooksWrapper(_ref2) {
+      var ui = _ref2.ui;
+      return ui();
+    };
+
+    var result = render( /*#__PURE__*/React.createElement(HooksWrapper, {
+      ui: ui
+    }), options);
+    return _objectSpread2(_objectSpread2({}, result), {}, {
+      rerender: function rerender(ui) {
+        result.rerender( /*#__PURE__*/React.createElement(HooksWrapper, {
+          ui: ui
+        }));
+      }
+    });
+  } else {
+    return render(ui, options);
+  }
+}
+/**
+ * Render a hook that depends on entry state.  Accepts all options
+ * supported by [`renderHook` of
+ * `@testing-library/react-hooks`](https://react-hooks-testing-library.com/reference/api)
+ *
+ * Can be used to test selector hooks which extract information from
+ * the entry state.
+ *
+ * @param {Function} callback - Function that calls the hook.
+ * @param {Object} [options]
+ * @param {Object} [options.seed] - Seed data for entry state. Passed through {@link normalizeSeed}.
+ * @param {Function} [options.setup] - See {@link renderInEntry}.
+ */
+
+function renderHookInEntry(callback) {
+  var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      seed = _ref3.seed,
+      setup = _ref3.setup,
+      wrapper = _ref3.wrapper,
+      options = _objectWithoutProperties(_ref3, ["seed", "setup", "wrapper"]);
+
+  return renderHook(callback, _objectSpread2({
+    wrapper: createWrapper(seed, setup, wrapper)
+  }, options));
+}
+
+function createWrapper(seed, setup, originalWrapper, consent) {
+  var normalizedSeed = normalizeSeed(seed);
+
+  var OriginalWrapper = originalWrapper || function Noop(_ref4) {
+    var children = _ref4.children;
+    return children;
+  };
+
+  return function Wrapper(_ref5) {
+    var children = _ref5.children;
+    return /*#__PURE__*/React.createElement(RootProviders, {
+      seed: normalizedSeed,
+      consent: consent
+    }, /*#__PURE__*/React.createElement(Dispatcher, {
+      callback: setup,
+      seed: normalizedSeed
+    }, /*#__PURE__*/React.createElement(OriginalWrapper, null, children)));
+  };
+}
+
+function Dispatcher(_ref6) {
+  var children = _ref6.children,
+      seed = _ref6.seed,
+      callback = _ref6.callback;
+  var dispatch = useEntryStateDispatch();
+  useEffect(function () {
+    if (callback) {
+      callback(dispatch, seed);
+    }
+  }, [dispatch, seed, callback]);
+  return children;
+}
+
+export { normalizeSeed, renderHookInEntry, renderInEntry };

data/entry_types/scrolled/package/values/breakpoints.module.css

@@ -0,0 +1,9 @@
+@value breakpoint-sm: (min-width: 640px);
+@value breakpoint-md: (min-width: 768px);
+@value breakpoint-lg: (min-width: 1024px);
+@value breakpoint-xl: (min-width: 1280px);
+
+@value breakpoint-below-sm: (max-width: 639px);
+@value breakpoint-below-md: (max-width: 767px);
+@value breakpoint-below-lg: (max-width: 1023px);
+@value breakpoint-below-xl: (max-width: 1279px);

data/entry_types/scrolled/package/values/colors.module.css

@@ -0,0 +1,5 @@
+@value lightContentSurfaceColor: var(--theme-light-content-surface-color, #fff);
+@value darkContentSurfaceColor: var(--theme-dark-content-surface-color, #101010);
+
+@value lightContentTextColor: var(--theme-light-content-text-color, #fff);
+@value darkContentTextColor: var(--theme-dark-content-text-color, #222);

data/entry_types/scrolled/package/widgets/defaultNavigation.css

@@ -0,0 +1,9 @@
+.DefaultNavigation-module_navigationBar__2RK0h{--default-navigation-bar-height:var(--theme-default-navigation-bar-height,50px);--default-navigation-scroller-top:var(--theme-default-navigation-scroller-top,0);--default-navigation-scroll-button-top:var(--theme-default-navigation-scroll-button-top,5px);--default-navigation-chapter-link-height:var(--theme-default-navigation-chapter-link-height,50px);--default-navigation-progress-indicator-height:var(--theme-default-navigation-progress-indicator-height,10px);font-family:var(--theme-widget-font-family);position:fixed;top:calc(-1*var(--default-navigation-bar-height));transition:top .15s;z-index:10000;width:100%;text-align:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DefaultNavigation-module_navigationBarExpanded__C3sLq{top:0}.DefaultNavigation-module_navigationBarContentWrapper__3narH{position:relative;z-index:2;background-color:var(--theme-widget-surface-color);color:var(--theme-widget-on-surface-color);height:var(--default-navigation-bar-height);box-sizing:border-box;padding-top:var(--default-navigation-scroller-top)}.DefaultNavigation-module_menuIcon__2bb8s{position:absolute;top:0;left:12px;height:var(--default-navigation-bar-height)}.DefaultNavigation-module_contextIcons__2e65s{position:absolute;top:0;right:12px;display:flex}.DefaultNavigation-module_contextIcons__2e65s>*{pointer-events:auto}.DefaultNavigation-module_contextIcon__ELsqa{cursor:pointer;width:40px;height:var(--default-navigation-bar-height);color:var(--theme-widget-secondary-color);fill:currentcolor;stroke:currentColor}.DefaultNavigation-module_contextIcon__ELsqa svg{width:35px;height:35px;margin:7px 2px}.DefaultNavigation-module_contextIcon__ELsqa:hover,div:focus-within>.DefaultNavigation-module_contextIcon__ELsqa{color:var(--theme-widget-primary-color)}.DefaultNavigation-module_logo__3gUbx{top:0;left:15px;height:100%;max-width:15%}.DefaultNavigation-module_logo__3gUbx img{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.DefaultNavigation-module_chapterList__3VoXX{padding:0;margin:0;list-style:none;display:flex}.DefaultNavigation-module_chapterListItem__1YF5e{position:relative;padding:0 5px;border-right:1px solid #e9e9e9}.DefaultNavigation-module_chapterListItem__1YF5e:last-of-type{border-right:none}.DefaultNavigation-module_navigationTooltip__26Fvn{opacity:1!important;box-shadow:0 0 .3125rem rgba(0,0,0,.2)}.DefaultNavigation-module_progressBar__1jvov{position:relative;background-color:hsla(0,0%,76.1%,.8);height:8px;width:100%}.DefaultNavigation-module_progressIndicator__2d_e3{position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--theme-accent-color)}@media screen and (max-width:767px){.DefaultNavigation-module_logo__3gUbx{max-width:30%}.DefaultNavigation-module_hasChapters__3ab-r .DefaultNavigation-module_logo__3gUbx{left:65px}.DefaultNavigation-module_navigationChapters__3M6zh{display:block;position:fixed;top:calc(var(--default-navigation-bar-height) + var(--default-navigation-progress-indicator-height));left:0;background:var(--theme-widget-background-color);width:100vw;bottom:0;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow:scroll}.DefaultNavigation-module_navigationChaptersHidden__2TrUo{display:none}.DefaultNavigation-module_chapterList__3VoXX{display:block;padding-top:var(--default-navigation-bar-height);box-sizing:border-box;min-height:101%}.DefaultNavigation-module_chapterListItem__1YF5e{width:80vw;padding:25px 10vw;border-right:none}.DefaultNavigation-module_chapterListItem__1YF5e:after,.DefaultNavigation-module_chapterListItem__1YF5e:before{display:table;content:" ";border-top:1px solid #646464;width:14%;margin:0 43%;transition:width .15s,margin .15s}.DefaultNavigation-module_chapterListItem__1YF5e:hover:after,.DefaultNavigation-module_chapterListItem__1YF5e:hover:before{border-top:1px solid var(--theme-widget-primary-color);width:80%;margin:0 10%}.DefaultNavigation-module_chapterListItem__1YF5e p{margin-top:0}.DefaultNavigation-module_progressBar__1jvov{height:var(--default-navigation-progress-indicator-height)}}@media print{.DefaultNavigation-module_navigationBar__2RK0h{position:relative;top:0;height:auto}.DefaultNavigation-module_logo__3gUbx{left:0}.DefaultNavigation-module_chapterList__3VoXX,.DefaultNavigation-module_contextIcons__2e65s,.DefaultNavigation-module_progressBar__1jvov{display:none}}@media (min-width:768px){.HamburgerIcon-module_burgerMenuIconContainer__3aBkk{display:none}}.HamburgerIcon-module_burgerMenuIcon__1WUV0{outline:none}
+
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
+ */.HamburgerIcons-module_hamburger__SOreS{display:inline-block;cursor:pointer;transition-property:opacity,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__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn,.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{background-color:var(--theme-accent-color)}.HamburgerIcons-module_hamburger-box__10MR1{width:40px;height:24px;display:inline-block;position:relative;vertical-align:top}.HamburgerIcons-module_hamburger-inner__Wv7Dn{display:block;top:50%;margin-top:-2px}.HamburgerIcons-module_hamburger-inner__Wv7Dn,.HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{width:30px;height:4px;background-color:var(--theme-widget-primary-color);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{content:"";display:block}.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{top:-10px}.HamburgerIcons-module_hamburger-inner__Wv7Dn:after{bottom:-10px}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn: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__3YspQ{line-height:42px;color:var(--theme-widget-primary-color);text-decoration:none;position:relative;display:block;font-family:inherit;font-weight:700;font-size:1rem;height:42px;white-space:nowrap;padding:0 10px;margin:4px 0}.ChapterLink-module_chapterLink__3YspQ:hover,.ChapterLink-module_chapterLinkActive__9i8SL{color:var(--theme-accent-color)}.ChapterLink-module_summary__2ZfRU{color:var(--theme-widget-on-background-color)}.ChapterLink-module_tooltipBubble__3VRUO{display:none}@media (min-width:768px){.ChapterLink-module_summary__2ZfRU{display:none}.ChapterLink-module_tooltipBubble__3VRUO{display:block}}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u{text-align:left}.LegalInfoMenu-module_scroller__3NPW_{overflow:auto;max-height:40vh;scrollbar-width:thin;margin-right:-5px;padding-right:5px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar{width:3px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar-thumb{background-color:var(--theme-widget-secondary-color);border-radius:2px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar-track{background-color:var(--theme-widget-surface-color)}.LegalInfoMenu-module_links__1kpsd{position:relative;padding-top:5px;padding-bottom:5px}.LegalInfoMenu-module_links__1kpsd:before{content:"";position:absolute;top:0;left:-5px;right:-5px;border-top:1px solid var(--theme-widget-primary-color);opacity:.1}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u:after{left:90%!important}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u p{margin:0 0 .5em}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u a{color:var(--theme-accent-color)}.LegalInfoMenu-module_legalInfoLink__gkXaF{display:block;margin-top:5px}.SharingMenu-module_shareIcon__2iW2l svg{width:40px;height:40px;margin:5px 0}header .share svg{fill:var(--theme-widget-primary-color)}header .share:hover svg{fill:var(--theme-accent-color)}.SharingMenu-module_sharingTooltip__2Tyev{width:160px;padding:0!important}.SharingMenu-module_sharingTooltip__2Tyev:after{left:90%!important}.SharingMenu-module_shareLinkContainer__3-3W6{display:inline-block;width:80px;height:60px;cursor:pointer;color:transparent;text-align:center}.SharingMenu-module_shareLink__3PdRE{position:relative;color:var(--theme-widget-primary-color);text-decoration:none}.SharingMenu-module_shareLink__3PdRE:hover{color:var(--theme-accent-color)}.SharingMenu-module_shareIcon__2iW2l{width:80px;height:25px;margin-top:5px;margin-bottom:3px}.ToggleMuteButton-module_button__1ACmo{color:var(--theme-widget-primary-color)}.ToggleMuteButton-module_animate__pd1yK{position:relative}.ToggleMuteButton-module_animate__pd1yK:before{content:"";display:block;position:absolute;top:50%;left:50%;margin:-5px;z-index:-1;width:10px;height:10px;background-color:#ddd;border-radius:5px;-webkit-animation:ToggleMuteButton-module_pulse__2UN7Q .5s ease .2s 1;animation:ToggleMuteButton-module_pulse__2UN7Q .5s ease .2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;pointer-events:none}@-webkit-keyframes ToggleMuteButton-module_pulse__2UN7Q{0%{opacity:.8}to{transform:scale(40);opacity:0}}@keyframes ToggleMuteButton-module_pulse__2UN7Q{0%{opacity:.8}to{transform:scale(40);opacity:0}}.SkipLinks-module_link__HMj9l{position:absolute;z-index:10000;top:-1000em;left:-1000em;display:block;border:1px solid #eee;border-radius:5px;padding:5px;background:#00375a;text-align:center;line-height:25px;color:#fff}.SkipLinks-module_link__HMj9l:focus{left:13.8%;top:13%}.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}.ScrollButton-module_button__1GKRF{position:absolute;top:var(--default-navigation-scroll-button-top);height:40px;width:20px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1}.ScrollButton-module_button__1GKRF svg{width:18px;height:18px;color:var(--theme-widget-primary-color)}.ScrollButton-module_visible__29yco{opacity:1;visibility:visible}.ScrollButton-module_start__1XPra{right:80%}.ScrollButton-module_end__3PxQt{left:79%}@media screen and (min-width:768px){.Scroller-module_scroller__139cK{overflow:hidden;scroll-behavior:smooth;padding-bottom:90vh;pointer-events:none;margin:0 auto;width:58%}.Scroller-module_scroller__139cK>*{pointer-events:auto}@supports ((-webkit-clip-path:polygon(0 0)) or (clip-path:polygon(0 0))){.Scroller-module_scroller__139cK{width:auto;-webkit-clip-path:polygon(20% 0,79% 0,79% var(--default-navigation-chapter-link-height),100% var(--default-navigation-chapter-link-height),100% 400%,0 400%,0 var(--default-navigation-chapter-link-height),20% var(--default-navigation-chapter-link-height));clip-path:polygon(20% 0,79% 0,79% var(--default-navigation-chapter-link-height),100% var(--default-navigation-chapter-link-height),100% 400%,0 400%,0 var(--default-navigation-chapter-link-height),20% var(--default-navigation-chapter-link-height));-webkit-mask:linear-gradient(90deg,transparent 0,transparent 20%,#000 22%,#000 77%,transparent 79%,transparent) top,linear-gradient(90deg,#000 0,#000) bottom;mask:linear-gradient(90deg,transparent 0,transparent 20%,#000 22%,#000 77%,transparent 79%,transparent) top,linear-gradient(90deg,#000 0,#000) bottom;-webkit-mask-size:100% var(--default-navigation-chapter-link-height),100% calc(100% - var(--default-navigation-chapter-link-height));mask-size:100% var(--default-navigation-chapter-link-height),100% calc(100% - var(--default-navigation-chapter-link-height));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Scroller-module_inner__3dhuM{display:inline-block;margin:0 22%}}}