pageflow 16.0.0 → 16.1.0

data/entry_types/scrolled/package/contentElements-editor.js

@@ -1,8 +1,8 @@
 import I18n from 'i18n-js';
 import { editor, NoOptionsHintView, buttonStyles } from 'pageflow-scrolled/editor';
-import { SelectInputView, SeparatorView, LabelOnlyView, ColorInputView, UrlInputView, CheckBoxInputView as CheckBoxInputView$1, TextInputView, SliderInputView, ConfigurationEditorView, cssModulesUtils } from 'pageflow/ui';
+import { contentElementWidths, utils } from 'pageflow-scrolled/frontend';
+import { SelectInputView, SeparatorView, LabelOnlyView, ColorInputView, UrlInputView, CheckBoxInputView as CheckBoxInputView$1, TextInputView, SliderInputView, ConfigurationEditorView, cssModulesUtils, NumberInputView } from 'pageflow/ui';
 import { InfoBoxView, FileInputView, CheckBoxInputView, ColorInputView as ColorInputView$1, editor as editor$1, transientReferences, ListView, SliderInputView as SliderInputView$1, SelectInputView as SelectInputView$1, EnumTableCellView } from 'pageflow/editor';
-import { utils } from 'pageflow-scrolled/frontend';
 import Marionette from 'backbone.marionette';
 import Backbone from 'backbone';
 import _ from 'underscore';
@@ -60,20 +60,26 @@ var img = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox=
 
 editor.contentElementTypes.register('heading', {
   pictogram: img,
-  supportedPositions: ['inline', 'wide'],
+  supportedPositions: ['inline'],
+  supportedWidthRange: ['md', 'xl'],
   defaultConfig: {
-    position: 'wide',
+    width: contentElementWidths.xl,
     marginTop: 'none'
   },
   configurationEditor: function configurationEditor(_ref) {
     var entry = _ref.entry;
     this.listenTo(this.model, 'change:hyphens', this.refresh);
+    var modelDelegator = entry.createLegacyTypographyVariantDelegator({
+      model: this.model,
+      paletteColorPropertyName: 'color'
+    });
     this.tab('general', function () {
       this.input('textSize', SelectInputView, {
         values: ['auto', 'large', 'medium', 'small']
       });
       this.group('ContentElementTypographyVariant', {
         entry: entry,
+        model: modelDelegator,
         getPreviewConfiguration: function getPreviewConfiguration(configuration, typographyVariant) {
           return _objectSpread2(_objectSpread2({}, configuration), {}, {
             textSize: 'small',
@@ -81,7 +87,11 @@ editor.contentElementTypes.register('heading', {
           });
         }
       });
-      this.group('ContentElementPosition');
+      this.group('PaletteColor', {
+        entry: entry,
+        model: modelDelegator,
+        propertyName: 'color'
+      });
       this.input('hyphens', SelectInputView, {
         values: ['auto', 'manual']
       });
@@ -91,6 +101,9 @@ editor.contentElementTypes.register('heading', {
           text: I18n.t('pageflow_scrolled.editor.content_elements.heading.help_texts.shortcuts')
         });
       }
+
+      this.view(SeparatorView);
+      this.group('ContentElementPosition');
     });
   }
 });
@@ -110,9 +123,13 @@ editor.contentElementTypes.register('textBlock', {
     });
     this.tab('general', function () {
       var exampleNode = ensureTextContent(contentElement.transientState.get('exampleNode'));
+      var modelDelegator = entry.createLegacyTypographyVariantDelegator({
+        model: contentElement.transientState,
+        paletteColorPropertyName: 'color'
+      });
       this.group('ContentElementTypographyVariant', {
         entry: entry,
-        model: contentElement.transientState,
+        model: modelDelegator,
         prefix: exampleNode ? utils.camelize(exampleNode.type) : 'none',
         getPreviewConfiguration: function getPreviewConfiguration(configuration, variant) {
           return exampleNode ? _objectSpread2(_objectSpread2({}, configuration), {}, {
@@ -134,6 +151,11 @@ editor.contentElementTypes.register('textBlock', {
           }) : configuration;
         }
       });
+      this.group('PaletteColor', {
+        entry: entry,
+        model: modelDelegator,
+        propertyName: 'color'
+      });
       this.view(SeparatorView);
       this.view(InfoBoxView, {
         text: I18n.t('pageflow_scrolled.editor.content_elements.textBlock.help_texts.shortcuts')
@@ -196,8 +218,10 @@ var img$2 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBo
 editor.contentElementTypes.register('inlineImage', {
   pictogram: img$2,
   category: 'media',
-  supportedPositions: ['inline', 'sticky', 'left', 'right', 'wide', 'full'],
-  configurationEditor: function configurationEditor() {
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
+  configurationEditor: function configurationEditor(_ref) {
+    var contentElement = _ref.contentElement;
     this.tab('general', function () {
       this.input('id', FileInputView, {
         collection: 'image_files',
@@ -209,7 +233,13 @@ editor.contentElementTypes.register('inlineImage', {
         fileSelectionHandler: 'contentElementConfiguration',
         positioning: false
       });
-      this.group('ContentElementCaption');
+      this.input('enableFullscreen', CheckBoxInputView, {
+        disabledBinding: ['position', 'width'],
+        disabled: function disabled() {
+          return contentElement.getWidth() === contentElementWidths.full;
+        },
+        displayUncheckedIfDisabled: true
+      });
       this.group('ContentElementPosition');
     });
   }
@@ -278,10 +308,13 @@ var img$3 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBo
 editor.contentElementTypes.register('inlineVideo', {
   pictogram: img$3,
   category: 'media',
-  supportedPositions: ['inline', 'sticky', 'left', 'right', 'wide', 'full'],
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
   configurationEditor: function configurationEditor() {
     migrateLegacyAutoplay(this.model);
     this.tab('general', function () {
+      var _this = this;
+
       this.input('id', FileInputView, {
         collection: 'video_files',
         fileSelectionHandler: 'contentElementConfiguration',
@@ -293,6 +326,21 @@ editor.contentElementTypes.register('inlineVideo', {
         fileSelectionHandler: 'contentElementConfiguration',
         positioning: false
       });
+      this.input('portraitId', FileInputView, {
+        collection: 'video_files',
+        fileSelectionHandler: 'contentElementConfiguration',
+        positioning: false,
+        defaultTextTrackFilePropertyName: 'defaultTextTrackFileId'
+      });
+      this.input('portraitPosterId', FileInputView, {
+        collection: 'image_files',
+        fileSelectionHandler: 'contentElementConfiguration',
+        positioning: false,
+        visibleBinding: 'portraitId',
+        visible: function visible() {
+          return _this.model.getReference('portraitId', 'video_files');
+        }
+      });
       this.view(SeparatorView);
       this.input('playbackMode', SelectInputView, {
         values: ['manual', 'autoplay', 'loop']
@@ -324,7 +372,6 @@ editor.contentElementTypes.register('inlineVideo', {
         values: ['play', 'mute', 'turnDown']
       });
       this.view(SeparatorView);
-      this.group('ContentElementCaption');
       this.group('ContentElementPosition');
     });
   }
@@ -343,7 +390,8 @@ var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBo
 editor.contentElementTypes.register('inlineAudio', {
   pictogram: img$4,
   category: 'media',
-  supportedPositions: ['inline', 'sticky', 'left', 'right', 'full'],
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
   defaultConfig: {
     playerControlVariant: 'waveformBars'
   },
@@ -379,7 +427,6 @@ editor.contentElementTypes.register('inlineAudio', {
         defaultValue: entry.getTheme().get('options').colors.accent
       });
       this.view(SeparatorView);
-      this.group('ContentElementCaption');
       this.group('ContentElementPosition');
     });
   }
@@ -390,7 +437,8 @@ var img$5 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3
 editor.contentElementTypes.register('videoEmbed', {
   pictogram: img$5,
   category: 'media',
-  supportedPositions: ['inline', 'sticky', 'left', 'right', 'wide', 'full'],
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
   configurationEditor: function configurationEditor() {
     this.tab('general', function () {
       this.input('videoSource', UrlInputView, {
@@ -414,7 +462,6 @@ editor.contentElementTypes.register('videoEmbed', {
         values: ['play', 'mute', 'turnDown']
       });
       this.view(SeparatorView);
-      this.group('ContentElementCaption');
       this.group('ContentElementPosition');
     });
   }
@@ -445,7 +492,8 @@ var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBo
 editor.contentElementTypes.register('dataWrapperChart', {
   category: 'data',
   pictogram: img$7,
-  supportedPositions: ['inline', 'sticky', 'left', 'right', 'wide', 'full'],
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
   configurationEditor: function configurationEditor() {
     this.tab('general', function () {
       this.input('url', UrlInputView, {
@@ -461,7 +509,6 @@ editor.contentElementTypes.register('dataWrapperChart', {
       this.input('backgroundColor', ColorInputView, {
         defaultValue: '#323d4d'
       });
-      this.group('ContentElementCaption');
       this.group('ContentElementPosition');
     });
   }
@@ -472,7 +519,8 @@ var img$8 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBo
 editor.contentElementTypes.register('inlineBeforeAfter', {
   pictogram: img$8,
   category: 'interactive',
-  supportedPositions: ['inline', 'sticky', 'left', 'right', 'wide', 'full'],
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
   configurationEditor: function configurationEditor() {
     this.tab('general', function () {
       this.input('before_id', FileInputView, {
@@ -746,6 +794,8 @@ var img$a = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBo
 editor.contentElementTypes.register('vrImage', {
   pictogram: img$a,
   category: 'interactive',
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
   configurationEditor: function configurationEditor() {
     this.tab('general', function () {
       this.input('image', FileInputView, {
@@ -764,7 +814,6 @@ editor.contentElementTypes.register('vrImage', {
         minValue: -60,
         maxValue: 60
       });
-      this.group('ContentElementCaption');
       this.group('ContentElementPosition');
     });
   }
@@ -800,10 +849,25 @@ editor.contentElementTypes.register('iframeEmbed', {
   pictogram: img$b,
   category: 'interactive',
   featureName: 'iframe_embed_content_element',
-  supportedPositions: ['inline', 'sticky', 'left', 'right', 'wide', 'full'],
-  configurationEditor: function configurationEditor() {
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
+  configurationEditor: function configurationEditor(_ref) {
+    var entry = _ref.entry;
     this.tab('general', function () {
       this.input('source', TextInputView);
+      this.input('requireConsent', CheckBoxInputView$1);
+      this.view(InfoBoxView, {
+        level: 'error',
+        text: I18n.t('pageflow_scrolled.editor.content_elements.iframeEmbed.help_texts.missingConsentVendor'),
+        visibleBinding: ['source', 'requireConsent'],
+        visible: function visible(_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+              source = _ref3[0],
+              requireConsent = _ref3[1];
+
+          return source && requireConsent && !entry.consentVendors.fromUrl(source);
+        }
+      });
       this.input('title', TextInputView);
       this.input('aspectRatio', SelectInputView, {
         values: aspectRatios
@@ -816,7 +880,6 @@ editor.contentElementTypes.register('iframeEmbed', {
       this.input('scale', SelectInputView, {
         values: ['p100', 'p75', 'p50', 'p33']
       });
-      this.group('ContentElementCaption');
       this.group('ContentElementPosition');
     });
   }
@@ -859,3 +922,225 @@ editor.contentElementTypes.register('question', {
     });
   }
 });
+
+var img$e = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='white' d='M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320h95.1l21.3-128H187.1z'/%3e%3c/svg%3e";
+
+editor.contentElementTypes.register('counter', {
+  category: 'data',
+  pictogram: img$e,
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
+  defaultConfig: {
+    targetValue: 100,
+    countingSpeed: 'medium',
+    textSize: 'medium'
+  },
+  configurationEditor: function configurationEditor(_ref) {
+    var entry = _ref.entry;
+    var locale = entry.metadata.get('locale');
+    this.tab('general', function () {
+      this.input('targetValue', NumberInputView, {
+        locale: locale
+      });
+      this.input('decimalPlaces', SelectInputView, {
+        values: [0, 1, 2, 3],
+        texts: [0, 1, 2, 3].map(function (i) {
+          return 0 .toLocaleString(locale, {
+            minimumFractionDigits: i
+          });
+        })
+      });
+      this.input('unit', TextInputView);
+      this.input('unitPlacement', SelectInputView, {
+        values: ['trailing', 'leading']
+      });
+      this.view(SeparatorView);
+      this.input('entranceAnimation', SelectInputView, {
+        values: ['none', 'fadeIn', 'fadeInFromBelow', 'fadeInFromAbove', 'fadeInScaleUp', 'fadeInScaleDown']
+      });
+      this.input('countingSpeed', SelectInputView, {
+        values: ['none', 'slow', 'medium', 'fast']
+      });
+      this.input('startValue', NumberInputView, {
+        locale: locale,
+        visibleBinding: 'countingSpeed',
+        visible: function visible(countingSpeed) {
+          return countingSpeed !== 'none';
+        }
+      });
+      this.view(SeparatorView);
+      this.input('textSize', SelectInputView, {
+        values: ['large', 'medium', 'small', 'verySmall']
+      });
+      this.group('ContentElementTypographyVariant', {
+        entry: entry,
+        getPreviewConfiguration: function getPreviewConfiguration(configuration, typographyVariant) {
+          return _objectSpread2(_objectSpread2({}, configuration), {}, {
+            typographyVariant: typographyVariant,
+            entranceAnimation: 'none',
+            countingSpeed: 'none',
+            textSize: 'small',
+            position: 'inline'
+          });
+        }
+      });
+      this.group('PaletteColor', {
+        propertyName: 'numberColor',
+        entry: entry
+      });
+      this.group('ContentElementPosition');
+    });
+  }
+});
+
+var img$f = "data:image/svg+xml,%3csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-right' class='svg-inline--fa fa-quote-right fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-50 -50 612 612'%3e%3cpath fill='white' d='M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z'%3e%3c/path%3e%3c/svg%3e";
+
+editor.contentElementTypes.register('quote', {
+  pictogram: img$f,
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xs', 'xl'],
+  defaultConfig: {
+    textSize: 'medium'
+  },
+  configurationEditor: function configurationEditor(_ref) {
+    var entry = _ref.entry;
+    this.tab('general', function () {
+      this.group('ContentElementVariant', {
+        entry: entry
+      });
+      this.input('textSize', SelectInputView, {
+        values: ['large', 'medium', 'small', 'verySmall']
+      });
+      this.group('ContentElementPosition');
+      this.group('PaletteColor', {
+        propertyName: 'color',
+        entry: entry
+      });
+      this.view(SeparatorView);
+      this.view(InfoBoxView, {
+        text: I18n.t('pageflow_scrolled.editor.content_elements.textBlock.help_texts.shortcuts')
+      });
+    });
+  }
+});
+
+var css$1 = ".ItemsListView-module_listContainer__2XDCy {\n}\n";
+var styles$1 = {"listContainer":"ItemsListView-module_listContainer__2XDCy"};
+styleInject(css$1);
+
+var ItemsListView = Marionette.Layout.extend({
+  template: function template(data) {
+    return "\n    <div class='".concat(styles$1.listContainer, "'></div>\n    <button class=\"").concat(buttonStyles.addButton, "\">\n      ").concat(I18n.t('pageflow_scrolled.editor.content_elements.imageGallery.items.add'), "\n    </button>\n  ");
+  },
+  regions: cssModulesUtils.ui(styles$1, 'listContainer'),
+  events: cssModulesUtils.events(buttonStyles, {
+    'click addButton': function clickAddButton() {
+      this.collection.selectImage();
+    }
+  }),
+  onRender: function onRender() {
+    var _this = this;
+
+    this.listContainer.show(new ListView({
+      label: I18n.t('pageflow_scrolled.editor.content_elements.imageGallery.items.label'),
+      collection: this.collection,
+      sortable: true,
+      onRemove: function onRemove(model) {
+        return _this.collection.remove(model);
+      }
+    }));
+  }
+});
+
+var Item = Backbone.Model.extend({
+  mixins: [transientReferences],
+  thumbnailFile: function thumbnailFile() {
+    var _this$imageFile;
+
+    return (_this$imageFile = this.imageFile()) === null || _this$imageFile === void 0 ? void 0 : _this$imageFile.thumbnailFile();
+  },
+  title: function title() {
+    var _this$imageFile2;
+
+    return (_this$imageFile2 = this.imageFile()) === null || _this$imageFile2 === void 0 ? void 0 : _this$imageFile2.title();
+  },
+  imageFile: function imageFile() {
+    return this.collection.entry.imageFiles.getByPermaId(this.get('image'));
+  }
+});
+
+var ItemsCollection = Backbone.Collection.extend({
+  model: Item,
+  comparator: 'position',
+  initialize: function initialize(models, options) {
+    this.entry = options.entry;
+    this.contentElement = options.contentElement;
+    this.listenTo(this, 'add remove sort', this.updateConfiguration);
+    this.listenTo(this, 'remove', this.pruneCaptions);
+  },
+  updateConfiguration: function updateConfiguration() {
+    this.contentElement.configuration.set('items', this.toJSON());
+  },
+  pruneCaptions: function pruneCaptions() {
+    this.contentElement.configuration.set('captions', _.pick.apply(_, [this.contentElement.configuration.get('captions') || {}].concat(_toConsumableArray(this.pluck('id')))));
+  },
+  selectImage: function selectImage() {
+    editor$1.selectFile('image_files', 'newImageGalleryItem', {
+      id: this.contentElement.id
+    });
+  },
+  addWithId: function addWithId(imageFile) {
+    this.add({
+      id: this.length ? Math.max.apply(Math, _toConsumableArray(this.pluck('id'))) + 1 : 1,
+      image: imageFile.get('perma_id')
+    });
+  },
+  saveOrder: function saveOrder() {}
+});
+
+ItemsCollection.forContentElement = function (contentElement, entry) {
+  return new ItemsCollection(contentElement.configuration.get('items') || [], {
+    entry: entry,
+    contentElement: contentElement
+  });
+};
+
+var FileSelectionHandler = function FileSelectionHandler(options) {
+  var contentElement = options.entry.contentElements.get(options.id);
+
+  this.call = function (file) {
+    ItemsCollection.forContentElement(contentElement).addWithId(file);
+  };
+
+  this.getReferer = function () {
+    return '/scrolled/content_elements/' + contentElement.id;
+  };
+};
+
+editor$1.registerFileSelectionHandler('newImageGalleryItem', FileSelectionHandler);
+
+var img$g = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3c!--! Font Awesome Pro 6.4.0 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons%2c Inc. --%3e%3cpath fill='white' d='M160 32c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H160zM396 138.7l96 144c4.9 7.4 5.4 16.8 1.2 24.6S480.9 320 472 320H328 280 200c-9.2 0-17.6-5.3-21.6-13.6s-2.9-18.2 2.9-25.4l64-80c4.6-5.7 11.4-9 18.7-9s14.2 3.3 18.7 9l17.3 21.6 56-84C360.5 132 368 128 376 128s15.5 4 20 10.7zM192 128a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120V344c0 75.1 60.9 136 136 136H456c13.3 0 24-10.7 24-24s-10.7-24-24-24H136c-48.6 0-88-39.4-88-88V120z'/%3e%3c/svg%3e";
+
+editor.contentElementTypes.register('imageGallery', {
+  pictogram: img$g,
+  category: 'media',
+  supportedPositions: ['inline', 'sticky', 'left', 'right'],
+  supportedWidthRange: ['xxs', 'full'],
+  configurationEditor: function configurationEditor(_ref) {
+    var entry = _ref.entry,
+        contentElement = _ref.contentElement;
+    this.tab('general', function () {
+      this.view(ItemsListView, {
+        collection: ItemsCollection.forContentElement(this.model.parent, entry)
+      });
+      this.input('enableFullscreenOnDesktop', CheckBoxInputView, {
+        disabledBinding: ['position', 'width'],
+        disabled: function disabled() {
+          return contentElement.getWidth() === contentElementWidths.full;
+        },
+        displayUncheckedIfDisabled: true
+      });
+      this.group('ContentElementPosition');
+    });
+  }
+});

data/entry_types/scrolled/package/contentElements-frontend.css

@@ -1 +1 @@
-.Heading-module_root__33TFw{margin-top:.2em;margin-bottom:0;padding-top:.3em}@media (min-width:951px){.Heading-module_right__1TJKF{text-align:right}}.Heading-module_center__38lDY,.Heading-module_centerRagged__388sq{text-align:center}@media (orientation:landscape){.Heading-module_forcePaddingTop__30Juh{padding-top:var(--theme-first-heading-landscape-padding-top,25%)}}.BeforeAfter-module_sliderStart__2C5cN{background-color:#fff;position:absolute;z-index:1}.BeforeAfter-module_container__2Lm06{height:100%;--frame1pos:-8;--frame2pos:16;--frame3pos:-32;--frame4pos:32;--frame1px:calc(var(--frame1pos)*1px);--frame2px:calc(var(--frame2pos)*1px);--frame3px:calc(var(--frame3pos)*1px);--frame4px:calc(var(--frame4pos)*1px)}.BeforeAfter-module_container__2Lm06>div{height:100%!important}.BeforeAfter-module_container__2Lm06.BeforeAfter-module_wiggle__3nVSe>div>div:nth-child(3){-webkit-animation:BeforeAfter-module_SliderLeftRightShake__2mcn5 1.5s cubic-bezier(.36,.07,.19,.97);animation:BeforeAfter-module_SliderLeftRightShake__2mcn5 1.5s cubic-bezier(.36,.07,.19,.97)}.BeforeAfter-module_container__2Lm06.BeforeAfter-module_wiggle__3nVSe div img:nth-child(2){-webkit-animation:BeforeAfter-module_BeforeImageLeftRightShake__38m9V 1.5s cubic-bezier(.36,.07,.19,.97);animation:BeforeAfter-module_BeforeImageLeftRightShake__38m9V 1.5s cubic-bezier(.36,.07,.19,.97)}.BeforeAfter-module_container__2Lm06 div div:nth-child(4) div{transition:opacity .1s ease-out .3s!important}.BeforeAfter-module_container__2Lm06.BeforeAfter-module_wiggle__3nVSe div img:first-child{-webkit-animation:BeforeAfter-module_AfterImageLeftRightShake__3WMf1 1.5s cubic-bezier(.36,.07,.19,.97);animation:BeforeAfter-module_AfterImageLeftRightShake__3WMf1 1.5s cubic-bezier(.36,.07,.19,.97)}.BeforeAfter-module_container__2Lm06 div div:nth-child(5) div{transition:opacity .1s ease-out .3s!important}@-webkit-keyframes BeforeAfter-module_BeforeImageLeftRightShake__38m9V{0%,to{clip:rect(auto,var(--initial-rect-width),auto,auto)}10%,90%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame1px)),auto,auto)}20%,80%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame2px)),auto,auto)}30%,50%,70%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame3px)),auto,auto)}40%,60%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame4px)),auto,auto)}}@keyframes BeforeAfter-module_BeforeImageLeftRightShake__38m9V{0%,to{clip:rect(auto,var(--initial-rect-width),auto,auto)}10%,90%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame1px)),auto,auto)}20%,80%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame2px)),auto,auto)}30%,50%,70%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame3px)),auto,auto)}40%,60%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame4px)),auto,auto)}}@-webkit-keyframes BeforeAfter-module_AfterImageLeftRightShake__3WMf1{0%,to{clip:rect(auto,auto,auto,var(--initial-rect-width))}10%,90%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame1px)))}20%,80%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame2px)))}30%,50%,70%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame3px)))}40%,60%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame4px)))}}@keyframes BeforeAfter-module_AfterImageLeftRightShake__3WMf1{0%,to{clip:rect(auto,auto,auto,var(--initial-rect-width))}10%,90%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame1px)))}20%,80%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame2px)))}30%,50%,70%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame3px)))}40%,60%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame4px)))}}@-webkit-keyframes BeforeAfter-module_SliderLeftRightShake__2mcn5{0%,to{margin-left:0}10%,90%{margin-left:var(--frame1px)}20%,80%{margin-left:var(--frame2px)}30%,50%,70%{margin-left:var(--frame3px)}40%,60%{margin-left:var(--frame4px)}}@keyframes BeforeAfter-module_SliderLeftRightShake__2mcn5{0%,to{margin-left:0}10%,90%{margin-left:var(--frame1px)}20%,80%{margin-left:var(--frame2px)}30%,50%,70%{margin-left:var(--frame3px)}40%,60%{margin-left:var(--frame4px)}}.MutedIndicator-module_wrapper__17JUY{position:absolute;right:0;top:0;color:#fff;background:linear-gradient(30deg,transparent,transparent 60%,rgba(0,0,0,.65));padding:5px 5px 40px 70px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1;will-change:transform}.MutedIndicator-module_visible__3qARn{opacity:1}.MutedIndicator-module_eqBar__1cMDE{transform:scaleY(-1) translateY(-24px);fill:#fff}.MutedIndicator-module_eqBar1__2Ap_R{-webkit-animation-name:MutedIndicator-module_short-eq__1OYlk;animation-name:MutedIndicator-module_short-eq__1OYlk;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0s;animation-delay:0s}.MutedIndicator-module_eqBar2__2QTgX{-webkit-animation-name:MutedIndicator-module_tall-eq__6gm0B;animation-name:MutedIndicator-module_tall-eq__6gm0B;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.17s;animation-delay:.17s}.MutedIndicator-module_eqBar3__2S-y3{-webkit-animation-name:MutedIndicator-module_short-eq__1OYlk;animation-name:MutedIndicator-module_short-eq__1OYlk;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.34s;animation-delay:.34s}@-webkit-keyframes MutedIndicator-module_short-eq__1OYlk{0%{height:8px}50%{height:4px}to{height:8px}}@keyframes MutedIndicator-module_short-eq__1OYlk{0%{height:8px}50%{height:4px}to{height:8px}}@-webkit-keyframes MutedIndicator-module_tall-eq__6gm0B{0%{height:16px}50%{height:6px}to{height:16px}}@keyframes MutedIndicator-module_tall-eq__6gm0B{0%{height:16px}50%{height:6px}to{height:16px}}.SoundDisclaimer-module_soundDisclaimer__31hWh{display:grid;border:1px solid;border-radius:4px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.SoundDisclaimer-module_unmute__1V4Ab,.SoundDisclaimer-module_unmuted__22CJ5{grid-column:1;grid-row:1;display:flex;align-items:center;transition-property:opacity,visibility;transition-duration:.09s;transition-timing-function:ease-out;opacity:0;visibility:hidden;padding:0 15px}.SoundDisclaimer-module_unmute__1V4Ab{position:relative;border:0;background-color:transparent;font:inherit;color:currentColor;text-align:initial;width:100%;z-index:1;cursor:pointer}.SoundDisclaimer-module_active__11_kc{opacity:1;visibility:visible;transition-delay:.09s;transition-duration:.21s;transition-timing-function:ease-in}.SoundDisclaimer-module_soundDisclaimer__31hWh svg{flex:0 0 25px;fill:currentColor;margin-right:15px}.TextBlock-module_text__21Hk4 li,.TextBlock-module_text__21Hk4 p{margin:1.375rem 0 0}.TextBlock-module_text__21Hk4 a{color:var(--theme-text-block-dark-link-color,var(--theme-text-block-link-color,currentColor));word-wrap:break-word}.TextBlock-module_darkBackground__22pEl a{color:var(--theme-text-block-light-link-color,var(--theme-text-block-link-color,currentColor))}.TextBlock-module_text__21Hk4 ol,.TextBlock-module_text__21Hk4 ul{margin:0;padding-left:20px;clear:both}.TextBlock-module_text__21Hk4 ul{list-style-type:var(--theme-text-block-unordered-list-style-type)}.TextBlock-module_text__21Hk4 blockquote{padding:.5em .5em .5em 1.6em;margin:1.375rem 0 0;position:relative;overflow:hidden}.TextBlock-module_text__21Hk4 blockquote:before{content:"\201C";font-size:2.5em;font-weight:700;position:absolute;top:.1em;left:0;line-height:1em;opacity:.5}@media screen and (min-width:640px){.TextBlock-module_text__21Hk4 blockquote{margin-left:.6875rem;padding-left:2em;padding-right:1.375rem}.TextBlock-module_text__21Hk4 blockquote:before{font-size:3em;top:0}}.TextBlock-module_layout-centerRagged__1tjoI{text-align:center}.TextBlock-module_layout-centerRagged__1tjoI ol,.TextBlock-module_layout-centerRagged__1tjoI ul{padding-left:0;list-style-position:inside}.VideoEmbed-module_embedPlayer__54NKG{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;color:#fff}.ExternalLink-module_hidden__3jer0{display:none}.ExternalLink-module_link_item__Blypv{width:45%;vertical-align:top;margin:2% auto;background-color:var(--theme-light-content-surface-color,#fff);color:var(--theme-dark-content-text-color,#222);text-decoration:none;transition:transform .3s;border-radius:var(--theme-content-element-box-border-radius);overflow:hidden;will-change:transform}.ExternalLink-module_link_item__Blypv.ExternalLink-module_invert__1zrgN{background-color:var(--theme-dark-content-surface-color,#101010);color:var(--theme-light-content-text-color,#fff)}.ExternalLink-module_link_item__Blypv.ExternalLink-module_layout_center__3NRpQ{width:29%}.ExternalLink-module_link_item__Blypv:hover{transform:scale(1.05)}.ExternalLink-module_link_item__Blypv:hover .ExternalLink-module_link_title__FZJ-0{text-decoration:underline}.ExternalLink-module_link_thumbnail__2_BHq{width:auto;background-repeat:no-repeat;background-size:cover;padding-top:56.25%;position:relative}.ExternalLink-module_link_details__lRhKU{margin:20px}.ExternalLink-module_link_details__lRhKU>.ExternalLink-module_link_title__FZJ-0{font-size:1.2em;font-weight:700;margin-bottom:20px}.ExternalLink-module_link_details__lRhKU>p{width:100%;white-space:normal;line-height:1.3em}.ExternalLink-module_tooltip__18MpC{position:absolute;left:50%;top:80px;width:180px;padding:5px;margin-left:-95px;background-color:#444;color:#fff;opacity:.9;font-size:13px;text-align:center;white-space:normal}.ExternalLink-module_tooltip__18MpC>span{display:block;color:#fff;text-decoration:underline}@media only screen and (max-width:600px){.ExternalLink-module_link_item__Blypv.ExternalLink-module_layout_center__3NRpQ{width:45%}}@media only screen and (max-width:350px){.ExternalLink-module_link_item__Blypv,.ExternalLink-module_link_item__Blypv.ExternalLink-module_layout_center__3NRpQ{width:85%}}.ExternalLinkList-module_ext_links_container__16IIo{display:flex;flex-wrap:wrap;border-collapse:separate;border-spacing:10px;min-height:240px;width:auto;height:auto;pointer-events:auto;position:relative;transition:opacity .5s;transition-timing-function:cubic-bezier(.1,.57,.1,1);transition-duration:0ms}.DataWrapperChart-module_container__2eZ15{min-height:200px;padding:20px 5%}.DataWrapperChart-module_container__2eZ15>iframe{width:100%;height:100%;position:relative;top:0;border:0}.IframeEmbed-module_wrapper__3w_LN{overflow:hidden}.IframeEmbed-module_iframe__3QVCA{width:100%;height:100%;border:none;transform-origin:0 0}.IframeEmbed-module_scale-p33__MRjVy{width:300%;height:300%;transform:scale(.333)}.IframeEmbed-module_scale-p50__1EKxu{width:200%;height:200%;transform:scale(.5)}.IframeEmbed-module_scale-p75__1yT4D{width:133.333%;height:133.333%;transform:scale(.75)}.Placeholder-module_wrapper__jRFYE{border-radius:12px;background-color:#fff;color:#000;display:flex;flex-direction:column;padding:12px 16px 30px;margin:10px auto;border:1px solid #cfd9de;max-width:550px;box-sizing:border-box}.Placeholder-module_wrapper__jRFYE svg{fill:#eee}.Placeholder-module_row__1SBRB{display:flex;margin-bottom:12px}.Placeholder-module_item__RozmQ{-webkit-animation:Placeholder-module_load__uFpxr 2s linear infinite;animation:Placeholder-module_load__uFpxr 2s linear infinite;background:linear-gradient(-75deg,transparent 30%,#ddd 50%,transparent 70%) 0 0/200% 100%,#eee;background-attachment:fixed}.Placeholder-module_avatar__2VeHz{width:48px;height:48px;border-radius:100%}.Placeholder-module_info__37csK{flex:1;margin-left:7px}.Placeholder-module_handle__2WwoF,.Placeholder-module_name__2T6as,.Placeholder-module_text__DWLME{border-radius:2px}.Placeholder-module_handle__2WwoF,.Placeholder-module_name__2T6as{height:14px;margin:6px 0}.Placeholder-module_name__2T6as{width:40%}.Placeholder-module_handle__2WwoF{width:35%}.Placeholder-module_text__DWLME{height:200px;flex-grow:1;margin-bottom:10px}@-webkit-keyframes Placeholder-module_load__uFpxr{to{background-position:-200% 0}}@keyframes Placeholder-module_load__uFpxr{to{background-position:-200% 0}}.TwitterEmbed-module_loadingContainer__3Ozs_>div{margin-top:0!important;margin-bottom:0!important}.TwitterEmbed-module_container__380cX>div{margin:0 auto}.Question-module_details__3FxH-{position:relative;padding-left:22px;margin:1.375rem 0 0}.Question-module_details__3FxH- summary{display:inline-flex;oveflow:hidden;font-weight:700;cursor:pointer}.Question-module_details__3FxH- summary::-webkit-details-marker{display:none}.Question-module_details__3FxH- summary>svg{position:absolute;left:-11px;top:0;width:30px;height:30px;transition:transform .2s ease}.Question-module_details__3FxH-[open] summary>svg{transform:rotate(90deg)}.Question-module_details__3FxH- p{margin:1.375rem 0 0}.Question-module_layout-centerRagged__1hovs{text-align:center}
+.colors-module_contentColorScope__7XjIS{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.Heading-module_root__33TFw{margin-top:.2em;margin-bottom:0;padding-top:.3em}@media (min-width:951px){.Heading-module_right__1TJKF{text-align:right}}.Heading-module_light__1TQE8{color:var(--theme-light-content-text-color,#fff)}.Heading-module_dark__18iWa{color:var(--theme-dark-content-text-color,#222)}.Heading-module_center__38lDY,.Heading-module_centerRagged__388sq{text-align:center}@media (orientation:landscape){.Heading-module_forcePaddingTop__30Juh{padding-top:var(--theme-first-heading-landscape-padding-top,25%)}}.BeforeAfter-module_sliderStart__2C5cN{background-color:#fff;position:absolute;z-index:1}.BeforeAfter-module_container__2Lm06{height:100%;--frame1pos:-8;--frame2pos:16;--frame3pos:-32;--frame4pos:32;--frame1px:calc(var(--frame1pos)*1px);--frame2px:calc(var(--frame2pos)*1px);--frame3px:calc(var(--frame3pos)*1px);--frame4px:calc(var(--frame4pos)*1px)}.BeforeAfter-module_container__2Lm06>div{height:100%!important}.BeforeAfter-module_container__2Lm06.BeforeAfter-module_wiggle__3nVSe>div>div:nth-child(3){-webkit-animation:BeforeAfter-module_SliderLeftRightShake__2mcn5 1.5s cubic-bezier(.36,.07,.19,.97);animation:BeforeAfter-module_SliderLeftRightShake__2mcn5 1.5s cubic-bezier(.36,.07,.19,.97)}.BeforeAfter-module_container__2Lm06.BeforeAfter-module_wiggle__3nVSe div img:nth-child(2){-webkit-animation:BeforeAfter-module_BeforeImageLeftRightShake__38m9V 1.5s cubic-bezier(.36,.07,.19,.97);animation:BeforeAfter-module_BeforeImageLeftRightShake__38m9V 1.5s cubic-bezier(.36,.07,.19,.97)}.BeforeAfter-module_container__2Lm06 div div:nth-child(4) div{transition:opacity .1s ease-out .3s!important}.BeforeAfter-module_container__2Lm06.BeforeAfter-module_wiggle__3nVSe div img:first-child{-webkit-animation:BeforeAfter-module_AfterImageLeftRightShake__3WMf1 1.5s cubic-bezier(.36,.07,.19,.97);animation:BeforeAfter-module_AfterImageLeftRightShake__3WMf1 1.5s cubic-bezier(.36,.07,.19,.97)}.BeforeAfter-module_container__2Lm06 div div:nth-child(5) div{transition:opacity .1s ease-out .3s!important}@-webkit-keyframes BeforeAfter-module_BeforeImageLeftRightShake__38m9V{0%,to{clip:rect(auto,var(--initial-rect-width),auto,auto)}10%,90%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame1px)),auto,auto)}20%,80%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame2px)),auto,auto)}30%,50%,70%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame3px)),auto,auto)}40%,60%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame4px)),auto,auto)}}@keyframes BeforeAfter-module_BeforeImageLeftRightShake__38m9V{0%,to{clip:rect(auto,var(--initial-rect-width),auto,auto)}10%,90%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame1px)),auto,auto)}20%,80%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame2px)),auto,auto)}30%,50%,70%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame3px)),auto,auto)}40%,60%{clip:rect(auto,calc(var(--initial-rect-width) + var(--frame4px)),auto,auto)}}@-webkit-keyframes BeforeAfter-module_AfterImageLeftRightShake__3WMf1{0%,to{clip:rect(auto,auto,auto,var(--initial-rect-width))}10%,90%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame1px)))}20%,80%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame2px)))}30%,50%,70%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame3px)))}40%,60%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame4px)))}}@keyframes BeforeAfter-module_AfterImageLeftRightShake__3WMf1{0%,to{clip:rect(auto,auto,auto,var(--initial-rect-width))}10%,90%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame1px)))}20%,80%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame2px)))}30%,50%,70%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame3px)))}40%,60%{clip:rect(auto,auto,auto,calc(var(--initial-rect-width) + var(--frame4px)))}}@-webkit-keyframes BeforeAfter-module_SliderLeftRightShake__2mcn5{0%,to{margin-left:0}10%,90%{margin-left:var(--frame1px)}20%,80%{margin-left:var(--frame2px)}30%,50%,70%{margin-left:var(--frame3px)}40%,60%{margin-left:var(--frame4px)}}@keyframes BeforeAfter-module_SliderLeftRightShake__2mcn5{0%,to{margin-left:0}10%,90%{margin-left:var(--frame1px)}20%,80%{margin-left:var(--frame2px)}30%,50%,70%{margin-left:var(--frame3px)}40%,60%{margin-left:var(--frame4px)}}.MutedIndicator-module_wrapper__17JUY{position:absolute;right:0;top:0;color:#fff;background:linear-gradient(30deg,transparent,transparent 60%,rgba(0,0,0,.65));padding:5px 5px 40px 70px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:1;will-change:transform}.MutedIndicator-module_visible__3qARn{opacity:1}.MutedIndicator-module_eqBar__1cMDE{transform:scaleY(-1) translateY(-24px);fill:#fff}.MutedIndicator-module_eqBar1__2Ap_R{-webkit-animation-name:MutedIndicator-module_short-eq__1OYlk;animation-name:MutedIndicator-module_short-eq__1OYlk;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0s;animation-delay:0s}.MutedIndicator-module_eqBar2__2QTgX{-webkit-animation-name:MutedIndicator-module_tall-eq__6gm0B;animation-name:MutedIndicator-module_tall-eq__6gm0B;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.17s;animation-delay:.17s}.MutedIndicator-module_eqBar3__2S-y3{-webkit-animation-name:MutedIndicator-module_short-eq__1OYlk;animation-name:MutedIndicator-module_short-eq__1OYlk;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.34s;animation-delay:.34s}@-webkit-keyframes MutedIndicator-module_short-eq__1OYlk{0%{height:8px}50%{height:4px}to{height:8px}}@keyframes MutedIndicator-module_short-eq__1OYlk{0%{height:8px}50%{height:4px}to{height:8px}}@-webkit-keyframes MutedIndicator-module_tall-eq__6gm0B{0%{height:16px}50%{height:6px}to{height:16px}}@keyframes MutedIndicator-module_tall-eq__6gm0B{0%{height:16px}50%{height:6px}to{height:16px}}.SoundDisclaimer-module_soundDisclaimer__31hWh{display:grid;border:1px solid;border-radius:4px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.SoundDisclaimer-module_unmute__1V4Ab,.SoundDisclaimer-module_unmuted__22CJ5{grid-column:1;grid-row:1;display:flex;align-items:center;transition-property:opacity,visibility;transition-duration:.09s;transition-timing-function:ease-out;opacity:0;visibility:hidden;padding:0 15px}.SoundDisclaimer-module_unmute__1V4Ab{position:relative;border:0;background-color:transparent;font:inherit;color:currentColor;text-align:initial;width:100%;z-index:1;cursor:pointer}.SoundDisclaimer-module_active__11_kc{opacity:1;visibility:visible;transition-delay:.09s;transition-duration:.21s;transition-timing-function:ease-in}.SoundDisclaimer-module_soundDisclaimer__31hWh svg{flex:0 0 25px;fill:currentColor;margin-right:15px}.colors-module_contentColorScope__2zqbk{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.TextBlock-module_text__21Hk4{--block-quote-padding-left:0}.TextBlock-module_quoteDesign-hanging__1c9AW{--block-quote-padding-left:var(--theme-text-block-block-quote-hanging-indent,1em)}.TextBlock-module_quoteDesign-largeHanging__2VkIW{--block-quote-padding-left:var(--theme-text-block-block-quote-hanging-indent,1.6em)}.TextBlock-module_text__21Hk4 p{margin:1.375rem 0 0}.TextBlock-module_text__21Hk4 li{margin:var(--theme-text-block-first-list-item-margin-top,1.375rem) 0 0 0}.TextBlock-module_text__21Hk4 li+li{margin-top:var(--theme-text-block-list-item-margin-top,.6875rem)}.TextBlock-module_text__21Hk4 a{color:var(--content-link-color);word-wrap:break-word}.TextBlock-module_text__21Hk4 ol,.TextBlock-module_text__21Hk4 ul{margin:0;padding-left:0;padding-right:var(--list-indent,25px);position:relative;left:var(--list-indent,25px)}.TextBlock-module_text__21Hk4 ul{list-style-type:var(--theme-text-block-unordered-list-style-type);--list-indent:var(--theme-text-block-unordered-list-indent)}.TextBlock-module_text__21Hk4 ol{--list-indent:var(--theme-text-block-ordered-list-indent)}.TextBlock-module_text__21Hk4 ul li::marker{color:var(--theme-text-block-unordered-list-marker-color)}.TextBlock-module_text__21Hk4 blockquote{padding:.5em .5em .5em var(--block-quote-padding-left);margin:1.375rem 0 0;position:relative;overflow:hidden}.TextBlock-module_text__21Hk4 blockquote:after,.TextBlock-module_text__21Hk4 blockquote:before{font-weight:var(--theme-quote-mark-font-weight,bold);opacity:var(--theme-quote-mark-opacity,.5);width:var(--theme-quote-mark-width)}.TextBlock-module_text__21Hk4 blockquote:before{content:var(--theme-quote-left-mark,"\201C")}.TextBlock-module_text__21Hk4 blockquote:after{content:var(--theme-quote-right-mark,"\201D")}.TextBlock-module_quoteDesign-hanging__1c9AW blockquote:before,.TextBlock-module_quoteDesign-largeHanging__2VkIW blockquote:before{position:absolute}.TextBlock-module_quoteDesign-largeHanging__2VkIW blockquote:before{font-size:var(--theme-quote-large-mark-font-size,2.5em);line-height:1em;top:var(--theme-quote-large-mark-top,-.2em);padding-top:inherit;left:0}.TextBlock-module_quoteDesign-largeHanging__2VkIW blockquote:after{display:none}.TextBlock-module_quoteDesign-hanging__1c9AW blockquote:before{right:calc(100% - var(--block-quote-padding-left) + var(--theme-quote-hanging-mark-spacing, .05em))}.TextBlock-module_quoteDesign-hanging__1c9AW blockquote:after{padding-left:var(--theme-quote-hanging-mark-spacing,.05em)}@media screen and (min-width:640px){.TextBlock-module_quoteDesign-largeHanging__2VkIW{--block-quote-padding-left:var(--theme-text-block-block-quote-hanging-indent,2em)}.TextBlock-module_text__21Hk4 blockquote{margin-left:.6875rem;padding-right:1.375rem}.TextBlock-module_quoteDesign-largeHanging__2VkIW blockquote:before{font-size:var(--theme-quote-large-mark-font-size,3em)}}.TextBlock-module_layout-centerRagged__1tjoI{text-align:center}.TextBlock-module_layout-centerRagged__1tjoI ol,.TextBlock-module_layout-centerRagged__1tjoI ul{padding-left:0;list-style-position:inside}.VideoEmbed-module_embedPlayer__54NKG{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#000;color:#fff}.ExternalLink-module_hidden__3jer0{display:none}.ExternalLink-module_link_item__Blypv{display:flex;flex-direction:column;width:45%;vertical-align:top;margin:2% auto;text-decoration:none;transition:transform .3s;border-radius:var(--theme-content-element-box-border-radius);overflow:hidden;will-change:transform}.ExternalLink-module_link_item__Blypv.ExternalLink-module_layout_center__3NRpQ{width:29%}.ExternalLink-module_link_item__Blypv:hover{transform:scale(1.05)}.ExternalLink-module_link_item__Blypv:hover .ExternalLink-module_link_title__FZJ-0{text-decoration:underline}.ExternalLink-module_link_thumbnail__2_BHq{width:auto;background-repeat:no-repeat;background-size:cover;padding-top:56.25%;position:relative}.ExternalLink-module_link_details__lRhKU{flex:1;padding:20px;color:var(--theme-dark-content-text-color,#222);background-color:var(--theme-light-content-surface-color,#fff)}.ExternalLink-module_invert__1zrgN>.ExternalLink-module_link_details__lRhKU{background-color:var(--theme-dark-content-surface-color,#101010);color:var(--theme-light-content-text-color,#fff)}.ExternalLink-module_link_details__lRhKU>.ExternalLink-module_link_title__FZJ-0{font-weight:700;margin:0 0 20px}@media screen and (min-width:640px){.ExternalLink-module_link_details__lRhKU>.ExternalLink-module_link_title__FZJ-0{font-size:1.2em}}.ExternalLink-module_link_details__lRhKU>p{width:100%;white-space:normal;line-height:1.3em;margin-bottom:0}.ExternalLink-module_tooltip__18MpC{position:absolute;left:50%;top:80px;width:180px;padding:5px;margin-left:-95px;background-color:#444;color:#fff;opacity:.9;font-size:13px;text-align:center;white-space:normal}.ExternalLink-module_tooltip__18MpC>span{display:block;color:#fff;text-decoration:underline}@media only screen and (max-width:600px){.ExternalLink-module_link_item__Blypv.ExternalLink-module_layout_center__3NRpQ{width:45%}}@media only screen and (max-width:350px){.ExternalLink-module_link_item__Blypv,.ExternalLink-module_link_item__Blypv.ExternalLink-module_layout_center__3NRpQ{width:85%}}.colors-module_contentColorScope__3zLO1{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.ExternalLinkList-module_ext_links_container__16IIo{display:flex;flex-wrap:wrap;border-collapse:separate;border-spacing:10px;min-height:240px;width:auto;height:auto;pointer-events:auto;position:relative;transition:opacity .5s;transition-timing-function:cubic-bezier(.1,.57,.1,1);transition-duration:0ms}.DataWrapperChart-module_container__2eZ15{min-height:200px;padding:20px 5%}.DataWrapperChart-module_container__2eZ15>iframe{width:100%;height:100%;position:relative;top:0;border:0}.IframeEmbed-module_wrapper__3w_LN{overflow:hidden}.IframeEmbed-module_iframe__3QVCA{width:100%;height:100%;border:none;transform-origin:0 0}.IframeEmbed-module_scale-p33__MRjVy{width:300%;height:300%;transform:scale(.333)}.IframeEmbed-module_scale-p50__1EKxu{width:200%;height:200%;transform:scale(.5)}.IframeEmbed-module_scale-p75__1yT4D{width:133.333%;height:133.333%;transform:scale(.75)}.Placeholder-module_wrapper__jRFYE{border-radius:12px;background-color:#fff;color:#000;display:flex;flex-direction:column;padding:12px 16px 30px;margin:10px auto;border:1px solid #cfd9de;max-width:550px;box-sizing:border-box}.Placeholder-module_wrapper__jRFYE svg{fill:#eee}.Placeholder-module_row__1SBRB{display:flex;margin-bottom:12px}.Placeholder-module_item__RozmQ{-webkit-animation:Placeholder-module_load__uFpxr 2s linear infinite;animation:Placeholder-module_load__uFpxr 2s linear infinite;background:linear-gradient(-75deg,transparent 30%,#ddd 50%,transparent 70%) 0 0/200% 100%,#eee;background-attachment:fixed}.Placeholder-module_avatar__2VeHz{width:48px;height:48px;border-radius:100%}.Placeholder-module_info__37csK{flex:1;margin-left:7px}.Placeholder-module_handle__2WwoF,.Placeholder-module_name__2T6as,.Placeholder-module_text__DWLME{border-radius:2px}.Placeholder-module_handle__2WwoF,.Placeholder-module_name__2T6as{height:14px;margin:6px 0}.Placeholder-module_name__2T6as{width:40%}.Placeholder-module_handle__2WwoF{width:35%}.Placeholder-module_text__DWLME{height:200px;flex-grow:1;margin-bottom:10px}@-webkit-keyframes Placeholder-module_load__uFpxr{to{background-position:-200% 0}}@keyframes Placeholder-module_load__uFpxr{to{background-position:-200% 0}}.TwitterEmbed-module_loadingContainer__3Ozs_>div{margin-top:0!important;margin-bottom:0!important}.TwitterEmbed-module_container__380cX>div{margin:0 auto}.colors-module_contentColorScope__33Qhb{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.Question-module_details__3FxH-{position:relative;padding-left:22px;margin:1.375rem 0 0}.Question-module_details__3FxH- summary{display:inline-flex;oveflow:hidden;font-weight:700;cursor:pointer}.Question-module_details__3FxH- summary::-webkit-details-marker{display:none}.Question-module_details__3FxH- summary>svg{position:absolute;left:-11px;top:0;width:30px;height:30px;transition:transform .2s ease}.Question-module_details__3FxH-[open] summary>svg{transform:rotate(90deg)}.Question-module_answer__2jMt6 p{margin:1.375rem 0 0}.Question-module_answer__2jMt6 a{color:var(--content-link-color)}.Question-module_layout-centerRagged__1hovs{text-align:center}.colors-module_contentColorScope__1IORS{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.Counter-module_wrapper__3XTil p{margin:0}.Counter-module_wrapper__3XTil a{color:var(--content-link-color)}.Counter-module_number__1Y4AV{display:inline-block;word-break:break-word;color:var(--palette-color)}.Counter-module_centerRagged__3Va0Y{text-align:center}.Counter-module_center__1SCJY,.Counter-module_center__1SCJY .Counter-module_wrapper__3XTil{display:flex;flex-direction:column;align-items:center}.Counter-module_animation-fadeIn__3Hyky{opacity:0}.Counter-module_animation-fadeIn-active__16DIk{transition:opacity 1s linear;opacity:1}.Counter-module_animation-fadeInFromBelow__3l1qX{opacity:0;transform:translateY(20px)}.Counter-module_animation-fadeInFromAbove__3iGf-{opacity:0;transform:translateY(-20px)}.Counter-module_animation-fadeInFromAbove-active__37UsW,.Counter-module_animation-fadeInFromBelow-active__2CSjv{transition:opacity 1s linear,transform 1s ease-out;transform:translateY(0);opacity:1}.Counter-module_animation-fadeInScaleUp__1ngk5{opacity:0;transform:scale(.8)}.Counter-module_animation-fadeInScaleDown__SpNGu{opacity:0;transform:scale(1.2)}.Counter-module_animation-fadeInScaleDown-active__3gaYM,.Counter-module_animation-fadeInScaleUp-active__1GEXn{transition:opacity 1s linear,transform var(--counting-duration) ease-out;transform:scale(1);opacity:1}.colors-module_contentColorScope__26MUe{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.Quote-module_figure__1Q3tJ{margin:0;display:flex;flex-direction:column;align-items:flex-end;padding-bottom:1.375rem;color:var(--palette-color)}.Quote-module_design-largeCentered__2f6qW{text-align:center;align-items:center}.Quote-module_figure__1Q3tJ a{color:var(--palette-color,var(--content-link-color))}.Quote-module_text__C0md2{--quote-indent:var(--theme-quote-indent,0);--quote-large-mark-font-size:var(--theme-quote-large-mark-font-size,2em);width:100%;box-sizing:border-box;margin:0;padding:1em 0 var(--theme-quote-text-padding-bottom,.5em) 0}.Quote-module_design-hanging__4aDVU .Quote-module_text__C0md2,.Quote-module_design-largeHanging__1TVQh .Quote-module_text__C0md2{--quote-indent:var(--theme-quote-indent,1em)}.Quote-module_text__C0md2 p{margin:1.375rem 0 0 var(--quote-indent)}.Quote-module_text__C0md2 br{display:none}.Quote-module_centerRagged__1CeFH .Quote-module_text__C0md2 p{text-align:center;margin-right:var(--quote-indent)}.Quote-module_text__C0md2 p:first-child{position:relative}.Quote-module_text__C0md2 p:first-child:before,.Quote-module_text__C0md2 p:last-child:after{font-family:var(--theme-quote-mark-font-family);font-weight:var(--theme-quote-mark-font-weight,bold);opacity:var(--theme-quote-mark-opacity,.5);color:var(--theme-quote-mark-color);width:var(--theme-quote-mark-width)}.Quote-module_text__C0md2 p:first-child:before{content:var(--theme-quote-left-mark,"\201C")}.Quote-module_maskedMark__2n08e .Quote-module_text__C0md2 p:first-child:before{-webkit-mask:var(--theme-quote-left-mark-mask-image) 50% 50% no-repeat;mask:var(--theme-quote-left-mark-mask-image) 50% 50% no-repeat;background-color:var(--palette-color,var(--theme-quote-mark-color));color:transparent}.Quote-module_text__C0md2 p:last-child:after{content:var(--theme-quote-right-mark,"\201D")}.Quote-module_design-hanging__4aDVU .Quote-module_text__C0md2 p:first-child:before,.Quote-module_design-largeHanging__1TVQh .Quote-module_text__C0md2 p:first-child:before{position:absolute;right:calc(100% + var(--theme-quote-hanging-mark-spacing, .05em))}.Quote-module_design-largeCentered__2f6qW .Quote-module_text__C0md2 p:first-child:before,.Quote-module_design-largeHanging__1TVQh .Quote-module_text__C0md2 p:first-child:before{font-size:var(--quote-large-mark-font-size);line-height:1em}.Quote-module_design-largeCentered__2f6qW .Quote-module_text__C0md2 p:first-child:before{font-size:var(--quote-large-mark-font-size);margin-top:var(--theme-quote-large-mark-margin-top,-.1em);margin-bottom:var(--theme-quote-large-mark-margin-bottom,-.3em);display:block}.Quote-module_design-largeHanging__1TVQh .Quote-module_text__C0md2 p:first-child:before{top:var(--theme-quote-large-mark-top,-.2em)}.Quote-module_design-largeCentered__2f6qW .Quote-module_text__C0md2 p:last-child:after,.Quote-module_design-largeHanging__1TVQh .Quote-module_text__C0md2 p:last-child:after{display:none}.Quote-module_design-hanging__4aDVU .Quote-module_text__C0md2 p:first-child:after{padding-left:var(--theme-quote-hanging-mark-spacing,.05em)}.Quote-module_attribution__3iXxu{min-width:var(--theme-quote-attribution-min-width)}.Quote-module_attribution__3iXxu p:first-child{position:relative}.Quote-module_attribution__3iXxu p:first-child:before{content:var(--quote-attribution-prefix,"\2014");position:absolute;right:100%;margin-right:.5em}.Quote-module_design-largeCentered__2f6qW .Quote-module_attribution__3iXxu p:first-child:before{display:none}.Quote-module_attribution__3iXxu p{margin:0}.Quote-module_attribution__3iXxu p:first-child{font-weight:700}@media screen and (min-width:640px){.Quote-module_design-largeHanging__1TVQh .Quote-module_text__C0md2{--quote-indent:var(--theme-quote-indent,1.5em);--quote-large-mark-font-size:var(--theme-quote-large-mark-font-size,2.5em)}}.ScrollButton-module_button__3DeL7{padding:0;background-color:transparent;border:0;color:inherit}.ScrollButton-module_left__3uACk{text-align:left}.ScrollButton-module_right__25CLO{text-align:right}.ScrollButton-module_button__3DeL7 svg{transition:transform .2s ease}.ScrollButton-module_button__3DeL7:not(.ScrollButton-module_disabled__3fQR1):focus svg,.ScrollButton-module_button__3DeL7:not(.ScrollButton-module_disabled__3fQR1):hover svg{transform:scale(1.2)}.ScrollButton-module_icon__35w1l{display:inline-block;position:relative;transition:opacity .2s linear}.ScrollButton-module_disabled__3fQR1 .ScrollButton-module_icon__35w1l{opacity:0}.ScrollButton-module_icon__35w1l:before{content:" ";position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);background:radial-gradient(rgba(0,0,0,.3),transparent 60%);z-index:-1}.colors-module_contentColorScope__39my1{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.ImageGallery-module_wrapper__2H9en{--overlap:20px;--gutter:8%;display:grid;grid-template-columns:1fr 84% 1fr;align-items:center;height:100%;margin:0 auto;color:var(--theme-light-content-text-color,#fff)}@media (min-width:1000px){.ImageGallery-module_wide__xGLuJ{--overlap:40px}}.ImageGallery-module_customMargin__1VxM6{--gutter:max(var(--content-margin),(100% - var(--content-max-width))/2);grid-template-columns:var(--content-margin) minmax(0,var(--content-max-width)) var(--content-margin);justify-content:center}.ImageGallery-module_button__35bDf{grid-row:1;z-index:2;display:flex;justify-content:center;overflow:hidden}.ImageGallery-module_leftButton__3V-J6{grid-column:1}.ImageGallery-module_rightButton__ba0q5{grid-column:3}.ImageGallery-module_items__1q4QG{grid-row:1;grid-column:1/-1;display:grid;grid-auto-columns:100%;grid-auto-flow:column;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:0 calc(var(--overlap) + var(--gutter));scrollbar-width:none}.ImageGallery-module_items__1q4QG::-webkit-scrollbar{display:none}.ImageGallery-module_item__iqvfP{scroll-snap-stop:always;scroll-snap-align:center;margin:0 calc(-1*var(--overlap))}.ImageGallery-module_current__2Mm11{z-index:1}.ImageGallery-module_figure__3zkJb{transition:transform .2s ease,filter .2s linear;transform:scale(.9);filter:brightness(.5)}.ImageGallery-module_current__2Mm11 .ImageGallery-module_figure__3zkJb{transform:scale(1);filter:none}.ImageGallery-module_placeholder__39Vq4{opacity:.2}