pageflow 15.3.0 → 15.4.0

data/entry_types/scrolled/package/editor.js

@@ -1,4 +1,4 @@
-import { ConfigurationEditorTabView, SelectInputView, TextInputView, cssModulesUtils, SortableCollectionView, Object as Object$1, TextAreaInputView, CheckBoxInputView, inputView } from 'pageflow/ui';
+import { ConfigurationEditorTabView, SelectInputView, TextInputView, cssModulesUtils, SortableCollectionView, Object as Object$1, TextAreaInputView, CheckBoxInputView, SliderInputView, inputView } from 'pageflow/ui';
 import * as globalInterop from 'pageflow/editor';
 import { editor as editor$1, configurationContainer, delayedDestroying, entryTypeEditorControllerUrls, failureTracking, ForeignKeySubsetCollection, orderedCollection, Configuration, Entry, modelLifecycleTrackingView, CollectionView, app, EditConfigurationView, cssModulesUtils as cssModulesUtils$1, FileInputView, ColorInputView } from 'pageflow/editor';
 import I18n, { t } from 'i18n-js';
@@ -6,6 +6,9 @@ import Backbone$1 from 'backbone';
 import Marionette from 'backbone.marionette';
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { createContext } from 'use-context-selector';
+import { createSelectorCreator, defaultMemoize } from 'reselect';
+import 'slugify';
 import { SectionThumbnail, getAvailableTransitionNames, getTransitionNames } from 'pageflow-scrolled/frontend';
 import $ from 'jquery';
 import { editor as editor$2 } from 'pageflow-scrolled/editor';
@@ -356,6 +359,7 @@ var SectionConfiguration = Configuration.extend({
   defaults: {
     transition: 'scroll',
     fullHeight: true,
+    exposeMotifArea: true,
     backdrop: {}
   },
   initialize: function initialize() {
@@ -404,26 +408,30 @@ var SectionConfiguration = Configuration.extend({
 
       case 'video':
         return this.set('backdrop', {
-          video: this.get('backdropVideo')
+          video: this.get('backdropVideo'),
+          videoMotifArea: this.get('backdropVideoMotifArea')
         });
 
       default:
         return this.set('backdrop', {
           image: this.get('backdropImage'),
-          imageMobile: this.get('backdropImageMobile')
+          imageMotifArea: this.get('backdropImageMotifArea'),
+          imageMobile: this.get('backdropImageMobile'),
+          imageMobileMotifArea: this.get('backdropImageMobileMotifArea')
         });
     }
   }
 });
 var FileSelectionHandler = function FileSelectionHandler(options) {
-  var contentElement = options.entry.sections.get(options.id);
+  var section = options.entry.sections.get(options.id);
 
   this.call = function (file) {
-    contentElement.configuration.setReference(options.attributeName, file);
+    section.configuration.setReference(options.attributeName, file);
+    section.configuration.set("".concat(options.attributeName, "MotifArea"), file.configuration.get('motifArea'));
   };
 
   this.getReferer = function () {
-    return '/scrolled/sections/' + contentElement.id;
+    return '/scrolled/sections/' + section.id;
   };
 };
 editor$1.registerFileSelectionHandler('sectionConfiguration', FileSelectionHandler);
@@ -491,14 +499,26 @@ var ContentElement = Backbone$1.Model.extend({
   },
   applyDefaultConfiguration: function applyDefaultConfiguration(sibling) {
     this.configuration.set(_objectSpread2(_objectSpread2({}, this.getType().defaultConfig), {}, {
-      position: sibling.getDefaultSiblingPosition()
+      position: sibling === null || sibling === void 0 ? void 0 : sibling.getDefaultSiblingPosition()
     }));
   },
+  getPosition: function getPosition() {
+    return this.configuration.get('position') || 'inline';
+  },
   getAvailablePositions: function getAvailablePositions() {
-    return this.section.configuration.get('layout') === 'center' ? ['inline', 'left', 'right', 'full'] : ['inline', 'sticky', 'full'];
+    var supportedByLayout = this.section.configuration.get('layout') === 'center' ? ['inline', 'left', 'right', 'full'] : ['inline', 'sticky', 'full'];
+    var supportedByType = this.getType().supportedPositions;
+
+    if (supportedByType) {
+      return supportedByLayout.filter(function (position) {
+        return supportedByType.includes(position);
+      });
+    } else {
+      return supportedByLayout;
+    }
   },
   getDefaultSiblingPosition: function getDefaultSiblingPosition() {
-    var position = this.configuration.get('position') || 'inline';
+    var position = this.getPosition();
 
     if (position === 'full') {
       return 'inline';
@@ -516,213 +536,421 @@ var ContentElementsCollection = Backbone$1.Collection.extend({
   comparator: 'position'
 });
 
-// update the order of content elements in a section. New content
-// elements are persisted and updated with ids/perma ids read from the
-// response.
-//
-// More complex changes can be performed via command
-// objects. Those can be used to manipulate items that represents a
-// content element in the batch request. Moreover, each command can
-// contain logic that performs updates once the request has succeeded
-// or rolls back local changes if the request fails.
-
-function batch(section, commands) {
-  Backbone$1.sync('update', section, {
-    url: "".concat(section.url(), "/content_elements/batch"),
-    attrs: {
-      content_elements: createBatchItems(section, commands)
-    },
-    success: function success(response) {
-      storePersistedIds(section, response);
-      commands.forEach(function (command) {
-        return command.complete();
-      });
-    },
-    error: function error() {
-      commands.forEach(function (command) {
-        return command.rollback();
-      });
-    }
-  });
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-var nullCommand = {
-  batchItemFor: function batchItemFor() {},
-  complete: function complete() {},
-  rollback: function rollback() {}
-};
 
-function createBatchItems(section, commands) {
-  return section.contentElements.map(function (contentElement) {
-    var item = findBatchItemFromCommand(contentElement, commands);
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+}
 
-    if (item) {
-      return item;
-    } else if (contentElement.isNew()) {
-      return {
-        typeName: contentElement.get('typeName'),
-        configuration: contentElement.configuration.toJSON()
-      };
-    } else {
-      return contentElement.pick('id');
-    }
-  });
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function findBatchItemFromCommand(contentElement, commands) {
-  return commands.reduce(function (result, command) {
-    return result || command.batchItemFor(contentElement);
-  }, null);
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function storePersistedIds(section, response) {
-  section.contentElements.each(function (contentElement, index) {
-    if (contentElement.isNew()) {
-      contentElement.set({
-        id: response[index].id,
-        permaId: response[index].permaId
+// persisting the changes to the server in a single request and
+// applying them to the section once the requests succeeds.
+
+function Batch(entry, section) {
+  // Shallow copy of the section's list of content elements to store
+  // ordering changes and newly inserted content elements.
+  var contentElements = section.contentElements.toArray(); // Since contentElements is only a shallow copy, we cannot write
+  // configuration changes to the actual content elements.
+
+  var changedConfigurations = {}; // Content elements that have been removed from contentElements
+  // and shall be deleted on the server.
+
+  var markedForDeletion = []; // Track whether changes have been recorded which need to be
+  // persisted to the server.
+
+  var isDirty = false;
+  return {
+    getAdjacent: getAdjacent,
+    split: split,
+    maybeMerge: maybeMerge,
+    insertBefore: insertBefore,
+    insertAfter: insertAfter,
+    markForUpdate: markForUpdate,
+    markForDeletion: markForDeletion,
+    remove: remove,
+    save: save,
+    saveIfDirty: saveIfDirty
+  };
+
+  function getAdjacent(contentElement) {
+    var index = contentElements.indexOf(contentElement);
+    return [contentElements[index - 1], contentElements[index + 1]];
+  } // Higher level transformations based on the more low level
+  // transformations below:
+
+
+  function split(contentElement, splitPoint) {
+    var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
+        insertAt = _ref.insertAt;
+
+    var _contentElement$getTy = contentElement.getType().split(getCurrentConfiguration(contentElement), splitPoint),
+        _contentElement$getTy2 = _slicedToArray(_contentElement$getTy, 2),
+        c1 = _contentElement$getTy2[0],
+        c2 = _contentElement$getTy2[1];
+
+    var splitOffContentElement;
+
+    if (insertAt === 'before') {
+      splitOffContentElement = new ContentElement({
+        typeName: contentElement.get('typeName'),
+        configuration: c1
+      });
+      insertBefore(contentElement, splitOffContentElement);
+      markForUpdate(contentElement, c2);
+    } else {
+      splitOffContentElement = new ContentElement({
+        typeName: contentElement.get('typeName'),
+        configuration: c2
       });
+      markForUpdate(contentElement, c1);
+      insertAfter(contentElement, splitOffContentElement);
     }
-  });
-}
 
-function insertContentElement(entry, sibling, attributes, _ref) {
-  var at = _ref.at,
-      splitPoint = _ref.splitPoint;
-  var section = sibling.section;
-  var insertIndex = reindexPositionsToMakeRoomForInsertion(section, sibling, at);
-  var commands = [at === 'split' && prepareSplit(entry, section, sibling, splitPoint), prepareInsertion(entry, section, sibling, attributes, insertIndex)].filter(Boolean);
-  section.contentElements.sort();
-  batch(section, commands);
-}
+    return splitOffContentElement;
+  }
 
-function reindexPositionsToMakeRoomForInsertion(section, sibling, at) {
-  var delta = 0;
-  var insertIndex;
-  section.contentElements.forEach(function (contentElement, index) {
-    if (contentElement === sibling && at === 'before') {
-      delta = 1;
-      insertIndex = index;
+  function maybeMerge(before, after) {
+    if (!before || !after || before.get('typeName') !== after.get('typeName') || !before.getType().merge) {
+      return;
     }
 
-    contentElement.set('position', index + delta);
+    var mergedConfiguration = before.getType().merge(getCurrentConfiguration(before), getCurrentConfiguration(after)); // Update the aleady persisted content element, if one has not yet
+    // been persisted. For example, let X be a content element in
+    // between two text blocks T1 and T2:
+    //
+    //   T1
+    //     paragraph A
+    //     paragraph B
+    //   X
+    //   T2
+    //     paragraph C
+    //
+    // When X shall be moved between the two paragraphs of T1, the
+    // second paragraph of T1 will first be split off into a new
+    // content element T3:
+    //
+    //   T1
+    //     paragraph A
+    //   T3
+    //     paragraph B
+    //   X
+    //   T2
+    //     paragraph C
+    //
+    // Then X will be moved:
+    //
+    //   T1
+    //     paragraph A
+    //   X
+    //   T3
+    //     paragraph B
+    //   T2
+    //     paragraph C
+    //
+    // T3 and T2 become adjacent and need to be merged. We now want to
+    // update T2 instead of creating T3 and deleting T2. Final state:
+    //
+    //   T1
+    //     paragraph A
+    //   X
+    //   T2
+    //     paragraph B
+    //     paragraph C
+    //
+
+    if (before.isNew() && !after.isNew()) {
+      remove(before);
+      markForUpdate(after, mergedConfiguration);
+    } else {
+      markForUpdate(before, mergedConfiguration);
+      remove(after);
 
-    if (contentElement === sibling) {
-      if (at === 'after') {
-        delta = 1;
-        insertIndex = index + 1;
-      } else if (at === 'split') {
-        delta = 2;
-        insertIndex = index + 1;
+      if (!after.isNew()) {
+        markForDeletion(after);
       }
     }
-  });
-  return insertIndex;
-}
+  }
 
-function prepareSplit(entry, section, sibling, splitPoint) {
-  var _sibling$getType$spli = sibling.getType().split(sibling.configuration.attributes, splitPoint),
-      _sibling$getType$spli2 = _slicedToArray(_sibling$getType$spli, 2),
-      c1 = _sibling$getType$spli2[0],
-      c2 = _sibling$getType$spli2[1];
+  function insertBefore(sibling, contentElement) {
+    isDirty = true;
+    contentElements.splice(contentElements.indexOf(sibling), 0, contentElement);
+  }
 
-  var splitOffContentElement = new ContentElement({
-    typeName: sibling.get('typeName'),
-    configuration: c2,
-    position: sibling.get('position') + 2
-  });
-  section.contentElements.add(splitOffContentElement);
-  return {
-    batchItemFor: function batchItemFor(contentElement) {
-      if (contentElement === sibling) {
+  function insertAfter(sibling, contentElement) {
+    isDirty = true;
+    contentElements.splice(contentElements.indexOf(sibling) + 1, 0, contentElement);
+  }
+
+  function markForUpdate(contentElement, configuration) {
+    isDirty = true;
+    changedConfigurations[contentElement.id] = configuration;
+  }
+
+  function markForDeletion(contentElement) {
+    isDirty = true;
+    markedForDeletion.push(contentElement);
+  }
+
+  function remove(contentElement) {
+    // We do not mark the batch as dirty here to allow removing an
+    // element and adding it to another section. We are fine with
+    // the resulting gap in the position attributes of the section's
+    // content elements.
+    contentElements.splice(contentElements.indexOf(contentElement), 1);
+  }
+
+  function getCurrentConfiguration(contentElement) {
+    return changedConfigurations[contentElement.id] || contentElement.configuration.attributes;
+  } // Functionality to assemble and perform the batch request to
+  // persist the recorded changes:
+
+
+  function saveIfDirty(options) {
+    if (isDirty) {
+      save(options);
+    }
+  }
+
+  function save() {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _success = _ref2.success;
+
+    isDirty = false;
+    Backbone$1.sync('update', section, {
+      url: "".concat(section.url(), "/content_elements/batch"),
+      attrs: {
+        content_elements: createBatchItems()
+      },
+      success: function success(response) {
+        applyConfigurationChanges();
+        applyPositions();
+        applyAdditions(response);
+        applyDeletions();
+        section.contentElements.sort();
+
+        if (_success) {
+          _success();
+        }
+      }
+    });
+  }
+
+  function createBatchItems() {
+    return [].concat(_toConsumableArray(contentElements.map(function (contentElement) {
+      if (contentElement.isNew()) {
+        return {
+          typeName: contentElement.get('typeName'),
+          configuration: contentElement.configuration.attributes
+        };
+      } else if (changedConfigurations[contentElement.id]) {
         return {
           id: contentElement.id,
-          configuration: c1
+          configuration: changedConfigurations[contentElement.id]
         };
+      } else {
+        return contentElement.pick('id');
       }
-    },
-    complete: function complete() {
-      // Only persisted models are synchronized to React state. The
-      // added content element therefore only becomes visible in the
-      // preview after the batch request completed. Thus, we have to
-      // wait with removing the split off part of the configuration.
-      sibling.configuration.set(c1, {
+    })), _toConsumableArray(markedForDeletion.map(function (contentElement) {
+      return {
+        id: contentElement.id,
+        _delete: true
+      };
+    })));
+  } // Functionality to apply the recorded changes to the underlying
+  // section once the request succeeded:
+
+
+  function applyAdditions(response) {
+    contentElements.forEach(function (contentElement, index) {
+      if (contentElement.isNew()) {
+        section.contentElements.add(contentElement);
+        contentElement.set({
+          id: response[index].id,
+          permaId: response[index].permaId
+        });
+      } else if (contentElement.section !== section) {
+        contentElement.section.contentElements.remove(contentElement);
+        section.contentElements.add(contentElement);
+      }
+    });
+  }
+
+  function applyDeletions() {
+    markedForDeletion.forEach(function (contentElement) {
+      return entry.contentElements.remove(contentElement);
+    });
+  }
+
+  function applyPositions() {
+    contentElements.forEach(function (contentElement, index) {
+      return contentElement.set('position', index, {
         autoSave: false
       });
-    },
-    rollback: function rollback() {
-      entry.contentElements.remove(splitOffContentElement);
-    }
-  };
+    });
+  }
+
+  function applyConfigurationChanges() {
+    contentElements.forEach(function (contentElement) {
+      if (changedConfigurations[contentElement.id]) {
+        contentElement.configuration.set(changedConfigurations[contentElement.id], {
+          autoSave: false
+        });
+      }
+    });
+  }
 }
 
-function prepareInsertion(entry, section, sibling, attributes, index) {
-  var contentElement = new ContentElement(_objectSpread2(_objectSpread2({}, attributes), {}, {
-    position: index
-  }));
+// element (e.g. between two paragraphs of a text block).
+
+function insertContentElement(entry, sibling, attributes, _ref) {
+  var at = _ref.at,
+      splitPoint = _ref.splitPoint;
+  var batch = new Batch(entry, sibling.section);
+
+  if (at === 'split') {
+    batch.split(sibling, splitPoint, {
+      insertAt: 'after'
+    });
+  }
+
+  var contentElement = new ContentElement(attributes);
   contentElement.applyDefaultConfiguration(sibling);
-  section.contentElements.add(contentElement);
-  return _objectSpread2(_objectSpread2({}, nullCommand), {}, {
-    complete: function complete() {
+
+  if (at === 'before') {
+    batch.insertBefore(sibling, contentElement);
+  } else {
+    batch.insertAfter(sibling, contentElement);
+  }
+
+  batch.save({
+    success: function success() {
       entry.trigger('selectContentElement', contentElement);
-    },
-    rollback: function rollback() {
-      entry.contentElements.remove(contentElement);
     }
   });
 }
 
-function deleteContentElement(entry, contentElement) {
-  batch(contentElement.section, [prepareMerge(entry, contentElement), prepareDeletion(entry, contentElement)]);
-}
+// moving content elements to "split points" inside content elements
+// with custom split functions (e.g. between two paragraphs of a text
+// block). Merge content elements of the same type that become
+// adjacent by moving a content element away (e.g. two text blocks
+// surrounding an image that is moved away).
+
+function moveContentElement(entry, contentElement, sibling, at, splitPoint) {
+  var sourceBatch = new Batch(entry, contentElement.section); // If we move content elements between sections, merges will need to
+  // be performed in the section where the content element came from.
+
+  var targetBatch = sibling.section === contentElement.section ? sourceBatch : new Batch(entry, sibling.section);
+
+  if (at === 'split') {
+    // When moving a content element to a split point in the adjacent
+    // element below, insert split off element before sibling so that
+    // is can directly be merged again. For example, let X be a
+    // content element in between two text blocks T1 and T2:
+    //
+    //   T1
+    //     paragraph A
+    //   X
+    //   T2
+    //     paragraph B
+    //     paragraph C
+    //
+    // When X shall be moved between the two paragraphs of T2, we want
+    // to split off the first paragraph of T2 into a new content
+    // element T3 and move X:
+    //
+    //   T1
+    //     T1 paragraph A
+    //   X
+    //   T3
+    //     T1 paragraph B
+    //   T2
+    //     T2 paragraph C
+    //
+    // T3 becomes the new sibling that we want to move X after:
+    //
+    //   T1
+    //     T1 paragraph A
+    //   T3
+    //     T1 paragraph B
+    //   X
+    //   T2
+    //     T2 paragraph C
+    //
+    // When we later merge T1 and T3, T1 will be updated making T3
+    // disappear again without ever persisting it to the server:
+    //
+    //   T1
+    //     T1 paragraph A
+    //     T1 paragraph B
+    //   X
+    //   T2
+    //     T2 paragraph C
+    //
+    if (sourceBatch.getAdjacent(contentElement)[1] === sibling) {
+      sibling = targetBatch.split(sibling, splitPoint, {
+        insertAt: 'before'
+      });
+    } else {
+      targetBatch.split(sibling, splitPoint);
+    }
+  }
 
-function prepareDeletion(entry, deletedContentElement) {
-  return _objectSpread2(_objectSpread2({}, nullCommand), {}, {
-    batchItemFor: function batchItemFor(contentElement) {
-      if (contentElement === deletedContentElement) {
-        return {
-          id: contentElement.id,
-          _delete: true
-        };
-      }
-    },
-    complete: function complete() {
-      entry.contentElements.remove(deletedContentElement);
+  var _sourceBatch$getAdjac = sourceBatch.getAdjacent(contentElement),
+      _sourceBatch$getAdjac2 = _slicedToArray(_sourceBatch$getAdjac, 2),
+      before = _sourceBatch$getAdjac2[0],
+      after = _sourceBatch$getAdjac2[1]; // Check if element was dragged to same position where it came from.
+
+
+  if (!(at === 'before' && sibling === after) && !(at === 'after' && sibling === before)) {
+    sourceBatch.remove(contentElement);
+
+    if (at === 'before') {
+      targetBatch.insertBefore(sibling, contentElement);
+    } else {
+      targetBatch.insertAfter(sibling, contentElement);
     }
-  });
-}
 
-function prepareMerge(entry, deletedContentElement) {
-  var _deletedContentElemen = deletedContentElement.getAdjacentContentElements(),
-      _deletedContentElemen2 = _slicedToArray(_deletedContentElemen, 2),
-      before = _deletedContentElemen2[0],
-      after = _deletedContentElemen2[1];
+    sourceBatch.maybeMerge(before, after);
+  } // Dragging an element next to a sticky element, shall make the
+  // moved element sticky as well.
+
 
-  if (!before || !after || before.get('typeName') !== after.get('typeName') || !before.getType().merge) {
-    return nullCommand;
+  copyPositionIfAvailable(targetBatch, contentElement, sibling);
+  targetBatch.saveIfDirty();
+  sourceBatch.saveIfDirty();
+}
+
+function copyPositionIfAvailable(batch, contentElement, sibling) {
+  if (contentElement.getPosition() !== sibling.getPosition() && contentElement.getAvailablePositions().includes(sibling.getPosition())) {
+    batch.markForUpdate(contentElement, _objectSpread2(_objectSpread2({}, contentElement.configuration.toJSON), {}, {
+      position: sibling.getPosition()
+    }));
   }
+}
 
-  var mergedConfiguration = before.getType().merge(before.configuration.attributes, after.configuration.attributes);
-  return _objectSpread2(_objectSpread2({}, nullCommand), {}, {
-    batchItemFor: function batchItemFor(contentElement) {
-      if (contentElement === before) {
-        return {
-          id: contentElement.id,
-          configuration: mergedConfiguration
-        };
-      } else if (contentElement === after) {
-        return {
-          id: contentElement.id,
-          _delete: true
-        };
-      }
-    },
-    complete: function complete() {
-      before.configuration.set(mergedConfiguration, {
-        autoSave: false
-      });
-      entry.contentElements.remove(after);
-    }
-  });
+// (e.g. two text blocks surrounding a deleted image).
+
+function deleteContentElement(entry, contentElement) {
+  var batch = new Batch(entry, contentElement.section);
+
+  var _batch$getAdjacent = batch.getAdjacent(contentElement),
+      _batch$getAdjacent2 = _slicedToArray(_batch$getAdjacent, 2),
+      before = _batch$getAdjacent2[0],
+      after = _batch$getAdjacent2[1];
+
+  batch.remove(contentElement);
+  batch.markForDeletion(contentElement);
+  batch.maybeMerge(before, after);
+  batch.save();
 }
 
 var ScrolledEntry = Entry.extend({
@@ -761,9 +989,12 @@ var ScrolledEntry = Entry.extend({
         splitPoint = _ref.splitPoint;
 
     if (at === 'endOfSection') {
-      var contentElement = this.sections.get(id).contentElements.create(_objectSpread2({
+      var contentElement = new ContentElement(_objectSpread2({
         position: this.contentElements.length
       }, attributes));
+      contentElement.applyDefaultConfiguration();
+      this.sections.get(id).contentElements.add(contentElement);
+      contentElement.save();
       contentElement.once('sync', function () {
         _this.trigger('selectContentElement', contentElement);
       });
@@ -775,6 +1006,13 @@ var ScrolledEntry = Entry.extend({
       });
     }
   },
+  moveContentElement: function moveContentElement$1(movedContentElementId, _ref2) {
+    var id = _ref2.id,
+        at = _ref2.at,
+        splitPoint = _ref2.splitPoint;
+
+    moveContentElement(this, this.contentElements.get(movedContentElementId), this.contentElements.get(id), at, splitPoint);
+  },
   deleteContentElement: function deleteContentElement$1(id) {
     deleteContentElement(this, this.contentElements.get(id));
   }
@@ -930,7 +1168,7 @@ function getAttributes(model, _ref5) {
       var value = attributeName[key];
 
       if (typeof value == 'function') {
-        result[key] = value();
+        result[key] = value(model.get(key));
       } else {
         result[key] = model.get(value);
       }
@@ -946,8 +1184,15 @@ function getAttributes(model, _ref5) {
   }
   return result;
 }
+var createShallowEqualArraysSelector = createSelectorCreator(defaultMemoize, shallowEqualArrays);
 
-var Context = React.createContext();
+function shallowEqualArrays(a, b) {
+  return a.length === b.length && a.every(function (item, index) {
+    return item === b[index];
+  });
+}
+
+var Context = createContext();
 
 function watchCollections(entry, _ref) {
   var dispatch = _ref.dispatch;
@@ -999,7 +1244,13 @@ function watchCollections(entry, _ref) {
         permaId: 'perma_id'
       }, 'width', 'height', 'basename', 'rights', {
         isReady: 'is_ready'
-      }, 'variants', {
+      }, {
+        variants: function variants(_variants) {
+          return _variants && _variants.map(function (variant) {
+            return camelize(variant);
+          });
+        }
+      }, {
         durationInMs: 'duration_in_ms'
       }, {
         parentFileId: 'parent_file_id'
@@ -1290,12 +1541,12 @@ var PreviewMessageController = Object$1.extend({
   handleMessage: function handleMessage(message) {
     var _this = this;
 
+    var postMessage = function postMessage(message) {
+      _this.iframeWindow.postMessage(message, window.location.origin);
+    };
+
     if (window.location.href.indexOf(message.origin) === 0) {
       if (message.data.type === 'READY') {
-        var postMessage = function postMessage(message) {
-          _this.iframeWindow.postMessage(message, window.location.origin);
-        };
-
         watchCollections(this.entry, {
           dispatch: function dispatch(action) {
             postMessage({
@@ -1401,20 +1652,39 @@ var PreviewMessageController = Object$1.extend({
           },
           editor: this.editor
         });
-      } else if (message.data.type === 'UPDATE_CONTENT_ELEMENT') {
+      } else if (message.data.type === 'MOVE_CONTENT_ELEMENT') {
         var _message$data$payload3 = message.data.payload,
             _id2 = _message$data$payload3.id,
-            configuration = _message$data$payload3.configuration;
-        this.entry.contentElements.get(_id2).configuration.set(configuration, {
+            to = _message$data$payload3.to;
+        this.entry.moveContentElement(_id2, to);
+      } else if (message.data.type === 'UPDATE_CONTENT_ELEMENT') {
+        var _message$data$payload4 = message.data.payload,
+            _id3 = _message$data$payload4.id,
+            configuration = _message$data$payload4.configuration;
+        this.entry.contentElements.get(_id3).configuration.set(configuration, {
           ignoreInWatchCollection: true
         });
       } else if (message.data.type === 'UPDATE_TRANSIENT_CONTENT_ELEMENT_STATE') {
-        var _message$data$payload4 = message.data.payload,
-            _id3 = _message$data$payload4.id,
-            state = _message$data$payload4.state;
-        this.entry.contentElements.get(_id3).set('transientState', state);
+        var _message$data$payload5 = message.data.payload,
+            _id4 = _message$data$payload5.id,
+            state = _message$data$payload5.state;
+        this.entry.contentElements.get(_id4).set('transientState', state);
+      } else if (message.data.type === 'SAVED_SCROLL_POINT' && this.currentScrollPointCallback) {
+        this.currentScrollPointCallback();
+        this.currentScrollPointCallback = null;
+        setTimeout(function () {
+          return postMessage({
+            type: 'RESTORE_SCROLL_POINT'
+          });
+        }, 100);
       }
     }
+  },
+  preserveScrollPoint: function preserveScrollPoint(callback) {
+    this.currentScrollPointCallback = callback;
+    this.iframeWindow.postMessage({
+      type: 'SAVE_SCROLL_POINT'
+    }, window.location.origin);
   }
 });
 
@@ -1466,13 +1736,17 @@ var EntryPreviewView = Marionette.ItemView.extend({
     this.messageController.dispose();
   },
   updateEmulationMode: function updateEmulationMode() {
-    if (this.model.previous('emulation_mode')) {
-      this.$el.removeClass(styles$5[this.emulationModeClassName(this.model.previous('emulation_mode'))]);
-    }
+    var _this = this;
 
-    if (this.model.get('emulation_mode')) {
-      this.$el.addClass(styles$5[this.emulationModeClassName(this.model.get('emulation_mode'))]);
-    }
+    this.messageController.preserveScrollPoint(function () {
+      if (_this.model.previous('emulation_mode')) {
+        _this.$el.removeClass(styles$5[_this.emulationModeClassName(_this.model.previous('emulation_mode'))]);
+      }
+
+      if (_this.model.get('emulation_mode')) {
+        _this.$el.addClass(styles$5[_this.emulationModeClassName(_this.model.get('emulation_mode'))]);
+      }
+    });
   },
   emulationModeClassName: function emulationModeClassName(mode) {
     return "".concat(mode, "EmulationMode");
@@ -1522,6 +1796,10 @@ var EditChapterView = EditConfigurationView.extend({
   }
 });
 
+function _toArray(arr) {
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
+}
+
 var css$8 = ".imgareaselect-border1,\n.imgareaselect-border2,\n.imgareaselect-border3,\n.imgareaselect-border4 {\n  opacity: 0.5;\n}\n\n.imgareaselect-handle {\n  background-color: #fff;\n  border: solid 1px #000;\n  opacity: 0.5;\n}\n\n.imgareaselect-outer {\n  background-color: #000;\n  opacity: 0.5;\n}\n";
 styleInject(css$8);
 
@@ -1604,6 +1882,9 @@ styleInject(css$8);
     /* Image dimensions (as returned by .width() and .height()) */
     imgWidth,
         imgHeight,
+        gridX,
+        gridY,
+        gridSteps = 20,
 
     /*
      * jQuery object representing the parent element that the plugin
@@ -1836,11 +2117,20 @@ styleInject(css$8);
       minHeight = round(options.minHeight / scaleY) || 0;
       maxWidth = round(min(options.maxWidth / scaleX || 1 << 24, imgWidth));
       maxHeight = round(min(options.maxHeight / scaleY || 1 << 24, imgHeight));
+
+      if (imgWidth > imgHeight) {
+        gridX = imgWidth / gridSteps;
+        gridY = imgHeight < gridX ? imgHeight : gridX + imgHeight % gridX / Math.floor(imgHeight / gridX);
+      } else {
+        gridY = imgHeight / gridSteps;
+        gridX = imgWidth < gridY ? imgWidth : gridY + imgWidth % gridY / Math.floor(imgWidth / gridY);
+      }
       /*
        * Workaround for jQuery 1.3.2 incorrect offset calculation, originally
        * observed in Safari 3. Firefox 2 is also affected.
        */
 
+
       if ($().jquery == '1.3.2' && position == 'fixed' && !docElem['getBoundingClientRect']) {
         imgOfs.top += max(document.body.scrollTop, docElem.scrollTop);
         imgOfs.left += max(document.body.scrollLeft, docElem.scrollLeft);
@@ -2168,6 +2458,7 @@ styleInject(css$8);
         fixAspectRatio(true);
       }
 
+      snapToGrid();
       selection = {
         x1: selX(min(x1, x2)),
         x2: selX(max(x1, x2)),
@@ -2203,8 +2494,11 @@ styleInject(css$8);
 
 
     function doMove(newX1, newY1) {
-      x2 = (x1 = newX1) + selection.width;
-      y2 = (y1 = newY1) + selection.height;
+      x1 = newX1;
+      y1 = newY1;
+      snapToGrid();
+      x2 = x1 + selection.width;
+      y2 = y1 + selection.height;
       $.extend(selection, {
         x1: selX(x1),
         y1: selY(y1),
@@ -2213,6 +2507,13 @@ styleInject(css$8);
       });
       update();
       options.onSelectChange(img, getSelection());
+    }
+
+    function snapToGrid() {
+      x1 = Math.round(x1 / gridX) * gridX;
+      x2 = Math.round(x2 / gridX) * gridX;
+      y1 = Math.round(y1 / gridY) * gridY;
+      y2 = Math.round(y2 / gridY) * gridY;
     } //
     // Mousemove event handler triggered when the selection area is being moved
     //
@@ -2764,7 +3065,7 @@ styleInject(css$8);
   };
 })($);
 
-var css$9 = ".icons-module_icon__16IVx::before,\n.icons-module_icon__16IVx::after {\n  font-family: \"entypo\";\n}.icons-module_arrowsCcw__3_nrJ,\n.icons-module_attention__1sssG,\n.icons-module_cancel__1PjiX,\n.icons-module_check__3Lkw9,\n.icons-module_drag__p7HUE,\n.icons-module_helpCircled__D_oKU,\n.icons-module_plusCircled__20FlJ,\n.icons-module_rightOpen__9vsOG,\n.icons-module_trash__DH1EH {\n}.icons-module_arrowsCcw__3_nrJ::before {\n  content: \"\\1F504\";\n}.icons-module_attention__1sssG::before {\n  content: \"\\26A0\";\n}.icons-module_cancel__1PjiX::before {\n  content: \"\\2715\";\n}.icons-module_check__3Lkw9::before {\n  content: \"\\2713\";\n}.icons-module_drag__p7HUE {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  line-height: 10px;\n}.icons-module_drag__p7HUE::before {\n  content: \"\\E75F\";\n}.icons-module_drag__p7HUE::after {\n  content: \"\\E75C\";\n}.icons-module_helpCircled__D_oKU::before {\n  content: \"\\E704\";\n}.icons-module_plusCircled__20FlJ::before {\n  content: \"\\2795\";\n}.icons-module_rightOpen__9vsOG::before {\n  content: \"\\E75E\"\n}.icons-module_trash__DH1EH::before {\n  content: \"\\E729\";\n}.icons-module_chrome__1XHpi {\n  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM0LDI0YzAsNS41MjEtNC40NzksMTAtMTAsMTBzLTEwLTQuNDc5LTEwLTEwczQuNDc5LTEwLDEwLTEwUzM0LDE4LjQ3OSwzNCwyNHoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlBheDhKY25Neml2dThmflNafmsxeWEiIHgxPSI1Ljc4OSIgeDI9IjMxLjMyNCIgeTE9IjM0LjM1NiIgeTI9IjIwLjc3OSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDUwKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzRjYWY1MCIvPjxzdG9wIG9mZnNldD0iLjQ4OSIgc3RvcC1jb2xvcj0iIzRhYWY1MCIvPjxzdG9wIG9mZnNldD0iLjY2NSIgc3RvcC1jb2xvcj0iIzQzYWQ1MCIvPjxzdG9wIG9mZnNldD0iLjc5IiBzdG9wLWNvbG9yPSIjMzhhYTUwIi8+PHN0b3Agb2Zmc2V0PSIuODkyIiBzdG9wLWNvbG9yPSIjMjdhNTUwIi8+PHN0b3Agb2Zmc2V0PSIuOTc4IiBzdG9wLWNvbG9yPSIjMTFhMDUwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMGE5ZTUwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI1BheDhKY25Neml2dThmflNafmsxeWEpIiBkPSJNMzEuMzMsMjkuMjFsLTguMTYsMTQuNzdDMTIuNTEsNDMuNTUsNCwzNC43Niw0LDI0QzQsMTIuOTYsMTIuOTYsNCwyNCw0djExIGMtNC45NywwLTksNC4wMy05LDlzNC4wMyw5LDksOUMyNy4wMywzMywyOS43LDMxLjUxLDMxLjMzLDI5LjIxeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iUGF4OEpjbk16aXZ1OGZ+U1p+azF5YiIgeDE9IjMzLjU4IiB4Mj0iMzMuNTgiIHkxPSI2IiB5Mj0iMzQuNzk3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNTApIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNzQ3Ii8+PHN0b3Agb2Zmc2V0PSIuNDgyIiBzdG9wLWNvbG9yPSIjZmZkNjQ1Ii8+PHN0b3Agb2Zmc2V0PSIuNjU1IiBzdG9wLWNvbG9yPSIjZmVkNDNlIi8+PHN0b3Agb2Zmc2V0PSIuNzc5IiBzdG9wLWNvbG9yPSIjZmNjZjMzIi8+PHN0b3Agb2Zmc2V0PSIuODc5IiBzdG9wLWNvbG9yPSIjZmFjOTIyIi8+PHN0b3Agb2Zmc2V0PSIuOTY0IiBzdG9wLWNvbG9yPSIjZjdjMTBjIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjViYzAwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI1BheDhKY25Neml2dThmflNafmsxeWIpIiBkPSJNNDQsMjRjMCwxMS4wNS04Ljk1LDIwLTIwLDIwaC0wLjg0bDguMTctMTQuNzlDMzIuMzgsMjcuNzQsMzMsMjUuOTQsMzMsMjQgYzAtNC45Ny00LjAzLTktOS05VjRjNy44MSwwLDE0LjU1LDQuNDgsMTcuODUsMTFDNDMuMjEsMTcuNzEsNDQsMjAuNzYsNDQsMjR6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJQYXg4SmNuTXppdnU4Zn5TWn5rMXljIiB4MT0iMzYuMTI4IiB4Mj0iMTEuNTc0IiB5MT0iNDQuMjk3IiB5Mj0iMjguOTU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNTApIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjc1NzJmIi8+PHN0b3Agb2Zmc2V0PSIuNTIzIiBzdG9wLWNvbG9yPSIjZjc1NTJkIi8+PHN0b3Agb2Zmc2V0PSIuNzEyIiBzdG9wLWNvbG9yPSIjZjc1MDI2Ii8+PHN0b3Agb2Zmc2V0PSIuODQ2IiBzdG9wLWNvbG9yPSIjZjc0NjFiIi8+PHN0b3Agb2Zmc2V0PSIuOTU0IiBzdG9wLWNvbG9yPSIjZjczOTBhIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjczMTAwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI1BheDhKY25Neml2dThmflNafmsxeWMpIiBkPSJNNDEuODQsMTVIMjRjLTQuOTcsMC05LDQuMDMtOSw5YzAsMS40OSwwLjM2LDIuODksMS4wMSw0LjEzSDE2TDcuMTYsMTMuMjZINy4xNCBDMTAuNjgsNy42OSwxNi45MSw0LDI0LDRDMzEuOCw0LDM4LjU1LDguNDgsNDEuODQsMTV6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJQYXg4SmNuTXppdnU4Zn5TWn5rMXlkIiB4MT0iMTkuMDUiIHgyPSIyOC45NSIgeTE9IjMwLjk1IiB5Mj0iMjEuMDUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA1MCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyYWE0ZjQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDdhZDkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjUGF4OEpjbk16aXZ1OGZ+U1p+azF5ZCkiIGQ9Ik0zMSwyNGMwLDMuODY3LTMuMTMzLDctNyw3cy03LTMuMTMzLTctN3MzLjEzMy03LDctN1MzMSwyMC4xMzMsMzEsMjR6Ii8+PC9zdmc+);    \n}.icons-module_edge__2KQ9q {\n  background: url(data:image/png;base64,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);\n}.icons-module_firefox__22UR1 {\n  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCI+PHBhdGggZmlsbD0iIzAxNTc5QiIgZD0iTTI0IDVBMTkgMTkgMCAxIDAgMjQgNDNBMTkgMTkgMCAxIDAgMjQgNVoiLz48cGF0aCBmaWxsPSIjMDI3N0JEIiBkPSJNMzQsMjAuOGMwLTAuNiwwLTIuOS0xLjUtNC43Yy0wLjEtMC4xLTAuMi0wLjMtMC4yLTAuNGMtMC4xLTAuMS0wLjEtMC4yLTAuMi0wLjRMMzEuOSwxNWwtMC4yLTAuM2MtMC4yLTAuMy0wLjMtMC41LTAuMy0wLjVjLTAuNC0wLjYtMC41LTEuNC0wLjEtMi4xYzAuMS0wLjIsMC4zLTAuNCwwLjQtMC42Yy0wLjEtMC4xLTAuMi0wLjItMC4zLTAuMmMwLDAsMCwwLTAuMSwwYy0wLjMtMC4yLTAuNi0wLjQtMC44LTAuNmwtMC43LTAuNWwwLDBDMjkuMyw5LjksMjksOS44LDI5LDkuN2MtMC43LTAuNC0xLjEtMS4xLTEtMS45YzAuMS0wLjgsMC42LTEuNSwxLjQtMS43YzAuMSwwLDAuMy0wLjEsMC41LTAuMWMwLDAsMCwwLTAuMS0wLjFDMjgsNS4zLDI2LDUsMjQsNUMxNi42LDUsMTAuMSw5LjMsNywxNS41YzAsMC4yLDAsMC4zLDAsMC41YzAsNy4yLDYuMywxMywxNCwxM0MyNi45LDI5LDMxLjksMjUuNiwzNCwyMC44eiIvPjxwYXRoIGZpbGw9IiNGRkYxNzYiIGQ9Ik0zMCw4YzAsMCwwLjMtMC4xLDAuOS0wLjFjMC4zLDAsMC42LDAsMSwwYzAuNCwwLDAuOCwwLjEsMS4zLDAuMmMwLjUsMC4xLDEsMC4zLDEuNSwwLjVjMC41LDAuMiwxLjEsMC41LDEuNiwwLjljMC41LDAuMywxLDAuOCwxLjUsMS4yYzAuNSwwLjQsMC45LDEsMS4zLDEuNWMwLjMsMC42LDAuNywxLjEsMSwxLjdjMC4zLDAuNiwwLjUsMS4yLDAuNywxLjhjMC4yLDAuNiwwLjMsMS4yLDAuNCwxLjdjMC4xLDAuNiwwLjEsMS4xLDAuMSwxLjVjMCwwLjIsMCwwLjUsMCwwLjdjMCwwLjIsMCwwLjQtMC4xLDAuNmMwLDAuNC0wLjEsMC43LTAuMSwxQzQxLjEsMjEuNyw0MSwyMiw0MSwyMnMtMC4yLTAuMy0wLjQtMC44Yy0wLjEtMC4yLTAuMy0wLjUtMC40LTAuOWMtMC4xLTAuMy0wLjMtMC43LTAuNS0xLjFjLTAuMi0wLjQtMC40LTAuOC0wLjYtMS4zYy0wLjItMC40LTAuNS0wLjktMC43LTEuNGMtMC4yLTAuNS0wLjUtMC45LTAuOC0xLjRjLTAuMy0wLjUtMC42LTAuOS0wLjktMS4zYy0wLjMtMC40LTAuNi0wLjktMS0xLjJjLTAuNC0wLjQtMC43LTAuOC0xLjEtMS4xYy0wLjMtMC40LTAuNy0wLjctMS4xLTFjLTAuNC0wLjMtMC43LTAuNi0xLjEtMC44Yy0wLjMtMC4zLTAuNy0wLjUtMS0wLjdjLTAuMy0wLjItMC42LTAuNC0wLjgtMC41QzMwLjMsOC4yLDMwLDgsMzAsOHoiLz48cGF0aCBmaWxsPSIjRkREODM1IiBkPSJNNDMuMSwxNy42Yy0wLjMtMi4yLTEuMi00LjItMi4yLTUuNmMtMC41LTAuNy0xLTEuMi0xLjMtMS41QzM5LjIsMTAuMiwzOSwxMCwzOSwxMHMwLDAuMywwLjEsMC44YzAuMSwwLjUsMC4xLDEuMSwwLjIsMS45YzAuMSwwLjQsMC4xLDAuOCwwLjIsMS4yYy0wLjQtMC42LTAuOS0xLjItMS40LTEuNmMtMC41LTAuNS0xLjEtMC44LTEuNC0xQzM2LjIsMTEuMSwzNiwxMSwzNiwxMXMwLjEsMC4yLDAuMiwwLjZjMC4xLDAuNCwwLjMsMC45LDAuNSwxLjZjMC4yLDAuNywwLjUsMS42LDAuOCwyLjVjLTAuNi0wLjctMS4yLTEuMy0xLjgtMS43Yy0wLjctMC40LTEuMy0wLjctMS44LTAuOEMzMy4zLDEzLDMzLDEzLDMzLDEzczAuMiwwLjIsMC40LDAuNmMwLjEsMC4yLDAuMywwLjQsMC40LDAuN2MwLjIsMC4zLDAuMywwLjYsMC41LDAuOWMwLjMsMC42LDAuNywxLjMsMSwyLjFjMC4yLDAuNCwwLjMsMC44LDAuNSwxLjJjMC4xLDAuNCwwLjQsMC44LDAuNSwxLjNjMC4yLDAuNCwwLjMsMC44LDAuNSwxLjNjMC4xLDAuNCwwLjMsMC44LDAuNCwxLjNjMC4xLDAuNCwwLjMsMC44LDAuNCwxLjJjMC4xLDAuNCwwLjIsMC44LDAuNCwxLjFjMC4zLDAuNywwLjUsMS4zLDAuNywxLjdDMzguOSwyNi44LDM5LDI3LDM5LDI3czAuMS0wLjIsMC4zLTAuN2MwLjEtMC4yLDAuMi0wLjUsMC4yLTAuOGMwLjEtMC4zLDAuMi0wLjcsMC4yLTEuMWMwLTAuMywwLjEtMC42LDAuMS0wLjlDMzkuOSwyMy44LDQwLDI0LDQwLDI0czAuMS0wLjIsMC4zLTAuNmMwLjEtMC4yLDAuMi0wLjQsMC4zLTAuN2MwLDAsMC0wLjEsMC0wLjFjMCwwLjIsMCwwLjUsMC4xLDAuN2MwLDAuNCwwLjEsMC43LDAuMSwxYzAsMC4zLDAsMC42LDAsMC45YzAsMC41LDAuMSwwLjgsMC4xLDAuOHMwLjItMC4yLDAuNS0wLjZjMC4xLTAuMiwwLjMtMC40LDAuNS0wLjdjMC4yLTAuMywwLjMtMC42LDAuNS0xYzAuMi0wLjQsMC4zLTAuOCwwLjQtMS4zYzAuMS0wLjUsMC4yLTEsMC4zLTEuNWMwLjEtMC41LDAuMS0xLjEsMC4xLTEuNkM0My4zLDE4LjcsNDMuMiwxOC4xLDQzLjEsMTcuNnoiLz48cGF0aCBmaWxsPSIjRkZCMzAwIiBkPSJNNDQuMSwxOS44QzQ0LjEsMTkuMyw0NCwxOSw0NCwxOXMtMC4yLDAuMy0wLjUsMC43Yy0wLjMsMC41LTAuNiwxLjEtMSwxLjljLTAuMywwLjctMC43LDEuNS0xLjEsMi4zYzAtMC44LDAtMS41LTAuMS0yLjJjLTAuMS0wLjYtMC4yLTEuMS0wLjMtMS42Yy0wLjItMC41LTAuMy0xLTAuNS0xLjRjLTAuMy0wLjktMC43LTEuNS0xLTJDMzkuMiwxNi4yLDM5LDE2LDM5LDE2cy0wLjEsMS4yLTAuMSwzYzAsMC45LTAuMSwxLjgtMC4yLDIuOWMwLDAuNS0wLjEsMS0wLjEsMS42YzAsMC41LTAuMSwxLjEtMC4yLDEuNmMwLDAuMSwwLDAuMywwLDAuNGMtMC4xLTAuOS0wLjQtMS44LTAuOC0yLjRjLTAuMy0wLjctMC43LTEuMi0xLTEuNUMzNi4yLDIxLjEsMzYsMjEsMzYsMjFzMCwwLjMsMCwwLjdjMCwwLjQsMCwxLTAuMSwxLjdjLTAuMSwxLjMtMC4zLDMtMC41LDQuNmMtMC4xLDAuNC0wLjIsMC44LTAuMiwxLjJjLTAuMSwwLjQtMC4yLDAuOC0wLjIsMS4yYy0wLjEsMC40LTAuMiwwLjgtMC4zLDEuMWMtMC4xLDAuNC0wLjIsMC43LTAuMiwxYy0wLjEsMC4zLTAuMSwwLjctMC4yLDAuOWMtMC4xLDAuMy0wLjEsMC41LTAuMiwwLjhDMzQsMzQuNywzNCwzNSwzNCwzNXMwLjItMC4xLDAuNi0wLjRjMC40LTAuMywwLjktMC42LDEuNC0xLjJjMC4yLTAuMywwLjUtMC42LDAuOC0xYzAuMi0wLjQsMC41LTAuNywwLjctMS4xYzAsMC4zLTAuMSwwLjYtMC4xLDAuOWMtMC4xLDAuMy0wLjEsMC43LTAuMiwwLjlDMzcsMzMuNywzNywzNCwzNywzNGMwLjEtMC4xLDAuNCwwLDAuNywwLjFjMCwwLjEtMC4xLDAuMi0wLjEsMC4yYy0wLjEsMC4zLTAuMiwwLjYtMC4zLDAuOUMzNy4xLDM1LjcsMzcsMzYsMzcsMzZzMC4zLTAuMSwwLjctMC40YzAuMi0wLjIsMC41LTAuMywwLjgtMC42YzAuMy0wLjIsMC42LTAuNSwwLjktMC45YzAuMy0wLjMsMC42LTAuNywxLTEuMWMwLjMtMC40LDAuNi0wLjksMC45LTEuNGMwLjYtMSwxLjEtMi4xLDEuNS0zLjJjMC40LTEuMSwwLjgtMi4zLDEtMy40YzAuMi0xLjEsMC4zLTIuMSwwLjQtM0M0NC4yLDIxLjEsNDQuMiwyMC40LDQ0LjEsMTkuOHoiLz48cGF0aCBmaWxsPSIjRkY5ODAwIiBkPSJNNDEuNCwzMC40Yy0wLjQsMC4yLTAuOCwwLjYtMS40LDFjLTAuOCwwLjYtMS43LDEuNC0yLjYsMi4zYzAuMS0wLjMsMC4zLTAuNiwwLjQtMC45YzAuMy0wLjksMC40LTEuNywwLjUtMi40YzAtMC43LDAtMS4zLTAuMS0xLjdDMzguMSwyOC4yLDM4LDI4LDM4LDI4cy0wLjIsMC4yLTAuNCwwLjVjLTAuMiwwLjMtMC42LDAuOC0xLDEuM2MtMC40LDAuNS0wLjgsMS4yLTEuMiwxLjhjLTAuMSwwLjEtMC4xLDAuMi0wLjIsMC4zYzAuMi0wLjYsMC4yLTEuMywwLjItMS45YzAtMC44LTAuMi0xLjYtMC40LTIuMmMtMC4yLTAuNi0wLjUtMS4xLTAuNy0xLjRDMzQuMiwyNi4yLDM0LDI2LDM0LDI2cy0wLjEsMC4yLTAuMiwwLjZjLTAuMSwwLjMtMC4zLDAuOC0wLjUsMS40Yy0wLjIsMC41LTAuMywxLjEtMC41LDEuOGMtMC4xLDAuMy0wLjIsMC42LTAuMywxYy0wLjEsMC4zLTAuMiwwLjYtMC4zLDAuOGMtMS45LDEuOS00LjIsMi40LTYuNCwyLjVjLTEuMiwwLTIuMy0wLjItMy4zLTAuNWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMtMS41LTAuNS0yLjktMS40LTQuMi0yLjZjMS45LDAuMiwzLjctMC4yLDUuMi0wLjlsMi41LTEuNmwwLDBjMC4zLTAuMSwwLjYtMC4xLDAuOSwwYzAuNi0wLjEsMC44LTAuNCwwLjYtMWMtMC4zLTAuNC0wLjgtMC44LTEuMy0xLjFjLTEuMy0wLjctMi42LTAuNi00LDAuM2MtMS4zLDAuNy0yLjUsMC42LTMuOC0wLjFjLTMuMS0xLjYtMS45LTUuNywxLjQtMy42YzAuMi0xLTAuMS0yLjEtMC43LTMuMmMwLDAsMCwwLDAsMGMtMi45LTUuMywwLjQtOS42LDEuNS0xMC4zYy0yLDAuMi0zLjgsMS4xLTUuNCwyLjZDNC45LDEwLjksNCwyMC45LDQsMjFsMS4yLTEuMWMtMC40LDEuMS0wLjcsMi4yLTAuOCwzLjRDNCwyNy4yLDUuMSwzMSw3LjcsMzQuOEMxMS43LDM5LjksMTgsNDMsMjQsNDNjNi44LDAsMTEuMi0yLjUsMTQuMS01LjdjMC4yLTAuMiwwLjQtMC40LDAuNi0wLjZjMC42LTAuNywxLjItMS40LDEuNy0yLjJjMC41LTAuNywwLjgtMS41LDEuMS0yLjJjMC4yLTAuNywwLjQtMS4zLDAuNS0xLjdDNDIsMzAuMyw0MiwzMCw0MiwzMFM0MS44LDMwLjEsNDEuNCwzMC40eiIvPjxwYXRoIGZpbGw9IiNFRjZDMDAiIGQ9Ik0xMiwyOGMtMC4yLTcsNC4zLTYuNCw2LjYtNS42QzE3LDIyLjEsMTYuMywyMy42LDE3LDI1QzE2LjcsMjUsMTMuNiwyNC43LDEyLDI4eiBNMTguMywzMC45YzEuOSwwLjIsMy43LTAuMiw1LjItMC45bDIuNS0xLjZsMCwwYzAuMi0wLjEsMC41LTAuMSwwLjcsMGwwLDBjLTIuOS0xLjctNiwxLjktMTIuOCwwLjhDMTUuNiwzMC41LDE4LjMsMzAuOSwxOC4zLDMwLjl6IE0xOC4xLDE0LjVjLTAuMiwxLjUsMC4xLDMuMywxLjEsNS4yYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwQzIwLjYsMTguOSwyMiwxOCwyMiwxOHMyLTIsMC0yQzIwLjEsMTYsMTguOCwxNS4yLDE4LjEsMTQuNXogTTEwLjMsMTIuNEM5LjQsMTEuNiw4LDEwLDgsOGMwLDAtMi40LDMuOS0xLjUsN0M3LjQsMTMuOSw4LjcsMTMsMTAuMywxMi40eiIvPjxwYXRoIGZpbGw9IiNGRkNDODAiIGQ9Ik0xOS4yLDE5LjdDMTkuMiwxOS43LDE5LjIsMTkuNywxOS4yLDE5LjdDMTkuMiwxOS43LDE5LjIsMTkuNywxOS4yLDE5LjdDMjAuNiwxOC45LDIyLDE4LDIyLDE4czAuMi0wLjIsMC40LTAuNEwyMiwxN2gtMy44QzE4LjQsMTcuOSwxOC43LDE4LjgsMTkuMiwxOS43eiIvPjxwYXRoIGZpbGw9IiM1RDQwMzciIGQ9Ik0yMiwxNmMtMC4zLDAtMC42LDAtMC45LTAuMUwyMSwxNmMwLDAsMC44LDEuMywxLDJDMjIsMTgsMjQsMTYsMjIsMTZ6Ii8+PC9zdmc+);\n}.icons-module_safari__3nzsc {\n  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCI+PHBhdGggZmlsbD0iI2NmZDhkYyIgZD0iTTQ0LDI0YzAsMTEuMDQ0LTguOTU2LDIwLTIwLDIwUzQsMzUuMDQ0LDQsMjRTMTIuOTU2LDQsMjQsNFM0NCwxMi45NTYsNDQsMjR6Ii8+PHBhdGggZmlsbD0iIzQ0OGFmZiIgZD0iTTQxLDI0YzAsOS4zOTEtNy42MDksMTctMTcsMTdTNywzMy4zOTEsNywyNFMxNC42MDksNywyNCw3UzQxLDE0LjYwOSw0MSwyNHoiLz48cGF0aCBmaWxsPSIjZmYzZDAwIiBkPSJNMjEuODk4LDIxLjg5OGw0LjIwMyw0LjIwM2w5LjE5OS0xMy40MDJMMjEuODk4LDIxLjg5OHoiLz48cGF0aCBmaWxsPSIjYmYzNjBjIiBkPSJNMjQsMjRsMTEuMzAxLTExLjMwMWwtOS4xOTksMTMuNDAyTDI0LDI0eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMS44OTgsMjEuODk4bC05LjE5OSwxMy40MDJsMTMuNDAyLTkuMTk5TDIxLjg5OCwyMS44OTh6Ii8+PHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTI0LDI0TDEyLjY5OSwzNS4zMDFsMTMuNDAyLTkuMTk5TDI0LDI0eiIvPjxwYXRoIGZpbGw9IiNiYmRlZmIiIGQ9Ik0xNy4xMDIsMTAuNjk5YzAuNTk4LTAuMzAxLDEuMTk5LTAuNTk4LDEuNzk3LTAuODAxbDEuMjAzLDIuNzAzbC0xLjgwMSwwLjc5N0wxNy4xMDIsMTAuNjk5eiBNMzYsMjVoMi44OThjMC0wLjMwMSwwLjEwMi0wLjY5OSwwLjEwMi0xczAtMC42OTktMC4xMDItMUgzNlYyNXogTTEyLjY5OSwxNC4xMDJsMi4xMDIsMi4wOThsMS4zOTgtMS4zOThsLTIuMDk4LTIuMTAyQzEzLjYwMiwxMy4xOTksMTMuMTk5LDEzLjYwMiwxMi42OTksMTQuMTAyeiBNMjUsOS4xMDJDMjQuNjk5LDksMjQuMzAxLDksMjQsOXMtMC42OTksMC0xLDAuMTAyVjEyaDJWOS4xMDJ6IE0zMC4zOTgsMTAuNWMtMC41OTgtMC4zMDEtMS4xOTktMC41LTEuODk4LTAuNjk5bC0xLjEwMiwyLjgwMWwxLjkwMiwwLjY5OUwzMC4zOTgsMTAuNXogTTEyLjUsMjAuNWwwLjY5OS0xLjg5OEwxMC41LDE3LjVjLTAuMzAxLDAuNjAyLTAuNSwxLjE5OS0wLjY5OSwxLjg5OEwxMi41LDIwLjV6IE0xMiwyM0g5LjEwMkM5LDIzLjMwMSw5LDIzLjY5OSw5LDI0czAsMC42OTksMC4xMDIsMUgxMlYyM3ogTTM1LjUsMjcuNWwtMC42OTksMS44OThMMzcuNSwzMC41YzAuMzAxLTAuNjAyLDAuNS0xLjE5OSwwLjY5OS0xLjg5OEwzNS41LDI3LjV6IE0zOC4xMDIsMTguODk4Yy0wLjIwMy0wLjU5OC0wLjUtMS4xOTktMC44MDEtMS43OTdsLTIuNjk5LDEuMTk5bDAuNzk3LDEuODAxTDM4LjEwMiwxOC44OTh6IE0zNS4zMDEsMzMuODk4bC0yLjEwMi0yLjA5OGwtMS4zOTgsMS4zOThsMi4wOTgsMi4xMDJDMzQuMzk4LDM0LjgwMSwzNC44MDEsMzQuMzk4LDM1LjMwMSwzMy44OTh6IE0xMy4zOTgsMjkuNjk5bC0wLjc5Ny0xLjgwMWwtMi43MDMsMS4yMDNjMC4yMDMsMC41OTgsMC41LDEuMTk5LDAuODAxLDEuNzk3TDEzLjM5OCwyOS42OTl6IE0yOS42OTksMzQuNjAybC0xLjgwMSwwLjc5N2wxLjIwMywyLjcwM2MwLjU5OC0wLjIwMywxLjE5OS0wLjUsMS43OTctMC44MDFMMjkuNjk5LDM0LjYwMnogTTIwLjUsMzUuNWwtMS44OTgtMC42OTlMMTcuNSwzNy41YzAuNjAyLDAuMzAxLDEuMTk5LDAuNSwxLjg5OCwwLjY5OUwyMC41LDM1LjV6IE0yNSwzOC44OThWMzZoLTJ2Mi44OThjMC4zMDEsMCwwLjY5OSwwLjEwMiwxLDAuMTAyUzI0LjY5OSwzOSwyNSwzOC44OTh6Ii8+PC9zdmc+);\n}.buttons-module_primaryIconButton__KHPA9 {\n  /* see app/assets/stylesheets/pageflow/editor/composable.scss */\n}.buttons-module_secondaryIconButton__4LT0V {\n  /* see app/assets/stylesheets/pageflow/editor/composable.scss */\n}.buttons-module_unstyledButton__3m76W {\n  border: 0;\n  text-align: initial;\n}.buttons-module_addButton__2pN-g {\n}.buttons-module_cancelButton__1xJCN {\n}.buttons-module_saveButton__1M-qM {\n}\n\n.EditMotifAreaDialogView-module_box__1fwA5 {\n  width: -webkit-min-content;\n  width: -moz-min-content;\n  width: min-content;\n  min-height: 310px;\n  min-width: 400px;\n}\n\n.EditMotifAreaDialogView-module_wrapper__2uBFA {\n  display: flex;\n  justify-content: center;\n}\n\n.EditMotifAreaDialogView-module_helpLink__1Dv5E {\n  color: #005dc7;\n  float: left;\n  padding: 7px 0;\n}\n\n.EditMotifAreaDialogView-module_helpLink__1Dv5E::before {\n  color: #a0c4e0;\n}\n\n.EditMotifAreaDialogView-module_thumbnail__dM9gN {\n  position: relative;\n  display: inline-block;\n}\n\n.EditMotifAreaDialogView-module_image__2-Iaj {\n  display: block;\n  height: calc(100vh - 200px);\n  max-height: 600px;\n  min-height: 200px;\n}\n\n.EditMotifAreaDialogView-module_blankSlate__3lvPl {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: #fff;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.EditMotifAreaDialogView-module_blank__yAuNx .EditMotifAreaDialogView-module_blankSlate__3lvPl {\n  display: flex;\n}\n\n.EditMotifAreaDialogView-module_reset__3YOxk {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  z-index: 10;\n  padding: 5px;\n  background-color: #000;\n  color: #fff;\n  border: solid 1px #fff;\n  border-radius: 3px;\n}\n\n.EditMotifAreaDialogView-module_blank__yAuNx .EditMotifAreaDialogView-module_reset__3YOxk {\n  display: none;\n}\n\n.EditMotifAreaDialogView-module_dragging__1Cx0- .EditMotifAreaDialogView-module_reset__3YOxk,\n.EditMotifAreaDialogView-module_dragging__1Cx0- .EditMotifAreaDialogView-module_blankSlate__3lvPl {\n  display: none;\n}\n\n.EditMotifAreaDialogView-module_save__1Qaw1 {\n}\n";
+var css$9 = ".icons-module_icon__16IVx::before,\n.icons-module_icon__16IVx::after {\n  font-family: \"entypo\";\n}.icons-module_arrowsCcw__3_nrJ,\n.icons-module_attention__1sssG,\n.icons-module_cancel__1PjiX,\n.icons-module_check__3Lkw9,\n.icons-module_drag__p7HUE,\n.icons-module_helpCircled__D_oKU,\n.icons-module_plusCircled__20FlJ,\n.icons-module_rightOpen__9vsOG,\n.icons-module_trash__DH1EH {\n}.icons-module_arrowsCcw__3_nrJ::before {\n  content: \"\\1F504\";\n}.icons-module_attention__1sssG::before {\n  content: \"\\26A0\";\n}.icons-module_cancel__1PjiX::before {\n  content: \"\\2715\";\n}.icons-module_check__3Lkw9::before {\n  content: \"\\2713\";\n}.icons-module_drag__p7HUE {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  line-height: 10px;\n}.icons-module_drag__p7HUE::before {\n  content: \"\\E75F\";\n}.icons-module_drag__p7HUE::after {\n  content: \"\\E75C\";\n}.icons-module_helpCircled__D_oKU::before {\n  content: \"\\E704\";\n}.icons-module_plusCircled__20FlJ::before {\n  content: \"\\2795\";\n}.icons-module_rightOpen__9vsOG::before {\n  content: \"\\E75E\"\n}.icons-module_trash__DH1EH::before {\n  content: \"\\E729\";\n}.icons-module_chrome__1XHpi {\n  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM0LDI0YzAsNS41MjEtNC40NzksMTAtMTAsMTBzLTEwLTQuNDc5LTEwLTEwczQuNDc5LTEwLDEwLTEwUzM0LDE4LjQ3OSwzNCwyNHoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlBheDhKY25Neml2dThmflNafmsxeWEiIHgxPSI1Ljc4OSIgeDI9IjMxLjMyNCIgeTE9IjM0LjM1NiIgeTI9IjIwLjc3OSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDUwKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzRjYWY1MCIvPjxzdG9wIG9mZnNldD0iLjQ4OSIgc3RvcC1jb2xvcj0iIzRhYWY1MCIvPjxzdG9wIG9mZnNldD0iLjY2NSIgc3RvcC1jb2xvcj0iIzQzYWQ1MCIvPjxzdG9wIG9mZnNldD0iLjc5IiBzdG9wLWNvbG9yPSIjMzhhYTUwIi8+PHN0b3Agb2Zmc2V0PSIuODkyIiBzdG9wLWNvbG9yPSIjMjdhNTUwIi8+PHN0b3Agb2Zmc2V0PSIuOTc4IiBzdG9wLWNvbG9yPSIjMTFhMDUwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMGE5ZTUwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI1BheDhKY25Neml2dThmflNafmsxeWEpIiBkPSJNMzEuMzMsMjkuMjFsLTguMTYsMTQuNzdDMTIuNTEsNDMuNTUsNCwzNC43Niw0LDI0QzQsMTIuOTYsMTIuOTYsNCwyNCw0djExIGMtNC45NywwLTksNC4wMy05LDlzNC4wMyw5LDksOUMyNy4wMywzMywyOS43LDMxLjUxLDMxLjMzLDI5LjIxeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iUGF4OEpjbk16aXZ1OGZ+U1p+azF5YiIgeDE9IjMzLjU4IiB4Mj0iMzMuNTgiIHkxPSI2IiB5Mj0iMzQuNzk3IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNTApIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNzQ3Ii8+PHN0b3Agb2Zmc2V0PSIuNDgyIiBzdG9wLWNvbG9yPSIjZmZkNjQ1Ii8+PHN0b3Agb2Zmc2V0PSIuNjU1IiBzdG9wLWNvbG9yPSIjZmVkNDNlIi8+PHN0b3Agb2Zmc2V0PSIuNzc5IiBzdG9wLWNvbG9yPSIjZmNjZjMzIi8+PHN0b3Agb2Zmc2V0PSIuODc5IiBzdG9wLWNvbG9yPSIjZmFjOTIyIi8+PHN0b3Agb2Zmc2V0PSIuOTY0IiBzdG9wLWNvbG9yPSIjZjdjMTBjIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjViYzAwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI1BheDhKY25Neml2dThmflNafmsxeWIpIiBkPSJNNDQsMjRjMCwxMS4wNS04Ljk1LDIwLTIwLDIwaC0wLjg0bDguMTctMTQuNzlDMzIuMzgsMjcuNzQsMzMsMjUuOTQsMzMsMjQgYzAtNC45Ny00LjAzLTktOS05VjRjNy44MSwwLDE0LjU1LDQuNDgsMTcuODUsMTFDNDMuMjEsMTcuNzEsNDQsMjAuNzYsNDQsMjR6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJQYXg4SmNuTXppdnU4Zn5TWn5rMXljIiB4MT0iMzYuMTI4IiB4Mj0iMTEuNTc0IiB5MT0iNDQuMjk3IiB5Mj0iMjguOTU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNTApIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZjc1NzJmIi8+PHN0b3Agb2Zmc2V0PSIuNTIzIiBzdG9wLWNvbG9yPSIjZjc1NTJkIi8+PHN0b3Agb2Zmc2V0PSIuNzEyIiBzdG9wLWNvbG9yPSIjZjc1MDI2Ii8+PHN0b3Agb2Zmc2V0PSIuODQ2IiBzdG9wLWNvbG9yPSIjZjc0NjFiIi8+PHN0b3Agb2Zmc2V0PSIuOTU0IiBzdG9wLWNvbG9yPSIjZjczOTBhIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjczMTAwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI1BheDhKY25Neml2dThmflNafmsxeWMpIiBkPSJNNDEuODQsMTVIMjRjLTQuOTcsMC05LDQuMDMtOSw5YzAsMS40OSwwLjM2LDIuODksMS4wMSw0LjEzSDE2TDcuMTYsMTMuMjZINy4xNCBDMTAuNjgsNy42OSwxNi45MSw0LDI0LDRDMzEuOCw0LDM4LjU1LDguNDgsNDEuODQsMTV6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJQYXg4SmNuTXppdnU4Zn5TWn5rMXlkIiB4MT0iMTkuMDUiIHgyPSIyOC45NSIgeTE9IjMwLjk1IiB5Mj0iMjEuMDUiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA1MCkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyYWE0ZjQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDdhZDkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjUGF4OEpjbk16aXZ1OGZ+U1p+azF5ZCkiIGQ9Ik0zMSwyNGMwLDMuODY3LTMuMTMzLDctNyw3cy03LTMuMTMzLTctN3MzLjEzMy03LDctN1MzMSwyMC4xMzMsMzEsMjR6Ii8+PC9zdmc+);    \n}.icons-module_edge__2KQ9q {\n  background: url(data:image/png;base64,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);\n}.icons-module_firefox__22UR1 {\n  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCI+PHBhdGggZmlsbD0iIzAxNTc5QiIgZD0iTTI0IDVBMTkgMTkgMCAxIDAgMjQgNDNBMTkgMTkgMCAxIDAgMjQgNVoiLz48cGF0aCBmaWxsPSIjMDI3N0JEIiBkPSJNMzQsMjAuOGMwLTAuNiwwLTIuOS0xLjUtNC43Yy0wLjEtMC4xLTAuMi0wLjMtMC4yLTAuNGMtMC4xLTAuMS0wLjEtMC4yLTAuMi0wLjRMMzEuOSwxNWwtMC4yLTAuM2MtMC4yLTAuMy0wLjMtMC41LTAuMy0wLjVjLTAuNC0wLjYtMC41LTEuNC0wLjEtMi4xYzAuMS0wLjIsMC4zLTAuNCwwLjQtMC42Yy0wLjEtMC4xLTAuMi0wLjItMC4zLTAuMmMwLDAsMCwwLTAuMSwwYy0wLjMtMC4yLTAuNi0wLjQtMC44LTAuNmwtMC43LTAuNWwwLDBDMjkuMyw5LjksMjksOS44LDI5LDkuN2MtMC43LTAuNC0xLjEtMS4xLTEtMS45YzAuMS0wLjgsMC42LTEuNSwxLjQtMS43YzAuMSwwLDAuMy0wLjEsMC41LTAuMWMwLDAsMCwwLTAuMS0wLjFDMjgsNS4zLDI2LDUsMjQsNUMxNi42LDUsMTAuMSw5LjMsNywxNS41YzAsMC4yLDAsMC4zLDAsMC41YzAsNy4yLDYuMywxMywxNCwxM0MyNi45LDI5LDMxLjksMjUuNiwzNCwyMC44eiIvPjxwYXRoIGZpbGw9IiNGRkYxNzYiIGQ9Ik0zMCw4YzAsMCwwLjMtMC4xLDAuOS0wLjFjMC4zLDAsMC42LDAsMSwwYzAuNCwwLDAuOCwwLjEsMS4zLDAuMmMwLjUsMC4xLDEsMC4zLDEuNSwwLjVjMC41LDAuMiwxLjEsMC41LDEuNiwwLjljMC41LDAuMywxLDAuOCwxLjUsMS4yYzAuNSwwLjQsMC45LDEsMS4zLDEuNWMwLjMsMC42LDAuNywxLjEsMSwxLjdjMC4zLDAuNiwwLjUsMS4yLDAuNywxLjhjMC4yLDAuNiwwLjMsMS4yLDAuNCwxLjdjMC4xLDAuNiwwLjEsMS4xLDAuMSwxLjVjMCwwLjIsMCwwLjUsMCwwLjdjMCwwLjIsMCwwLjQtMC4xLDAuNmMwLDAuNC0wLjEsMC43LTAuMSwxQzQxLjEsMjEuNyw0MSwyMiw0MSwyMnMtMC4yLTAuMy0wLjQtMC44Yy0wLjEtMC4yLTAuMy0wLjUtMC40LTAuOWMtMC4xLTAuMy0wLjMtMC43LTAuNS0xLjFjLTAuMi0wLjQtMC40LTAuOC0wLjYtMS4zYy0wLjItMC40LTAuNS0wLjktMC43LTEuNGMtMC4yLTAuNS0wLjUtMC45LTAuOC0xLjRjLTAuMy0wLjUtMC42LTAuOS0wLjktMS4zYy0wLjMtMC40LTAuNi0wLjktMS0xLjJjLTAuNC0wLjQtMC43LTAuOC0xLjEtMS4xYy0wLjMtMC40LTAuNy0wLjctMS4xLTFjLTAuNC0wLjMtMC43LTAuNi0xLjEtMC44Yy0wLjMtMC4zLTAuNy0wLjUtMS0wLjdjLTAuMy0wLjItMC42LTAuNC0wLjgtMC41QzMwLjMsOC4yLDMwLDgsMzAsOHoiLz48cGF0aCBmaWxsPSIjRkREODM1IiBkPSJNNDMuMSwxNy42Yy0wLjMtMi4yLTEuMi00LjItMi4yLTUuNmMtMC41LTAuNy0xLTEuMi0xLjMtMS41QzM5LjIsMTAuMiwzOSwxMCwzOSwxMHMwLDAuMywwLjEsMC44YzAuMSwwLjUsMC4xLDEuMSwwLjIsMS45YzAuMSwwLjQsMC4xLDAuOCwwLjIsMS4yYy0wLjQtMC42LTAuOS0xLjItMS40LTEuNmMtMC41LTAuNS0xLjEtMC44LTEuNC0xQzM2LjIsMTEuMSwzNiwxMSwzNiwxMXMwLjEsMC4yLDAuMiwwLjZjMC4xLDAuNCwwLjMsMC45LDAuNSwxLjZjMC4yLDAuNywwLjUsMS42LDAuOCwyLjVjLTAuNi0wLjctMS4yLTEuMy0xLjgtMS43Yy0wLjctMC40LTEuMy0wLjctMS44LTAuOEMzMy4zLDEzLDMzLDEzLDMzLDEzczAuMiwwLjIsMC40LDAuNmMwLjEsMC4yLDAuMywwLjQsMC40LDAuN2MwLjIsMC4zLDAuMywwLjYsMC41LDAuOWMwLjMsMC42LDAuNywxLjMsMSwyLjFjMC4yLDAuNCwwLjMsMC44LDAuNSwxLjJjMC4xLDAuNCwwLjQsMC44LDAuNSwxLjNjMC4yLDAuNCwwLjMsMC44LDAuNSwxLjNjMC4xLDAuNCwwLjMsMC44LDAuNCwxLjNjMC4xLDAuNCwwLjMsMC44LDAuNCwxLjJjMC4xLDAuNCwwLjIsMC44LDAuNCwxLjFjMC4zLDAuNywwLjUsMS4zLDAuNywxLjdDMzguOSwyNi44LDM5LDI3LDM5LDI3czAuMS0wLjIsMC4zLTAuN2MwLjEtMC4yLDAuMi0wLjUsMC4yLTAuOGMwLjEtMC4zLDAuMi0wLjcsMC4yLTEuMWMwLTAuMywwLjEtMC42LDAuMS0wLjlDMzkuOSwyMy44LDQwLDI0LDQwLDI0czAuMS0wLjIsMC4zLTAuNmMwLjEtMC4yLDAuMi0wLjQsMC4zLTAuN2MwLDAsMC0wLjEsMC0wLjFjMCwwLjIsMCwwLjUsMC4xLDAuN2MwLDAuNCwwLjEsMC43LDAuMSwxYzAsMC4zLDAsMC42LDAsMC45YzAsMC41LDAuMSwwLjgsMC4xLDAuOHMwLjItMC4yLDAuNS0wLjZjMC4xLTAuMiwwLjMtMC40LDAuNS0wLjdjMC4yLTAuMywwLjMtMC42LDAuNS0xYzAuMi0wLjQsMC4zLTAuOCwwLjQtMS4zYzAuMS0wLjUsMC4yLTEsMC4zLTEuNWMwLjEtMC41LDAuMS0xLjEsMC4xLTEuNkM0My4zLDE4LjcsNDMuMiwxOC4xLDQzLjEsMTcuNnoiLz48cGF0aCBmaWxsPSIjRkZCMzAwIiBkPSJNNDQuMSwxOS44QzQ0LjEsMTkuMyw0NCwxOSw0NCwxOXMtMC4yLDAuMy0wLjUsMC43Yy0wLjMsMC41LTAuNiwxLjEtMSwxLjljLTAuMywwLjctMC43LDEuNS0xLjEsMi4zYzAtMC44LDAtMS41LTAuMS0yLjJjLTAuMS0wLjYtMC4yLTEuMS0wLjMtMS42Yy0wLjItMC41LTAuMy0xLTAuNS0xLjRjLTAuMy0wLjktMC43LTEuNS0xLTJDMzkuMiwxNi4yLDM5LDE2LDM5LDE2cy0wLjEsMS4yLTAuMSwzYzAsMC45LTAuMSwxLjgtMC4yLDIuOWMwLDAuNS0wLjEsMS0wLjEsMS42YzAsMC41LTAuMSwxLjEtMC4yLDEuNmMwLDAuMSwwLDAuMywwLDAuNGMtMC4xLTAuOS0wLjQtMS44LTAuOC0yLjRjLTAuMy0wLjctMC43LTEuMi0xLTEuNUMzNi4yLDIxLjEsMzYsMjEsMzYsMjFzMCwwLjMsMCwwLjdjMCwwLjQsMCwxLTAuMSwxLjdjLTAuMSwxLjMtMC4zLDMtMC41LDQuNmMtMC4xLDAuNC0wLjIsMC44LTAuMiwxLjJjLTAuMSwwLjQtMC4yLDAuOC0wLjIsMS4yYy0wLjEsMC40LTAuMiwwLjgtMC4zLDEuMWMtMC4xLDAuNC0wLjIsMC43LTAuMiwxYy0wLjEsMC4zLTAuMSwwLjctMC4yLDAuOWMtMC4xLDAuMy0wLjEsMC41LTAuMiwwLjhDMzQsMzQuNywzNCwzNSwzNCwzNXMwLjItMC4xLDAuNi0wLjRjMC40LTAuMywwLjktMC42LDEuNC0xLjJjMC4yLTAuMywwLjUtMC42LDAuOC0xYzAuMi0wLjQsMC41LTAuNywwLjctMS4xYzAsMC4zLTAuMSwwLjYtMC4xLDAuOWMtMC4xLDAuMy0wLjEsMC43LTAuMiwwLjlDMzcsMzMuNywzNywzNCwzNywzNGMwLjEtMC4xLDAuNCwwLDAuNywwLjFjMCwwLjEtMC4xLDAuMi0wLjEsMC4yYy0wLjEsMC4zLTAuMiwwLjYtMC4zLDAuOUMzNy4xLDM1LjcsMzcsMzYsMzcsMzZzMC4zLTAuMSwwLjctMC40YzAuMi0wLjIsMC41LTAuMywwLjgtMC42YzAuMy0wLjIsMC42LTAuNSwwLjktMC45YzAuMy0wLjMsMC42LTAuNywxLTEuMWMwLjMtMC40LDAuNi0wLjksMC45LTEuNGMwLjYtMSwxLjEtMi4xLDEuNS0zLjJjMC40LTEuMSwwLjgtMi4zLDEtMy40YzAuMi0xLjEsMC4zLTIuMSwwLjQtM0M0NC4yLDIxLjEsNDQuMiwyMC40LDQ0LjEsMTkuOHoiLz48cGF0aCBmaWxsPSIjRkY5ODAwIiBkPSJNNDEuNCwzMC40Yy0wLjQsMC4yLTAuOCwwLjYtMS40LDFjLTAuOCwwLjYtMS43LDEuNC0yLjYsMi4zYzAuMS0wLjMsMC4zLTAuNiwwLjQtMC45YzAuMy0wLjksMC40LTEuNywwLjUtMi40YzAtMC43LDAtMS4zLTAuMS0xLjdDMzguMSwyOC4yLDM4LDI4LDM4LDI4cy0wLjIsMC4yLTAuNCwwLjVjLTAuMiwwLjMtMC42LDAuOC0xLDEuM2MtMC40LDAuNS0wLjgsMS4yLTEuMiwxLjhjLTAuMSwwLjEtMC4xLDAuMi0wLjIsMC4zYzAuMi0wLjYsMC4yLTEuMywwLjItMS45YzAtMC44LTAuMi0xLjYtMC40LTIuMmMtMC4yLTAuNi0wLjUtMS4xLTAuNy0xLjRDMzQuMiwyNi4yLDM0LDI2LDM0LDI2cy0wLjEsMC4yLTAuMiwwLjZjLTAuMSwwLjMtMC4zLDAuOC0wLjUsMS40Yy0wLjIsMC41LTAuMywxLjEtMC41LDEuOGMtMC4xLDAuMy0wLjIsMC42LTAuMywxYy0wLjEsMC4zLTAuMiwwLjYtMC4zLDAuOGMtMS45LDEuOS00LjIsMi40LTYuNCwyLjVjLTEuMiwwLTIuMy0wLjItMy4zLTAuNWMwLDAsMCwwLDAsMGMwLDAsMCwwLDAsMGMtMS41LTAuNS0yLjktMS40LTQuMi0yLjZjMS45LDAuMiwzLjctMC4yLDUuMi0wLjlsMi41LTEuNmwwLDBjMC4zLTAuMSwwLjYtMC4xLDAuOSwwYzAuNi0wLjEsMC44LTAuNCwwLjYtMWMtMC4zLTAuNC0wLjgtMC44LTEuMy0xLjFjLTEuMy0wLjctMi42LTAuNi00LDAuM2MtMS4zLDAuNy0yLjUsMC42LTMuOC0wLjFjLTMuMS0xLjYtMS45LTUuNywxLjQtMy42YzAuMi0xLTAuMS0yLjEtMC43LTMuMmMwLDAsMCwwLDAsMGMtMi45LTUuMywwLjQtOS42LDEuNS0xMC4zYy0yLDAuMi0zLjgsMS4xLTUuNCwyLjZDNC45LDEwLjksNCwyMC45LDQsMjFsMS4yLTEuMWMtMC40LDEuMS0wLjcsMi4yLTAuOCwzLjRDNCwyNy4yLDUuMSwzMSw3LjcsMzQuOEMxMS43LDM5LjksMTgsNDMsMjQsNDNjNi44LDAsMTEuMi0yLjUsMTQuMS01LjdjMC4yLTAuMiwwLjQtMC40LDAuNi0wLjZjMC42LTAuNywxLjItMS40LDEuNy0yLjJjMC41LTAuNywwLjgtMS41LDEuMS0yLjJjMC4yLTAuNywwLjQtMS4zLDAuNS0xLjdDNDIsMzAuMyw0MiwzMCw0MiwzMFM0MS44LDMwLjEsNDEuNCwzMC40eiIvPjxwYXRoIGZpbGw9IiNFRjZDMDAiIGQ9Ik0xMiwyOGMtMC4yLTcsNC4zLTYuNCw2LjYtNS42QzE3LDIyLjEsMTYuMywyMy42LDE3LDI1QzE2LjcsMjUsMTMuNiwyNC43LDEyLDI4eiBNMTguMywzMC45YzEuOSwwLjIsMy43LTAuMiw1LjItMC45bDIuNS0xLjZsMCwwYzAuMi0wLjEsMC41LTAuMSwwLjcsMGwwLDBjLTIuOS0xLjctNiwxLjktMTIuOCwwLjhDMTUuNiwzMC41LDE4LjMsMzAuOSwxOC4zLDMwLjl6IE0xOC4xLDE0LjVjLTAuMiwxLjUsMC4xLDMuMywxLjEsNS4yYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwQzIwLjYsMTguOSwyMiwxOCwyMiwxOHMyLTIsMC0yQzIwLjEsMTYsMTguOCwxNS4yLDE4LjEsMTQuNXogTTEwLjMsMTIuNEM5LjQsMTEuNiw4LDEwLDgsOGMwLDAtMi40LDMuOS0xLjUsN0M3LjQsMTMuOSw4LjcsMTMsMTAuMywxMi40eiIvPjxwYXRoIGZpbGw9IiNGRkNDODAiIGQ9Ik0xOS4yLDE5LjdDMTkuMiwxOS43LDE5LjIsMTkuNywxOS4yLDE5LjdDMTkuMiwxOS43LDE5LjIsMTkuNywxOS4yLDE5LjdDMjAuNiwxOC45LDIyLDE4LDIyLDE4czAuMi0wLjIsMC40LTAuNEwyMiwxN2gtMy44QzE4LjQsMTcuOSwxOC43LDE4LjgsMTkuMiwxOS43eiIvPjxwYXRoIGZpbGw9IiM1RDQwMzciIGQ9Ik0yMiwxNmMtMC4zLDAtMC42LDAtMC45LTAuMUwyMSwxNmMwLDAsMC44LDEuMywxLDJDMjIsMTgsMjQsMTYsMjIsMTZ6Ii8+PC9zdmc+);\n}.icons-module_safari__3nzsc {\n  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCI+PHBhdGggZmlsbD0iI2NmZDhkYyIgZD0iTTQ0LDI0YzAsMTEuMDQ0LTguOTU2LDIwLTIwLDIwUzQsMzUuMDQ0LDQsMjRTMTIuOTU2LDQsMjQsNFM0NCwxMi45NTYsNDQsMjR6Ii8+PHBhdGggZmlsbD0iIzQ0OGFmZiIgZD0iTTQxLDI0YzAsOS4zOTEtNy42MDksMTctMTcsMTdTNywzMy4zOTEsNywyNFMxNC42MDksNywyNCw3UzQxLDE0LjYwOSw0MSwyNHoiLz48cGF0aCBmaWxsPSIjZmYzZDAwIiBkPSJNMjEuODk4LDIxLjg5OGw0LjIwMyw0LjIwM2w5LjE5OS0xMy40MDJMMjEuODk4LDIxLjg5OHoiLz48cGF0aCBmaWxsPSIjYmYzNjBjIiBkPSJNMjQsMjRsMTEuMzAxLTExLjMwMWwtOS4xOTksMTMuNDAyTDI0LDI0eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMS44OTgsMjEuODk4bC05LjE5OSwxMy40MDJsMTMuNDAyLTkuMTk5TDIxLjg5OCwyMS44OTh6Ii8+PHBhdGggZmlsbD0iI2JkYmRiZCIgZD0iTTI0LDI0TDEyLjY5OSwzNS4zMDFsMTMuNDAyLTkuMTk5TDI0LDI0eiIvPjxwYXRoIGZpbGw9IiNiYmRlZmIiIGQ9Ik0xNy4xMDIsMTAuNjk5YzAuNTk4LTAuMzAxLDEuMTk5LTAuNTk4LDEuNzk3LTAuODAxbDEuMjAzLDIuNzAzbC0xLjgwMSwwLjc5N0wxNy4xMDIsMTAuNjk5eiBNMzYsMjVoMi44OThjMC0wLjMwMSwwLjEwMi0wLjY5OSwwLjEwMi0xczAtMC42OTktMC4xMDItMUgzNlYyNXogTTEyLjY5OSwxNC4xMDJsMi4xMDIsMi4wOThsMS4zOTgtMS4zOThsLTIuMDk4LTIuMTAyQzEzLjYwMiwxMy4xOTksMTMuMTk5LDEzLjYwMiwxMi42OTksMTQuMTAyeiBNMjUsOS4xMDJDMjQuNjk5LDksMjQuMzAxLDksMjQsOXMtMC42OTksMC0xLDAuMTAyVjEyaDJWOS4xMDJ6IE0zMC4zOTgsMTAuNWMtMC41OTgtMC4zMDEtMS4xOTktMC41LTEuODk4LTAuNjk5bC0xLjEwMiwyLjgwMWwxLjkwMiwwLjY5OUwzMC4zOTgsMTAuNXogTTEyLjUsMjAuNWwwLjY5OS0xLjg5OEwxMC41LDE3LjVjLTAuMzAxLDAuNjAyLTAuNSwxLjE5OS0wLjY5OSwxLjg5OEwxMi41LDIwLjV6IE0xMiwyM0g5LjEwMkM5LDIzLjMwMSw5LDIzLjY5OSw5LDI0czAsMC42OTksMC4xMDIsMUgxMlYyM3ogTTM1LjUsMjcuNWwtMC42OTksMS44OThMMzcuNSwzMC41YzAuMzAxLTAuNjAyLDAuNS0xLjE5OSwwLjY5OS0xLjg5OEwzNS41LDI3LjV6IE0zOC4xMDIsMTguODk4Yy0wLjIwMy0wLjU5OC0wLjUtMS4xOTktMC44MDEtMS43OTdsLTIuNjk5LDEuMTk5bDAuNzk3LDEuODAxTDM4LjEwMiwxOC44OTh6IE0zNS4zMDEsMzMuODk4bC0yLjEwMi0yLjA5OGwtMS4zOTgsMS4zOThsMi4wOTgsMi4xMDJDMzQuMzk4LDM0LjgwMSwzNC44MDEsMzQuMzk4LDM1LjMwMSwzMy44OTh6IE0xMy4zOTgsMjkuNjk5bC0wLjc5Ny0xLjgwMWwtMi43MDMsMS4yMDNjMC4yMDMsMC41OTgsMC41LDEuMTk5LDAuODAxLDEuNzk3TDEzLjM5OCwyOS42OTl6IE0yOS42OTksMzQuNjAybC0xLjgwMSwwLjc5N2wxLjIwMywyLjcwM2MwLjU5OC0wLjIwMywxLjE5OS0wLjUsMS43OTctMC44MDFMMjkuNjk5LDM0LjYwMnogTTIwLjUsMzUuNWwtMS44OTgtMC42OTlMMTcuNSwzNy41YzAuNjAyLDAuMzAxLDEuMTk5LDAuNSwxLjg5OCwwLjY5OUwyMC41LDM1LjV6IE0yNSwzOC44OThWMzZoLTJ2Mi44OThjMC4zMDEsMCwwLjY5OSwwLjEwMiwxLDAuMTAyUzI0LjY5OSwzOSwyNSwzOC44OTh6Ii8+PC9zdmc+);\n}.buttons-module_primaryIconButton__KHPA9 {\n  /* see app/assets/stylesheets/pageflow/editor/composable.scss */\n}.buttons-module_secondaryIconButton__4LT0V {\n  /* see app/assets/stylesheets/pageflow/editor/composable.scss */\n}.buttons-module_unstyledButton__3m76W {\n  border: 0;\n  text-align: initial;\n}.buttons-module_addButton__2pN-g {\n}.buttons-module_cancelButton__1xJCN {\n}.buttons-module_saveButton__1M-qM {\n}\n\n.EditMotifAreaDialogView-module_box__1fwA5 {\n  width: -webkit-min-content;\n  width: -moz-min-content;\n  width: min-content;\n  min-height: 310px;\n  min-width: 400px;\n}\n\n.EditMotifAreaDialogView-module_wrapper__2uBFA {\n  display: flex;\n  justify-content: center;\n}\n\n.EditMotifAreaDialogView-module_helpLink__1Dv5E {\n  color: #005dc7;\n  float: left;\n  padding: 7px 0;\n}\n\n.EditMotifAreaDialogView-module_helpLink__1Dv5E::before {\n  color: #a0c4e0;\n}\n\n.EditMotifAreaDialogView-module_thumbnail__dM9gN {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n}\n\n.EditMotifAreaDialogView-module_image__2-Iaj {\n  display: block;\n  height: calc(100vh - 200px);\n  max-height: 600px;\n  min-height: 200px;\n}\n\n.EditMotifAreaDialogView-module_blankSlate__3lvPl {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: #fff;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.EditMotifAreaDialogView-module_blank__yAuNx .EditMotifAreaDialogView-module_blankSlate__3lvPl {\n  display: flex;\n}\n\n.EditMotifAreaDialogView-module_reset__3YOxk {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  z-index: 10;\n  padding: 5px;\n  background-color: #000;\n  color: #fff;\n  border: solid 1px #fff;\n  border-radius: 3px;\n}\n\n.EditMotifAreaDialogView-module_blank__yAuNx .EditMotifAreaDialogView-module_reset__3YOxk {\n  display: none;\n}\n\n.EditMotifAreaDialogView-module_dragging__1Cx0- .EditMotifAreaDialogView-module_reset__3YOxk,\n.EditMotifAreaDialogView-module_dragging__1Cx0- .EditMotifAreaDialogView-module_blankSlate__3lvPl {\n  display: none;\n}\n\n.EditMotifAreaDialogView-module_save__1Qaw1 {\n}\n";
 var styles$7 = {"linkColor":"#005dc7","helpIconColor":"#a0c4e0","box":"EditMotifAreaDialogView-module_box__1fwA5","wrapper":"EditMotifAreaDialogView-module_wrapper__2uBFA","helpLink":"EditMotifAreaDialogView-module_helpLink__1Dv5E buttons-module_unstyledButton__3m76W icons-module_helpCircled__D_oKU icons-module_icon__16IVx","thumbnail":"EditMotifAreaDialogView-module_thumbnail__dM9gN","image":"EditMotifAreaDialogView-module_image__2-Iaj","blankSlate":"EditMotifAreaDialogView-module_blankSlate__3lvPl","blank":"EditMotifAreaDialogView-module_blank__yAuNx","reset":"EditMotifAreaDialogView-module_reset__3YOxk buttons-module_unstyledButton__3m76W","dragging":"EditMotifAreaDialogView-module_dragging__1Cx0-","save":"EditMotifAreaDialogView-module_save__1Qaw1 buttons-module_saveButton__1M-qM buttons-module_primaryIconButton__KHPA9 primary_icon_button icons-module_check__3Lkw9 icons-module_icon__16IVx"};
 styleInject(css$9);
 
@@ -2789,7 +3090,9 @@ var EditMotifAreaDialogView = Marionette.ItemView.extend({
     }
   }),
   save: function save() {
-    this.options.file.configuration.set('motifArea', this.getMotifAreaWithRoundedValues());
+    var motifArea = this.getMotifAreaWithRoundedValues();
+    this.model.set(this.getPropertyName(), motifArea);
+    this.options.file.configuration.set('motifArea', motifArea);
   },
   onRender: function onRender() {
     this.ui.image.attr('src', this.options.file.getBackgroundPositioningImageUrl());
@@ -2797,7 +3100,7 @@ var EditMotifAreaDialogView = Marionette.ItemView.extend({
   onShow: function onShow() {
     var _this = this;
 
-    this.motifArea = this.options.file.configuration.get('motifArea');
+    this.motifArea = this.model.get(this.getPropertyName());
     this.updateAreaSelect();
     this.updateBlankSlate();
 
@@ -2807,6 +3110,9 @@ var EditMotifAreaDialogView = Marionette.ItemView.extend({
 
     $(window).on('resize', this.resizeListener);
   },
+  getPropertyName: function getPropertyName() {
+    return "".concat(this.options.propertyName, "MotifArea");
+  },
   getMotifAreaWithRoundedValues: function getMotifAreaWithRoundedValues() {
     return this.motifArea && {
       left: Math.round(this.motifArea.left),
@@ -2885,16 +3191,24 @@ EditMotifAreaDialogView.show = function (options) {
 var EditSectionView = EditConfigurationView.extend({
   translationKeyPrefix: 'pageflow_scrolled.editor.edit_section',
   configure: function configure(configurationEditor) {
+    var editMotifAreaMenuItem = {
+      name: 'editMotifArea',
+      label: I18n.t('pageflow_scrolled.editor.edit_section.edit_motif_area'),
+      selected: function selected(_ref) {
+        var inputModel = _ref.inputModel,
+            propertyName = _ref.propertyName,
+            file = _ref.file;
+        EditMotifAreaDialogView.show({
+          model: inputModel,
+          propertyName: propertyName,
+          file: file
+        });
+      }
+    };
     configurationEditor.tab('section', function () {
-      this.input('layout', SelectInputView, {
-        values: ['left', 'right', 'center']
-      });
-      this.input('appearance', SelectInputView, {
-        values: ['shadow', 'cards', 'transparent']
-      });
+      this.input('fullHeight', CheckBoxInputView);
       this.input('backdropType', SelectInputView, {
-        values: ['image', 'color', 'video'],
-        texts: ['Bild', 'Farbe', 'Video']
+        values: ['image', 'video', 'color']
       });
       this.input('backdropImage', FileInputView, {
         collection: 'image_files',
@@ -2902,20 +3216,7 @@ var EditSectionView = EditConfigurationView.extend({
         visibleBinding: 'backdropType',
         visibleBindingValue: 'image',
         positioning: false,
-        dropDownMenuItems: [{
-          name: 'editMofifArea',
-          label: I18n.t('pageflow_scrolled.editor.edit_section.edit_motif_area'),
-          selected: function selected(_ref) {
-            var inputModel = _ref.inputModel,
-                propertyName = _ref.propertyName,
-                file = _ref.file;
-            EditMotifAreaDialogView.show({
-              model: inputModel,
-              propertyName: propertyName,
-              file: file
-            });
-          }
-        }]
+        dropDownMenuItems: [editMotifAreaMenuItem]
       });
       this.input('backdropImageMobile', FileInputView, {
         collection: 'image_files',
@@ -2923,20 +3224,7 @@ var EditSectionView = EditConfigurationView.extend({
         visibleBinding: 'backdropType',
         visibleBindingValue: 'image',
         positioning: false,
-        dropDownMenuItems: [{
-          name: 'editMofifArea',
-          label: I18n.t('pageflow_scrolled.editor.edit_section.edit_motif_area'),
-          selected: function selected(_ref2) {
-            var inputModel = _ref2.inputModel,
-                propertyName = _ref2.propertyName,
-                file = _ref2.file;
-            EditMotifAreaDialogView.show({
-              model: inputModel,
-              propertyName: propertyName,
-              file: file
-            });
-          }
-        }]
+        dropDownMenuItems: [editMotifAreaMenuItem]
       });
       this.input('backdropColor', ColorInputView, {
         visibleBinding: 'backdropType',
@@ -2947,10 +3235,54 @@ var EditSectionView = EditConfigurationView.extend({
         fileSelectionHandler: 'sectionConfiguration',
         visibleBinding: 'backdropType',
         visibleBindingValue: 'video',
-        positioning: false
+        positioning: false,
+        dropDownMenuItems: [editMotifAreaMenuItem]
+      });
+      this.input('layout', SelectInputView, {
+        values: ['left', 'right', 'center']
+      });
+      this.input('appearance', SelectInputView, {
+        values: ['shadow', 'cards', 'transparent']
       });
       this.input('invert', CheckBoxInputView);
-      this.input('fullHeight', CheckBoxInputView);
+      this.input('exposeMotifArea', CheckBoxInputView, {
+        displayUncheckedIfDisabled: true,
+        visibleBinding: ['backdropType'],
+        visible: function visible(_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 1),
+              backdropType = _ref3[0];
+
+          return backdropType !== 'color';
+        },
+        disabledBinding: motifAreaDisabledBinding,
+        disabled: motifAreaDisabled
+      });
+      this.input('staticShadowOpacity', SliderInputView, {
+        defaultValue: 70,
+        visibleBinding: 'appearance',
+        visible: function visible(appearance) {
+          return !appearance || appearance === 'shadow';
+        }
+      });
+      this.input('dynamicShadowOpacity', SliderInputView, {
+        defaultValue: 70,
+        visibleBinding: ['backdropType', 'appearance'],
+        visible: function visible(_ref4) {
+          var _ref5 = _slicedToArray(_ref4, 2),
+              backdropType = _ref5[0],
+              appearance = _ref5[1];
+
+          return backdropType !== 'color' && (!appearance || appearance === 'shadow');
+        },
+        disabledBinding: ['exposeMotifArea'].concat(motifAreaDisabledBinding),
+        disabled: function disabled(_ref6) {
+          var _ref7 = _toArray(_ref6),
+              exposeMotifArea = _ref7[0],
+              motifAreaDisabledBindingValues = _ref7.slice(1);
+
+          return !exposeMotifArea || motifAreaDisabled(motifAreaDisabledBindingValues);
+        }
+      });
       this.input('atmoAudioFileId', FileInputView, {
         collection: 'audio_files',
         fileSelectionHandler: 'sectionConfiguration',
@@ -2959,6 +3291,26 @@ var EditSectionView = EditConfigurationView.extend({
     });
   }
 });
+var motifAreaDisabledBinding = ['backdropType', 'backdropImageMotifArea', 'backdropImageMobileMotifArea', 'backdropVideoMotifArea', 'backdropImage', 'backdropImageMobile', 'backdropVideo'];
+
+function motifAreaDisabled(_ref8) {
+  var _ref9 = _slicedToArray(_ref8, 7),
+      backdropType = _ref9[0],
+      backdropImageMotifArea = _ref9[1],
+      backdropImageMobileMotifArea = _ref9[2],
+      backdropVideoMotifArea = _ref9[3],
+      backdropImage = _ref9[4],
+      backdropImageMobile = _ref9[5],
+      backdropVideo = _ref9[6];
+
+  if (backdropType === 'video') {
+    return !backdropVideo || !backdropVideoMotifArea;
+  } else if (backdropType !== 'color') {
+    return (!backdropImage || !backdropImageMotifArea) && (!backdropImageMobile || !backdropImageMobileMotifArea);
+  }
+
+  return true;
+}
 
 var css$a = "\n\n.EditSectionTransitionEffectView-module_upper_section__AI6fG {\n    background: #50514f;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: normal;\n}\n\n.EditSectionTransitionEffectView-module_lower_section__kZyic {\n    background: #A2A2A2;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-weight: normal;\n}\n\n.EditSectionTransitionEffectView-module_upper_background__2ecP0, .EditSectionTransitionEffectView-module_lower_background__3NowS {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.EditSectionTransitionEffectView-module_disabled__1ZRYF {\n    pointer-events: none;\n    opacity: 0.3;\n}\n\n.EditSectionTransitionEffectView-module_active__3F2NM {\n    background: #1c86fe !important;\n}\n\n.EditSectionTransitionEffectView-module_active__3F2NM div,\n.EditSectionTransitionEffectView-module_active__3F2NM .EditSectionTransitionEffectView-module_extended_option__3FO6S {\n    color: #ffffff;\n}\n\n.EditSectionTransitionEffectView-module_extended_option__3FO6S {\n    display: none !important;\n}\n\n.EditSectionTransitionEffectView-module_active__3F2NM .EditSectionTransitionEffectView-module_extended_option__3FO6S {\n    display: flex !important;\n    height: auto;\n    width: 82.5%;\n    align-items: center;\n    padding: 5% 2.5%;\n    padding-left: 15%;\n}\n\n.EditSectionTransitionEffectView-module_extended_option__3FO6S input {\n    opacity: 1 !important;\n    visibility: hidden;\n    position: absolute;\n    left: -15px;\n    top: 8px;\n    width: auto;\n}\n\n.EditSectionTransitionEffectView-module_container__32mkr.EditSectionTransitionEffectView-module_container_with_option__H-xli label:first-child {\n    padding-bottom: 10px;\n}\n\n.EditSectionTransitionEffectView-module_active__3F2NM .EditSectionTransitionEffectView-module_extended_option__3FO6S input:before {\n    visibility: visible;\n    display: block;\n    content: ' ';\n    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZmZmZmZmIj48cGF0aCBkPSJNMjIgMnYyMGgtMjB2LTIwaDIwem0yLTJoLTI0djI0aDI0di0yNHoiLz48L3N2Zz4=);\n    background-size: 15px 15px;\n    height: 15px;\n    width: 15px;\n    position: absolute;\n    left: 30px;\n    top: 4px;\n}\n\n.EditSectionTransitionEffectView-module_active__3F2NM .EditSectionTransitionEffectView-module_extended_option__3FO6S.EditSectionTransitionEffectView-module_active__3F2NM input:before {\n    visibility: visible;\n    display: block;\n    content: ' ';\n    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJ3aGl0ZSI+PHBhdGggZD0iTTIyIDJ2MjBoLTIwdi0yMGgyMHptMi0yaC0yNHYyNGgyNHYtMjR6bS01LjU0MSA4LjQwOWwtMS40MjItMS40MDktNy4wMjEgNy4xODMtMy4wOC0yLjkzNy0xLjM5NSAxLjQzNSA0LjUgNC4zMTkgOC40MTgtOC41OTF6Ii8+PC9zdmc+);\n    background-size: 15px 15px;\n    height: 15px;\n    width: 15px;\n    position: absolute;\n    left: 30px;\n    top: 4px;\n}\n\n.EditSectionTransitionEffectView-module_container__32mkr {\n    height: 90px;\n    display: flex !important;\n    align-items: center;\n    border-top: 1px solid #ffffff;\n    background: #e5e5e5;\n}\n.EditSectionTransitionEffectView-module_container__32mkr:hover {\n     background: #ddd;\n}\n\n.EditSectionTransitionEffectView-module_container__32mkr label:first-child {\n    height: 60px;\n    width: 100%;\n    padding: 15px 0;\n}\n\n.EditSectionTransitionEffectView-module_container_with_option__H-xli.EditSectionTransitionEffectView-module_active__3F2NM {\n    height: auto;\n    flex-direction: column;\n}\n\n.EditSectionTransitionEffectView-module_transition__1HHuP {\n    height: 100%;\n    width: 100%;\n    display: flex;\n}\n\n\n/*Fade AND Fade Background Upper*/\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_fadeBg__2dHin .EditSectionTransitionEffectView-module_upper_section__AI6fG {\n    -webkit-animation: EditSectionTransitionEffectView-module_FadeA__3u-VS 4s linear infinite;\n            animation: EditSectionTransitionEffectView-module_FadeA__3u-VS 4s linear infinite;\n}\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_fadeBg__2dHin .EditSectionTransitionEffectView-module_lower_section__kZyic {\n    -webkit-animation: EditSectionTransitionEffectView-module_FadeB__a1PxS 4s linear infinite;\n            animation: EditSectionTransitionEffectView-module_FadeB__a1PxS 4s linear infinite;\n}\n\n/*Scroll, Scroll Over, Reveal, AND Fade Background Lower*/\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_scroll__2RfMf .EditSectionTransitionEffectView-module_upper_section__AI6fG,\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_scroll__2RfMf .EditSectionTransitionEffectView-module_lower_section__kZyic,\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_scrollOver__3cJJ7 .EditSectionTransitionEffectView-module_lower_section__kZyic,\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_reveal__1_gtk .EditSectionTransitionEffectView-module_upper_section__AI6fG{\n    -webkit-animation: EditSectionTransitionEffectView-module_Translate__CLYTi 2s linear infinite;\n            animation: EditSectionTransitionEffectView-module_Translate__CLYTi 2s linear infinite;\n}\n\n/*Before After*/\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_beforeAfter__3oeDi .EditSectionTransitionEffectView-module_upper_section__AI6fG {\n    -webkit-animation: EditSectionTransitionEffectView-module_Translate__CLYTi 2s linear infinite;\n            animation: EditSectionTransitionEffectView-module_Translate__CLYTi 2s linear infinite;\n}\n.EditSectionTransitionEffectView-module_container__32mkr:hover .EditSectionTransitionEffectView-module_beforeAfter__3oeDi .EditSectionTransitionEffectView-module_upper_section__AI6fG div {\n    -webkit-animation: EditSectionTransitionEffectView-module_TranslateYPositive__10FZp 2s linear infinite;\n            animation: EditSectionTransitionEffectView-module_TranslateYPositive__10FZp 2s linear infinite;\n}\n\n.EditSectionTransitionEffectView-module_animation__3PSoZ {\n    width: 30%;\n    height: 100%;\n    margin: 0 2%;\n    border-radius: 5%;\n    color: #ffffff;\n    text-align: center;\n    font-size: 26px;\n    overflow: hidden;\n}\n\n/*Fade + Reveal + Before After*/\n.EditSectionTransitionEffectView-module_fadeBg__2dHin .EditSectionTransitionEffectView-module_animation__3PSoZ,\n.EditSectionTransitionEffectView-module_reveal__1_gtk .EditSectionTransitionEffectView-module_animation__3PSoZ,\n.EditSectionTransitionEffectView-module_beforeAfter__3oeDi .EditSectionTransitionEffectView-module_animation__3PSoZ {\n    position: relative;\n}\n\n/*Fade + Reveal + Before After Lower Sections*/\n.EditSectionTransitionEffectView-module_fadeBg__2dHin .EditSectionTransitionEffectView-module_lower_section__kZyic,\n.EditSectionTransitionEffectView-module_reveal__1_gtk .EditSectionTransitionEffectView-module_lower_section__kZyic,\n.EditSectionTransitionEffectView-module_beforeAfter__3oeDi .EditSectionTransitionEffectView-module_lower_section__kZyic {\n    position: absolute;\n}\n\n/*Reveal, fade Upper Section, & Before After Upper Section*/\n.EditSectionTransitionEffectView-module_reveal__1_gtk .EditSectionTransitionEffectView-module_upper_section__AI6fG,\n.EditSectionTransitionEffectView-module_beforeAfter__3oeDi .EditSectionTransitionEffectView-module_upper_section__AI6fG,\n.EditSectionTransitionEffectView-module_fadeBg__2dHin .EditSectionTransitionEffectView-module_upper_section__AI6fG {\n    position: absolute;\n    z-index: 1;\n}\n\n.EditSectionTransitionEffectView-module_beforeAfter__3oeDi .EditSectionTransitionEffectView-module_upper_section__AI6fG {\n    overflow: hidden;\n}\n\n/*Input*/\n.EditSectionTransitionEffectView-module_container__32mkr input {\n    opacity: 0;\n}\n\n/*Label*/\n.EditSectionTransitionEffectView-module_container__32mkr .EditSectionTransitionEffectView-module_input__3i8nA {\n    display: block;\n    text-align: left;\n    height: 100%;\n    width: 70%;\n}\n\n/*Keyframes*/\n@-webkit-keyframes EditSectionTransitionEffectView-module_Translate__CLYTi {\n    50% {\n        transform: translateY(-100%);\n   }\n}\n@keyframes EditSectionTransitionEffectView-module_Translate__CLYTi {\n    50% {\n        transform: translateY(-100%);\n   }\n}\n@-webkit-keyframes EditSectionTransitionEffectView-module_TranslateYPositive__10FZp {\n    50% {\n        transform: translateY(100%);\n   }\n}\n@keyframes EditSectionTransitionEffectView-module_TranslateYPositive__10FZp {\n    50% {\n        transform: translateY(100%);\n   }\n}\n@-webkit-keyframes EditSectionTransitionEffectView-module_FadeA__3u-VS {\n    25%,50% {\n        opacity: 0;\n        visibility: hidden;\n    }\n    10%, 80% {\n        visibility: visible;\n   }\n}\n@keyframes EditSectionTransitionEffectView-module_FadeA__3u-VS {\n    25%,50% {\n        opacity: 0;\n        visibility: hidden;\n    }\n    10%, 80% {\n        visibility: visible;\n   }\n}\n@-webkit-keyframes EditSectionTransitionEffectView-module_FadeB__a1PxS {\n    25%, 50% {\n        opacity: 1;\n    }\n    90% {\n        visibility: hidden;\n        opacity: 0;\n   }\n}\n@keyframes EditSectionTransitionEffectView-module_FadeB__a1PxS {\n    25%, 50% {\n        opacity: 1;\n    }\n    90% {\n        visibility: hidden;\n        opacity: 0;\n   }\n}";
 var styles$8 = {"selectionColor":"#1c86fe","upper_section":"EditSectionTransitionEffectView-module_upper_section__AI6fG","lower_section":"EditSectionTransitionEffectView-module_lower_section__kZyic","upper_background":"EditSectionTransitionEffectView-module_upper_background__2ecP0","lower_background":"EditSectionTransitionEffectView-module_lower_background__3NowS","disabled":"EditSectionTransitionEffectView-module_disabled__1ZRYF","active":"EditSectionTransitionEffectView-module_active__3F2NM","extended_option":"EditSectionTransitionEffectView-module_extended_option__3FO6S","container":"EditSectionTransitionEffectView-module_container__32mkr","container_with_option":"EditSectionTransitionEffectView-module_container_with_option__H-xli","transition":"EditSectionTransitionEffectView-module_transition__1HHuP","fadeBg":"EditSectionTransitionEffectView-module_fadeBg__2dHin","FadeA":"EditSectionTransitionEffectView-module_FadeA__3u-VS","FadeB":"EditSectionTransitionEffectView-module_FadeB__a1PxS","scroll":"EditSectionTransitionEffectView-module_scroll__2RfMf","scrollOver":"EditSectionTransitionEffectView-module_scrollOver__3cJJ7","reveal":"EditSectionTransitionEffectView-module_reveal__1_gtk","Translate":"EditSectionTransitionEffectView-module_Translate__CLYTi","beforeAfter":"EditSectionTransitionEffectView-module_beforeAfter__3oeDi","TranslateYPositive":"EditSectionTransitionEffectView-module_TranslateYPositive__10FZp","-webkit-animation":"EditSectionTransitionEffectView-module_animation__3PSoZ","animation":"EditSectionTransitionEffectView-module_animation__3PSoZ","input":"EditSectionTransitionEffectView-module_input__3i8nA"};