{"version":3,"file":"component---src-pages-interactive-meet-the-characters-js-62dcfb81e43a378d65dd.js","mappings":"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","sources":["webpack://gatsby-starter-default/./node_modules/classnames/index.js","webpack://gatsby-starter-default/./node_modules/react-visibility-sensor/dist/visibility-sensor.js","webpack://gatsby-starter-default/./node_modules/reactstrap/es/utils.js","webpack://gatsby-starter-default/./src/components/shared/Absolute.js","webpack://gatsby-starter-default/./src/images/Interactive/quote-red.svg","webpack://gatsby-starter-default/./src/images/Interactive/quote-orange.svg","webpack://gatsby-starter-default/./src/images/Interactive/quote-green.svg","webpack://gatsby-starter-default/./src/components/shared/CopyBox.js","webpack://gatsby-starter-default/./src/components/shared/HoldScene.js","webpack://gatsby-starter-default/./src/components/shared/TrailerIframe.js","webpack://gatsby-starter-default/./src/components/shared/KalturaModal.js","webpack://gatsby-starter-default/./src/components/shared/SwipeScene.js","webpack://gatsby-starter-default/./src/components/shared/PlayButton.js","webpack://gatsby-starter-default/./src/images/Interactive/btn-video-lozenge.svg","webpack://gatsby-starter-default/./src/images/Interactive/btn-video-play.svg","webpack://gatsby-starter-default/./src/images/Interactive/btn-video-play-black.svg","webpack://gatsby-starter-default/./src/components/Interactive/Characters/Simba.js","webpack://gatsby-starter-default/./src/components/Interactive/Characters/Mufasa.js","webpack://gatsby-starter-default/./src/components/Interactive/Characters/Nala.js","webpack://gatsby-starter-default/./src/components/Interactive/Characters/Rafiki.js","webpack://gatsby-starter-default/./src/components/Interactive/Characters/Zazu.js","webpack://gatsby-starter-default/./src/components/Interactive/Characters/Scar.js","webpack://gatsby-starter-default/./src/components/Interactive/Characters/TimonAndPumbaa.js","webpack://gatsby-starter-default/./src/pages/interactive/meet-the-characters.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/extends.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n  'use strict';\n\n  var hasOwn = {}.hasOwnProperty;\n  var nativeCodeString = '[native code]';\n  function classNames() {\n    var classes = [];\n    for (var i = 0; i < arguments.length; i++) {\n      var arg = arguments[i];\n      if (!arg) continue;\n      var argType = typeof arg;\n      if (argType === 'string' || argType === 'number') {\n        classes.push(arg);\n      } else if (Array.isArray(arg)) {\n        if (arg.length) {\n          var inner = classNames.apply(null, arg);\n          if (inner) {\n            classes.push(inner);\n          }\n        }\n      } else if (argType === 'object') {\n        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n          classes.push(arg.toString());\n          continue;\n        }\n        for (var key in arg) {\n          if (hasOwn.call(arg, key) && arg[key]) {\n            classes.push(key);\n          }\n        }\n      }\n    }\n    return classes.join(' ');\n  }\n  if (typeof module !== 'undefined' && module.exports) {\n    classNames.default = classNames;\n    module.exports = classNames;\n  } else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n    // register as 'classnames', consistent with npm package name\n    define('classnames', [], function () {\n      return classNames;\n    });\n  } else {\n    window.classNames = classNames;\n  }\n})();","(function webpackUniversalModuleDefinition(root, factory) {\n  if (typeof exports === 'object' && typeof module === 'object') module.exports = factory(require(\"react\"), require(\"react-dom\"));else if (typeof define === 'function' && define.amd) define([\"React\", \"ReactDOM\"], factory);else if (typeof exports === 'object') exports[\"react-visibility-sensor\"] = factory(require(\"react\"), require(\"react-dom\"));else root[\"react-visibility-sensor\"] = factory(root[\"React\"], root[\"ReactDOM\"]);\n})(this, function (__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {\n  return (/******/function (modules) {\n      // webpackBootstrap\n      /******/ // The module cache\n      /******/\n      var installedModules = {};\n      /******/\n      /******/ // The require function\n      /******/\n      function __webpack_require__(moduleId) {\n        /******/\n        /******/ // Check if module is in cache\n        /******/if (installedModules[moduleId]) {\n          /******/return installedModules[moduleId].exports;\n          /******/\n        }\n        /******/ // Create a new module (and put it into the cache)\n        /******/\n        var module = installedModules[moduleId] = {\n          /******/i: moduleId,\n          /******/l: false,\n          /******/exports: {}\n          /******/\n        };\n        /******/\n        /******/ // Execute the module function\n        /******/\n        modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n        /******/\n        /******/ // Flag the module as loaded\n        /******/\n        module.l = true;\n        /******/\n        /******/ // Return the exports of the module\n        /******/\n        return module.exports;\n        /******/\n      }\n      /******/\n      /******/\n      /******/ // expose the modules object (__webpack_modules__)\n      /******/\n      __webpack_require__.m = modules;\n      /******/\n      /******/ // expose the module cache\n      /******/\n      __webpack_require__.c = installedModules;\n      /******/\n      /******/ // define getter function for harmony exports\n      /******/\n      __webpack_require__.d = function (exports, name, getter) {\n        /******/if (!__webpack_require__.o(exports, name)) {\n          /******/Object.defineProperty(exports, name, {\n            enumerable: true,\n            get: getter\n          });\n          /******/\n        }\n        /******/\n      };\n      /******/\n      /******/ // define __esModule on exports\n      /******/\n      __webpack_require__.r = function (exports) {\n        /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n          /******/Object.defineProperty(exports, Symbol.toStringTag, {\n            value: 'Module'\n          });\n          /******/\n        }\n        /******/\n        Object.defineProperty(exports, '__esModule', {\n          value: true\n        });\n        /******/\n      };\n      /******/\n      /******/ // create a fake namespace object\n      /******/ // mode & 1: value is a module id, require it\n      /******/ // mode & 2: merge all properties of value into the ns\n      /******/ // mode & 4: return value when already ns object\n      /******/ // mode & 8|1: behave like require\n      /******/\n      __webpack_require__.t = function (value, mode) {\n        /******/if (mode & 1) value = __webpack_require__(value);\n        /******/\n        if (mode & 8) return value;\n        /******/\n        if (mode & 4 && typeof value === 'object' && value && value.__esModule) return value;\n        /******/\n        var ns = Object.create(null);\n        /******/\n        __webpack_require__.r(ns);\n        /******/\n        Object.defineProperty(ns, 'default', {\n          enumerable: true,\n          value: value\n        });\n        /******/\n        if (mode & 2 && typeof value != 'string') for (var key in value) __webpack_require__.d(ns, key, function (key) {\n          return value[key];\n        }.bind(null, key));\n        /******/\n        return ns;\n        /******/\n      };\n      /******/\n      /******/ // getDefaultExport function for compatibility with non-harmony modules\n      /******/\n      __webpack_require__.n = function (module) {\n        /******/var getter = module && module.__esModule ? /******/function getDefault() {\n          return module['default'];\n        } : /******/function getModuleExports() {\n          return module;\n        };\n        /******/\n        __webpack_require__.d(getter, 'a', getter);\n        /******/\n        return getter;\n        /******/\n      };\n      /******/\n      /******/ // Object.prototype.hasOwnProperty.call\n      /******/\n      __webpack_require__.o = function (object, property) {\n        return Object.prototype.hasOwnProperty.call(object, property);\n      };\n      /******/\n      /******/ // __webpack_public_path__\n      /******/\n      __webpack_require__.p = \"\";\n      /******/\n      /******/\n      /******/ // Load entry module and return exports\n      /******/\n      return __webpack_require__(__webpack_require__.s = 4);\n      /******/\n    }\n    /************************************************************************/\n    /******/([/* 0 */\n    /***/function (module, exports, __webpack_require__) {\n      /**\n       * Copyright (c) 2013-present, Facebook, Inc.\n       *\n       * This source code is licensed under the MIT license found in the\n       * LICENSE file in the root directory of this source tree.\n       */\n\n      if (false) {\n        var throwOnDirectAccess, ReactIs;\n      } else {\n        // By explicitly using `prop-types` you are opting into new production behavior.\n        // http://fb.me/prop-types-in-prod\n        module.exports = __webpack_require__(5)();\n      }\n\n      /***/\n    }, /* 1 */\n    /***/function (module, exports) {\n      module.exports = __WEBPACK_EXTERNAL_MODULE__1__;\n\n      /***/\n    }, /* 2 */\n    /***/function (module, exports) {\n      module.exports = __WEBPACK_EXTERNAL_MODULE__2__;\n\n      /***/\n    }, /* 3 */\n    /***/function (module, exports) {\n      // Tell whether the rect is visible, given an offset\n      //\n      // return: boolean\n      module.exports = function (offset, rect, containmentRect) {\n        var offsetDir = offset.direction;\n        var offsetVal = offset.value; // Rules for checking different kind of offsets. In example if the element is\n        // 90px below viewport and offsetTop is 100, it is considered visible.\n\n        switch (offsetDir) {\n          case 'top':\n            return containmentRect.top + offsetVal < rect.top && containmentRect.bottom > rect.bottom && containmentRect.left < rect.left && containmentRect.right > rect.right;\n          case 'left':\n            return containmentRect.left + offsetVal < rect.left && containmentRect.bottom > rect.bottom && containmentRect.top < rect.top && containmentRect.right > rect.right;\n          case 'bottom':\n            return containmentRect.bottom - offsetVal > rect.bottom && containmentRect.left < rect.left && containmentRect.right > rect.right && containmentRect.top < rect.top;\n          case 'right':\n            return containmentRect.right - offsetVal > rect.right && containmentRect.left < rect.left && containmentRect.top < rect.top && containmentRect.bottom > rect.bottom;\n        }\n      };\n\n      /***/\n    }, /* 4 */\n    /***/function (module, __webpack_exports__, __webpack_require__) {\n      \"use strict\";\n\n      __webpack_require__.r(__webpack_exports__);\n      /* harmony export (binding) */\n      __webpack_require__.d(__webpack_exports__, \"default\", function () {\n        return VisibilitySensor;\n      });\n      /* harmony import */\n      var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);\n      /* harmony import */\n      var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n      /* harmony import */\n      var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);\n      /* harmony import */\n      var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n      /* harmony import */\n      var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);\n      /* harmony import */\n      var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n      /* harmony import */\n      var _lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);\n      /* harmony import */\n      var _lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3__);\n      function _typeof(obj) {\n        if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n          _typeof = function _typeof(obj) {\n            return typeof obj;\n          };\n        } else {\n          _typeof = function _typeof(obj) {\n            return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n          };\n        }\n        return _typeof(obj);\n      }\n      function _classCallCheck(instance, Constructor) {\n        if (!(instance instanceof Constructor)) {\n          throw new TypeError(\"Cannot call a class as a function\");\n        }\n      }\n      function _defineProperties(target, props) {\n        for (var i = 0; i < props.length; i++) {\n          var descriptor = props[i];\n          descriptor.enumerable = descriptor.enumerable || false;\n          descriptor.configurable = true;\n          if (\"value\" in descriptor) descriptor.writable = true;\n          Object.defineProperty(target, descriptor.key, descriptor);\n        }\n      }\n      function _createClass(Constructor, protoProps, staticProps) {\n        if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n        if (staticProps) _defineProperties(Constructor, staticProps);\n        return Constructor;\n      }\n      function _possibleConstructorReturn(self, call) {\n        if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) {\n          return call;\n        }\n        return _assertThisInitialized(self);\n      }\n      function _getPrototypeOf(o) {\n        _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n          return o.__proto__ || Object.getPrototypeOf(o);\n        };\n        return _getPrototypeOf(o);\n      }\n      function _assertThisInitialized(self) {\n        if (self === void 0) {\n          throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n        }\n        return self;\n      }\n      function _inherits(subClass, superClass) {\n        if (typeof superClass !== \"function\" && superClass !== null) {\n          throw new TypeError(\"Super expression must either be null or a function\");\n        }\n        subClass.prototype = Object.create(superClass && superClass.prototype, {\n          constructor: {\n            value: subClass,\n            writable: true,\n            configurable: true\n          }\n        });\n        if (superClass) _setPrototypeOf(subClass, superClass);\n      }\n      function _setPrototypeOf(o, p) {\n        _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n          o.__proto__ = p;\n          return o;\n        };\n        return _setPrototypeOf(o, p);\n      }\n      function _defineProperty(obj, key, value) {\n        if (key in obj) {\n          Object.defineProperty(obj, key, {\n            value: value,\n            enumerable: true,\n            configurable: true,\n            writable: true\n          });\n        } else {\n          obj[key] = value;\n        }\n        return obj;\n      }\n      function normalizeRect(rect) {\n        if (rect.width === undefined) {\n          rect.width = rect.right - rect.left;\n        }\n        if (rect.height === undefined) {\n          rect.height = rect.bottom - rect.top;\n        }\n        return rect;\n      }\n      var VisibilitySensor = /*#__PURE__*/\n      function (_React$Component) {\n        _inherits(VisibilitySensor, _React$Component);\n        function VisibilitySensor(props) {\n          var _this;\n          _classCallCheck(this, VisibilitySensor);\n          _this = _possibleConstructorReturn(this, _getPrototypeOf(VisibilitySensor).call(this, props));\n          _defineProperty(_assertThisInitialized(_this), \"getContainer\", function () {\n            return _this.props.containment || window;\n          });\n          _defineProperty(_assertThisInitialized(_this), \"addEventListener\", function (target, event, delay, throttle) {\n            if (!_this.debounceCheck) {\n              _this.debounceCheck = {};\n            }\n            var timeout;\n            var func;\n            var later = function later() {\n              timeout = null;\n              _this.check();\n            };\n            if (throttle > -1) {\n              func = function func() {\n                if (!timeout) {\n                  timeout = setTimeout(later, throttle || 0);\n                }\n              };\n            } else {\n              func = function func() {\n                clearTimeout(timeout);\n                timeout = setTimeout(later, delay || 0);\n              };\n            }\n            var info = {\n              target: target,\n              fn: func,\n              getLastTimeout: function getLastTimeout() {\n                return timeout;\n              }\n            };\n            target.addEventListener(event, info.fn);\n            _this.debounceCheck[event] = info;\n          });\n          _defineProperty(_assertThisInitialized(_this), \"startWatching\", function () {\n            if (_this.debounceCheck || _this.interval) {\n              return;\n            }\n            if (_this.props.intervalCheck) {\n              _this.interval = setInterval(_this.check, _this.props.intervalDelay);\n            }\n            if (_this.props.scrollCheck) {\n              _this.addEventListener(_this.getContainer(), \"scroll\", _this.props.scrollDelay, _this.props.scrollThrottle);\n            }\n            if (_this.props.resizeCheck) {\n              _this.addEventListener(window, \"resize\", _this.props.resizeDelay, _this.props.resizeThrottle);\n            } // if dont need delayed call, check on load ( before the first interval fires )\n\n            !_this.props.delayedCall && _this.check();\n          });\n          _defineProperty(_assertThisInitialized(_this), \"stopWatching\", function () {\n            if (_this.debounceCheck) {\n              // clean up event listeners and their debounce callers\n              for (var debounceEvent in _this.debounceCheck) {\n                if (_this.debounceCheck.hasOwnProperty(debounceEvent)) {\n                  var debounceInfo = _this.debounceCheck[debounceEvent];\n                  clearTimeout(debounceInfo.getLastTimeout());\n                  debounceInfo.target.removeEventListener(debounceEvent, debounceInfo.fn);\n                  _this.debounceCheck[debounceEvent] = null;\n                }\n              }\n            }\n            _this.debounceCheck = null;\n            if (_this.interval) {\n              _this.interval = clearInterval(_this.interval);\n            }\n          });\n          _defineProperty(_assertThisInitialized(_this), \"check\", function () {\n            var el = _this.node;\n            var rect;\n            var containmentRect; // if the component has rendered to null, dont update visibility\n\n            if (!el) {\n              return _this.state;\n            }\n            rect = normalizeRect(_this.roundRectDown(el.getBoundingClientRect()));\n            if (_this.props.containment) {\n              var containmentDOMRect = _this.props.containment.getBoundingClientRect();\n              containmentRect = {\n                top: containmentDOMRect.top,\n                left: containmentDOMRect.left,\n                bottom: containmentDOMRect.bottom,\n                right: containmentDOMRect.right\n              };\n            } else {\n              containmentRect = {\n                top: 0,\n                left: 0,\n                bottom: window.innerHeight || document.documentElement.clientHeight,\n                right: window.innerWidth || document.documentElement.clientWidth\n              };\n            } // Check if visibility is wanted via offset?\n\n            var offset = _this.props.offset || {};\n            var hasValidOffset = _typeof(offset) === \"object\";\n            if (hasValidOffset) {\n              containmentRect.top += offset.top || 0;\n              containmentRect.left += offset.left || 0;\n              containmentRect.bottom -= offset.bottom || 0;\n              containmentRect.right -= offset.right || 0;\n            }\n            var visibilityRect = {\n              top: rect.top >= containmentRect.top,\n              left: rect.left >= containmentRect.left,\n              bottom: rect.bottom <= containmentRect.bottom,\n              right: rect.right <= containmentRect.right\n            }; // https://github.com/joshwnj/react-visibility-sensor/pull/114\n\n            var hasSize = rect.height > 0 && rect.width > 0;\n            var isVisible = hasSize && visibilityRect.top && visibilityRect.left && visibilityRect.bottom && visibilityRect.right; // check for partial visibility\n\n            if (hasSize && _this.props.partialVisibility) {\n              var partialVisible = rect.top <= containmentRect.bottom && rect.bottom >= containmentRect.top && rect.left <= containmentRect.right && rect.right >= containmentRect.left; // account for partial visibility on a single edge\n\n              if (typeof _this.props.partialVisibility === \"string\") {\n                partialVisible = visibilityRect[_this.props.partialVisibility];\n              } // if we have minimum top visibility set by props, lets check, if it meets the passed value\n              // so if for instance element is at least 200px in viewport, then show it.\n\n              isVisible = _this.props.minTopValue ? partialVisible && rect.top <= containmentRect.bottom - _this.props.minTopValue : partialVisible;\n            } // Deprecated options for calculating offset.\n\n            if (typeof offset.direction === \"string\" && typeof offset.value === \"number\") {\n              console.warn(\"[notice] offset.direction and offset.value have been deprecated. They still work for now, but will be removed in next major version. Please upgrade to the new syntax: { %s: %d }\", offset.direction, offset.value);\n              isVisible = _lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3___default()(offset, rect, containmentRect);\n            }\n            var state = _this.state; // notify the parent when the value changes\n\n            if (_this.state.isVisible !== isVisible) {\n              state = {\n                isVisible: isVisible,\n                visibilityRect: visibilityRect\n              };\n              _this.setState(state);\n              if (_this.props.onChange) _this.props.onChange(isVisible);\n            }\n            return state;\n          });\n          _this.state = {\n            isVisible: null,\n            visibilityRect: {}\n          };\n          return _this;\n        }\n        _createClass(VisibilitySensor, [{\n          key: \"componentDidMount\",\n          value: function componentDidMount() {\n            this.node = react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(this);\n            if (this.props.active) {\n              this.startWatching();\n            }\n          }\n        }, {\n          key: \"componentWillUnmount\",\n          value: function componentWillUnmount() {\n            this.stopWatching();\n          }\n        }, {\n          key: \"componentDidUpdate\",\n          value: function componentDidUpdate(prevProps) {\n            // re-register node in componentDidUpdate if children diffs [#103]\n            this.node = react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(this);\n            if (this.props.active && !prevProps.active) {\n              this.setState({\n                isVisible: null,\n                visibilityRect: {}\n              });\n              this.startWatching();\n            } else if (!this.props.active) {\n              this.stopWatching();\n            }\n          }\n        }, {\n          key: \"roundRectDown\",\n          value: function roundRectDown(rect) {\n            return {\n              top: Math.floor(rect.top),\n              left: Math.floor(rect.left),\n              bottom: Math.floor(rect.bottom),\n              right: Math.floor(rect.right)\n            };\n          }\n          /**\n           * Check if the element is within the visible viewport\n           */\n        }, {\n          key: \"render\",\n          value: function render() {\n            if (this.props.children instanceof Function) {\n              return this.props.children({\n                isVisible: this.state.isVisible,\n                visibilityRect: this.state.visibilityRect\n              });\n            }\n            return react__WEBPACK_IMPORTED_MODULE_0___default.a.Children.only(this.props.children);\n          }\n        }]);\n        return VisibilitySensor;\n      }(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n      _defineProperty(VisibilitySensor, \"defaultProps\", {\n        active: true,\n        partialVisibility: false,\n        minTopValue: 0,\n        scrollCheck: false,\n        scrollDelay: 250,\n        scrollThrottle: -1,\n        resizeCheck: false,\n        resizeDelay: 250,\n        resizeThrottle: -1,\n        intervalCheck: true,\n        intervalDelay: 100,\n        delayedCall: false,\n        offset: {},\n        containment: null,\n        children: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null)\n      });\n      _defineProperty(VisibilitySensor, \"propTypes\", {\n        onChange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n        active: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n        partialVisibility: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOf([\"top\", \"right\", \"bottom\", \"left\"])]),\n        delayedCall: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n        offset: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({\n          top: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n          left: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n          bottom: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n          right: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number\n        }),\n        // deprecated offset property\n        prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({\n          direction: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOf([\"top\", \"right\", \"bottom\", \"left\"]),\n          value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number\n        })]),\n        scrollCheck: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n        scrollDelay: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n        scrollThrottle: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n        resizeCheck: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n        resizeDelay: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n        resizeThrottle: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n        intervalCheck: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n        intervalDelay: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,\n        containment: typeof window !== \"undefined\" ? prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.instanceOf(window.Element) : prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.any,\n        children: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.element, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func]),\n        minTopValue: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number\n      });\n\n      /***/\n    }, /* 5 */\n    /***/function (module, exports, __webpack_require__) {\n      \"use strict\";\n\n      /**\n       * Copyright (c) 2013-present, Facebook, Inc.\n       *\n       * This source code is licensed under the MIT license found in the\n       * LICENSE file in the root directory of this source tree.\n       */\n      var ReactPropTypesSecret = __webpack_require__(6);\n      function emptyFunction() {}\n      function emptyFunctionWithReset() {}\n      emptyFunctionWithReset.resetWarningCache = emptyFunction;\n      module.exports = function () {\n        function shim(props, propName, componentName, location, propFullName, secret) {\n          if (secret === ReactPropTypesSecret) {\n            // It is still safe when called from React.\n            return;\n          }\n          var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');\n          err.name = 'Invariant Violation';\n          throw err;\n        }\n        ;\n        shim.isRequired = shim;\n        function getShim() {\n          return shim;\n        }\n        ;\n        // Important!\n        // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n        var ReactPropTypes = {\n          array: shim,\n          bool: shim,\n          func: shim,\n          number: shim,\n          object: shim,\n          string: shim,\n          symbol: shim,\n          any: shim,\n          arrayOf: getShim,\n          element: shim,\n          elementType: shim,\n          instanceOf: getShim,\n          node: shim,\n          objectOf: getShim,\n          oneOf: getShim,\n          oneOfType: getShim,\n          shape: getShim,\n          exact: getShim,\n          checkPropTypes: emptyFunctionWithReset,\n          resetWarningCache: emptyFunction\n        };\n        ReactPropTypes.PropTypes = ReactPropTypes;\n        return ReactPropTypes;\n      };\n\n      /***/\n    }, /* 6 */\n    /***/function (module, exports, __webpack_require__) {\n      \"use strict\";\n\n      /**\n       * Copyright (c) 2013-present, Facebook, Inc.\n       *\n       * This source code is licensed under the MIT license found in the\n       * LICENSE file in the root directory of this source tree.\n       */\n      var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n      module.exports = ReactPropTypesSecret;\n\n      /***/\n    }\n    /******/])\n  );\n});","import PropTypes from 'prop-types'; // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.4/js/src/modal.js#L436-L443\n\nexport function getScrollbarWidth() {\n  var scrollDiv = document.createElement('div'); // .modal-scrollbar-measure styles // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.4/scss/_modal.scss#L106-L113\n\n  scrollDiv.style.position = 'absolute';\n  scrollDiv.style.top = '-9999px';\n  scrollDiv.style.width = '50px';\n  scrollDiv.style.height = '50px';\n  scrollDiv.style.overflow = 'scroll';\n  document.body.appendChild(scrollDiv);\n  var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n  document.body.removeChild(scrollDiv);\n  return scrollbarWidth;\n}\nexport function setScrollbarWidth(padding) {\n  document.body.style.paddingRight = padding > 0 ? padding + \"px\" : null;\n}\nexport function isBodyOverflowing() {\n  return document.body.clientWidth < window.innerWidth;\n}\nexport function getOriginalBodyPadding() {\n  var style = window.getComputedStyle(document.body, null);\n  return parseInt(style && style.getPropertyValue('padding-right') || 0, 10);\n}\nexport function conditionallyUpdateScrollbar() {\n  var scrollbarWidth = getScrollbarWidth(); // https://github.com/twbs/bootstrap/blob/v4.0.0-alpha.6/js/src/modal.js#L433\n\n  var fixedContent = document.querySelectorAll('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top')[0];\n  var bodyPadding = fixedContent ? parseInt(fixedContent.style.paddingRight || 0, 10) : 0;\n  if (isBodyOverflowing()) {\n    setScrollbarWidth(bodyPadding + scrollbarWidth);\n  }\n}\nvar globalCssModule;\nexport function setGlobalCssModule(cssModule) {\n  globalCssModule = cssModule;\n}\nexport function mapToCssModules(className, cssModule) {\n  if (className === void 0) {\n    className = '';\n  }\n  if (cssModule === void 0) {\n    cssModule = globalCssModule;\n  }\n  if (!cssModule) return className;\n  return className.split(' ').map(function (c) {\n    return cssModule[c] || c;\n  }).join(' ');\n}\n/**\n * Returns a new object with the key/value pairs from `obj` that are not in the array `omitKeys`.\n */\n\nexport function omit(obj, omitKeys) {\n  var result = {};\n  Object.keys(obj).forEach(function (key) {\n    if (omitKeys.indexOf(key) === -1) {\n      result[key] = obj[key];\n    }\n  });\n  return result;\n}\n/**\n * Returns a filtered copy of an object with only the specified keys.\n */\n\nexport function pick(obj, keys) {\n  var pickKeys = Array.isArray(keys) ? keys : [keys];\n  var length = pickKeys.length;\n  var key;\n  var result = {};\n  while (length > 0) {\n    length -= 1;\n    key = pickKeys[length];\n    result[key] = obj[key];\n  }\n  return result;\n}\nvar warned = {};\nexport function warnOnce(message) {\n  if (!warned[message]) {\n    /* istanbul ignore else */\n    if (typeof console !== 'undefined') {\n      console.error(message); // eslint-disable-line no-console\n    }\n\n    warned[message] = true;\n  }\n}\nexport function deprecated(propType, explanation) {\n  return function validate(props, propName, componentName) {\n    if (props[propName] !== null && typeof props[propName] !== 'undefined') {\n      warnOnce(\"\\\"\" + propName + \"\\\" property of \\\"\" + componentName + \"\\\" has been deprecated.\\n\" + explanation);\n    }\n    for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {\n      rest[_key - 3] = arguments[_key];\n    }\n    return propType.apply(void 0, [props, propName, componentName].concat(rest));\n  };\n} // Shim Element if needed (e.g. in Node environment)\n\nvar Element = typeof window === 'object' && window.Element || function () {};\nexport function DOMElement(props, propName, componentName) {\n  if (!(props[propName] instanceof Element)) {\n    return new Error('Invalid prop `' + propName + '` supplied to `' + componentName + '`. Expected prop to be an instance of Element. Validation failed.');\n  }\n}\nexport var targetPropType = PropTypes.oneOfType([PropTypes.string, PropTypes.func, DOMElement, PropTypes.shape({\n  current: PropTypes.any\n})]);\nexport var tagPropType = PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.shape({\n  $$typeof: PropTypes.symbol,\n  render: PropTypes.func\n}), PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.shape({\n  $$typeof: PropTypes.symbol,\n  render: PropTypes.func\n})]))]);\n/* eslint key-spacing: [\"error\", { afterColon: true, align: \"value\" }] */\n// These are all setup to match what is in the bootstrap _variables.scss\n// https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss\n\nexport var TransitionTimeouts = {\n  Fade: 150,\n  // $transition-fade\n  Collapse: 350,\n  // $transition-collapse\n  Modal: 300,\n  // $modal-transition\n  Carousel: 600 // $carousel-transition\n}; // Duplicated Transition.propType keys to ensure that Reactstrap builds\n// for distribution properly exclude these keys for nested child HTML attributes\n// since `react-transition-group` removes propTypes in production builds.\n\nexport var TransitionPropTypeKeys = ['in', 'mountOnEnter', 'unmountOnExit', 'appear', 'enter', 'exit', 'timeout', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited'];\nexport var TransitionStatuses = {\n  ENTERING: 'entering',\n  ENTERED: 'entered',\n  EXITING: 'exiting',\n  EXITED: 'exited'\n};\nexport var keyCodes = {\n  esc: 27,\n  space: 32,\n  enter: 13,\n  tab: 9,\n  up: 38,\n  down: 40,\n  home: 36,\n  end: 35,\n  n: 78,\n  p: 80\n};\nexport var PopperPlacements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];\nexport var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\nexport function isReactRefObj(target) {\n  if (target && typeof target === 'object') {\n    return 'current' in target;\n  }\n  return false;\n}\nfunction getTag(value) {\n  if (value == null) {\n    return value === undefined ? '[object Undefined]' : '[object Null]';\n  }\n  return Object.prototype.toString.call(value);\n}\nexport function toNumber(value) {\n  var type = typeof value;\n  var NAN = 0 / 0;\n  if (type === 'number') {\n    return value;\n  }\n  if (type === 'symbol' || type === 'object' && getTag(value) === '[object Symbol]') {\n    return NAN;\n  }\n  if (isObject(value)) {\n    var other = typeof value.valueOf === 'function' ? value.valueOf() : value;\n    value = isObject(other) ? \"\" + other : other;\n  }\n  if (type !== 'string') {\n    return value === 0 ? value : +value;\n  }\n  value = value.replace(/^\\s+|\\s+$/g, '');\n  var isBinary = /^0b[01]+$/i.test(value);\n  return isBinary || /^0o[0-7]+$/i.test(value) ? parseInt(value.slice(2), isBinary ? 2 : 8) : /^[-+]0x[0-9a-f]+$/i.test(value) ? NAN : +value;\n}\nexport function isObject(value) {\n  var type = typeof value;\n  return value != null && (type === 'object' || type === 'function');\n}\nexport function isFunction(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n  var tag = getTag(value);\n  return tag === '[object Function]' || tag === '[object AsyncFunction]' || tag === '[object GeneratorFunction]' || tag === '[object Proxy]';\n}\nexport function findDOMElements(target) {\n  if (isReactRefObj(target)) {\n    return target.current;\n  }\n  if (isFunction(target)) {\n    return target();\n  }\n  if (typeof target === 'string' && canUseDOM) {\n    var selection = document.querySelectorAll(target);\n    if (!selection.length) {\n      selection = document.querySelectorAll(\"#\" + target);\n    }\n    if (!selection.length) {\n      throw new Error(\"The target '\" + target + \"' could not be identified in the dom, tip: check spelling\");\n    }\n    return selection;\n  }\n  return target;\n}\nexport function isArrayOrNodeList(els) {\n  if (els === null) {\n    return false;\n  }\n  return Array.isArray(els) || canUseDOM && typeof els.length === 'number';\n}\nexport function getTarget(target, allElements) {\n  var els = findDOMElements(target);\n  if (allElements) {\n    if (isArrayOrNodeList(els)) {\n      return els;\n    }\n    if (els === null) {\n      return [];\n    }\n    return [els];\n  } else {\n    if (isArrayOrNodeList(els)) {\n      return els[0];\n    }\n    return els;\n  }\n}\nexport var defaultToggleEvents = ['touchstart', 'click'];\nexport function addMultipleEventListeners(_els, handler, _events, useCapture) {\n  var els = _els;\n  if (!isArrayOrNodeList(els)) {\n    els = [els];\n  }\n  var events = _events;\n  if (typeof events === 'string') {\n    events = events.split(/\\s+/);\n  }\n  if (!isArrayOrNodeList(els) || typeof handler !== 'function' || !Array.isArray(events)) {\n    throw new Error(\"\\n      The first argument of this function must be DOM node or an array on DOM nodes or NodeList.\\n      The second must be a function.\\n      The third is a string or an array of strings that represents DOM events\\n    \");\n  }\n  Array.prototype.forEach.call(events, function (event) {\n    Array.prototype.forEach.call(els, function (el) {\n      el.addEventListener(event, handler, useCapture);\n    });\n  });\n  return function removeEvents() {\n    Array.prototype.forEach.call(events, function (event) {\n      Array.prototype.forEach.call(els, function (el) {\n        el.removeEventListener(event, handler, useCapture);\n      });\n    });\n  };\n}\nexport var focusableElements = ['a[href]', 'area[href]', 'input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'object', 'embed', '[tabindex]:not(.modal)', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable=\"false\"])'];","import styled, { css } from \"styled-components\"\nimport { media } from \"utils/Media\"\n\nconst Absolute = styled.div`\n     position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 56px;\n  \n  @media ${media.sm} {\n    top: 48px;\n  }\n`\n\nexport default Absolute","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTAwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjYiIGQ9Ik0yOC43IDAuODk5OTg2QzEyLjIgMTIuNiAwLjgwMDAwMSAzMS4yIDAuODAwMDAxIDUxLjlDMC44MDAwMDEgNjkuMyAxMS42IDc5LjIgMjMuOSA3OS4yQzM1LjMgNzkuMiA0NC4zIDY5LjkgNDQuMyA1OC44QzQ0LjMgNDcuNyAzNi41IDM5LjkgMjYuNiAzOS45QzI0LjUgMzkuOSAyMi4xIDQwLjIgMjEuNSA0MC41QzIzLjMgMzAuMyAzMy41IDE4IDQzLjEgMTIuM0wyOC43IDAuODk5OTg2Wk04NC4yIDAuODk5OTg2QzY3LjcgMTIuNiA1Ni4zIDMxLjIgNTYuMyA1MS45QzU2LjMgNjkuMyA2Ny4xIDc5LjIgNzkuNCA3OS4yQzkwLjggNzkuMiA5OS44IDY5LjkgOTkuOCA1OC44Qzk5LjggNDcuNyA5MiAzOS45IDgyLjEgMzkuOUM4MCAzOS45IDc3LjYgNDAuMiA3NyA0MC41Qzc4LjggMzAuMyA4OSAxOCA5OC42IDEyLjNMODQuMiAwLjg5OTk4NloiIGZpbGw9IiNDMTI1MTgiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTAwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjYiIGQ9Ik0yOC43IDAuODk5OTg2QzEyLjIgMTIuNiAwLjgwMDAwMSAzMS4yIDAuODAwMDAxIDUxLjlDMC44MDAwMDEgNjkuMyAxMS42IDc5LjIgMjMuOSA3OS4yQzM1LjMgNzkuMiA0NC4zIDY5LjkgNDQuMyA1OC44QzQ0LjMgNDcuNyAzNi41IDM5LjkgMjYuNiAzOS45QzI0LjUgMzkuOSAyMi4xIDQwLjIgMjEuNSA0MC41QzIzLjMgMzAuMyAzMy41IDE4IDQzLjEgMTIuM0wyOC43IDAuODk5OTg2Wk04NC4yIDAuODk5OTg2QzY3LjcgMTIuNiA1Ni4zIDMxLjIgNTYuMyA1MS45QzU2LjMgNjkuMyA2Ny4xIDc5LjIgNzkuNCA3OS4yQzkwLjggNzkuMiA5OS44IDY5LjkgOTkuOCA1OC44Qzk5LjggNDcuNyA5MiAzOS45IDgyLjEgMzkuOUM4MCAzOS45IDc3LjYgNDAuMiA3NyA0MC41Qzc4LjggMzAuMyA4OSAxOCA5OC42IDEyLjNMODQuMiAwLjg5OTk4NloiIGZpbGw9IiNFNzgyMzkiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTAwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjYiIGQ9Ik0yOC43IDAuODk5OTg2QzEyLjIgMTIuNiAwLjgwMDAwMSAzMS4yIDAuODAwMDAxIDUxLjlDMC44MDAwMDEgNjkuMyAxMS42IDc5LjIgMjMuOSA3OS4yQzM1LjMgNzkuMiA0NC4zIDY5LjkgNDQuMyA1OC44QzQ0LjMgNDcuNyAzNi41IDM5LjkgMjYuNiAzOS45QzI0LjUgMzkuOSAyMi4xIDQwLjIgMjEuNSA0MC41QzIzLjMgMzAuMyAzMy41IDE4IDQzLjEgMTIuM0wyOC43IDAuODk5OTg2Wk04NC4yIDAuODk5OTg2QzY3LjcgMTIuNiA1Ni4zIDMxLjIgNTYuMyA1MS45QzU2LjMgNjkuMyA2Ny4xIDc5LjIgNzkuNCA3OS4yQzkwLjggNzkuMiA5OS44IDY5LjkgOTkuOCA1OC44Qzk5LjggNDcuNyA5MiAzOS45IDgyLjEgMzkuOUM4MCAzOS45IDc3LjYgNDAuMiA3NyA0MC41Qzc4LjggMzAuMyA4OSAxOCA5OC42IDEyLjNMODQuMiAwLjg5OTk4NloiIGZpbGw9IiM4OUM5NzMiLz4KPC9zdmc+Cg==\"","import React from \"react\"\nimport styled, {css} from \"styled-components\"\nimport {media} from \"utils/Media\"\nimport quoteRed from 'images/Interactive/quote-red.svg';\nimport quoteOrange from 'images/Interactive/quote-orange.svg';\nimport quoteGreen from 'images/Interactive/quote-green.svg';\n\nconst CopyBox = styled.div`\n    position: absolute;\n    z-index: 8;\n    width: calc(100% - 20%);\n    left: 20px;\n    top: 70px;\n    pointer-events: none;\n    \n    @media ${media.md} {\n        left: 5%;\n        max-width: calc(100% - 20%);\n        transform: translateY(-50%);\n        top: 50%;\n        width: 320px;\n    }\n    \n    @media ${media.lg} {\n      width: 280px;\n    }\n    \n    @media ${media.xl} {\n        left: 10%;  \n        width: 400px;\n    }\n\n    p {\n        color: ${props => props.theme.colors.white};\n        font-family: ${props => props.theme.font.family.semiBold};\n        font-size: 1.25rem;\n        line-height: 120%;\n        letter-spacing: 0.03em;\n        \n        @media ${media.lg} {\n          font-size: 1.25rem;\n        }\n        \n        @media ${media.xl} {\n            font-size: 1.75rem;\n        }\n    }\n    \n    h3 {\n        color: ${props => props.theme.colors.white};\n        font-family: ${props => props.theme.font.family.semiBold};\n        font-size: 2rem;\n        line-height: 120%;\n        letter-spacing: 0.03em;\n        text-transform: uppercase;\n        \n        @media ${media.xl} {\n            font-size: 2.5rem;\n        }\n    }\n    \n    ${props => props.copyOnMobile === 'hidden' && css`\n      @media (max-width: 575px) {\n        display: none!important;\n      }\n    `}\n\n    ${props => props.step1 && css`\n        background-image: linear-gradient(#fff, #fff);\n        -webkit-background-clip: text;\n    `}\n\n    ${props => props.step2 && css`\n        opacity: 0;\n    `}\n    \n    ${props => props.ontop && css`\n        z-index: 9;\n    `}\n\n    ${props => props.copyVerticalPositionXs === 'toBottom' && css`\n      @media (max-width: 575px) {\n        top: auto;\n        bottom: 130px;\n      }\n    `}\n    \n    ${props => props.copyVerticalPositionXs === 'toTop' && css`\n      @media (max-width: 575px) {\n        top: 70px;\n        bottom: auto;\n      }\n    `}\n     \n    ${props => props.copyVerticalPositionSm === 'toTop' && css`\n      @media (min-width: 768px) and (max-width: 991px) {\n        top: 130px;\n        bottom: auto;\n        transform: none;\n      }\n    `}\n    \n    ${props => props.copyVerticalPosition === 'toBottom' && css`\n        bottom: 80px;\n        top: initial;\n    \n        @media ${media.sm} {\n            bottom: 80px;\n            top: initial;\n        }\n        \n        @media ${media.md} {\n            bottom: -40px;\n            top: initial;\n        }\n    \n        @media ${media.xl} {\n            bottom: 60px;\n            top: initial;\n        }\n    `}\n    \n    ${props => props.copyVerticalPosition === 'toTop' && css`\n        @media ${media.lg} {\n            top: 130px !important;\n            transform: none;\n        }\n    `}\n     \n    ${props => props.copyVerticalPositionMd === 'toBottom' && css`\n        @media (max-width: 991px) {\n            width: 90%;\n            max-width: 450px;\n            bottom: 130px;\n            top: initial;\n            transform: none;\n        }\n    `}\n    \n    ${props => props.copyVerticalPositionMd === 'toBottom' && props.noScroller && css`\n        @media (max-width: 991px) {\n            bottom: 50px;\n        }\n    `}\n       \n    ${props => props.copyVerticalPositionMd === 'toTop' && css`\n        @media (max-width: 991px) {\n            width: 90%;\n            max-width: 450px;\n            top: 50px;\n            //left: 40px !important;\n            //right: initial !important;\n            bottom: initial;\n            transform: none;\n        }\n    `}\n    \n   ${props => props.copyMdWidth === 'fullWidth' && css`\n        @media (max-width: 991px) {\n            max-width: initial !important;\n        }\n    `}\n     \n   ${props => props.copyMdWidth === 'narrow' && css`\n        @media (max-width: 991px) {\n            width: 320px !important;\n        }\n    `}\n    \n    ${props => props.copyHorizontalPosition === 'toRight' && css`\n        left: 20px;\n        \n        @media ${media.md} {\n            right: 5%;\n            left: auto;\n        }\n        \n        @media ${media.lg} {\n            right: 2rem;\n            left: auto;\n        }\n        \n        @media ${media.xl} {\n            left: auto;\n            right: 10%;\n        }\n    `}\n    \n    ${props => props.copyHorizontalPositionMd === 'toLeft' && css`\n        @media (min-width: 576px) and (max-width: 991px) {\n            left: 20px;\n            right: initial;\n        }\n    `}\n    \n    ${props => props.copyHorizontalPositionMd === 'toRight' && css`\n        @media (min-width: 576px) and (max-width: 991px) {\n            right: 20px !important;\n            left: initial !important;\n        }\n    `}\n    \n    ${props => props.quote && css`\n      @media (max-width: 575px) {\n        left: 40px !important;\n        top: 100px !important;\n      }\n    \n        @media ${media.sm} {\n            top: 130px;\n        }\n        \n        @media ${media.md} {\n            top: 50%;\n        }\n        \n        @media ${media.xl} {\n            top: 50%;\n        }\n        \n        ${props => props.copyVerticalPositionMd === 'toTop' && css`\n        @media (max-width: 991px) {\n            width: 90%;\n            max-width: 450px;\n            top: 50px;\n            //left: 40px !important;\n            //right: initial !important;\n            bottom: initial;\n            transform: none;\n        }\n    `}\n        p {\n            color: ${props => props.theme.colors.yellow};\n            font-family: ${props => props.theme.font.family.semiBold};\n            font-size: 1.25rem;\n            line-height: 120%;\n            letter-spacing: 0.03em;\n            \n            \n            @media ${media.md} {\n                font-size: 1.75rem;\n            }\n            \n            @media ${media.xxl} {\n                font-size: 2.5rem;\n            }\n        }\n\n        div {\n            position: relative;\n            z-index: 2;\n        }\n        \n        &:before {\n            content: \"\";\n            position: absolute;\n            top: -40px;\n            left: -20px;\n            width: 70px;\n            height: 70px;\n            \n            ${props => props.color === 'red' && css`\n                background: url(${quoteRed}) no-repeat center center;\n                background-size: contain;\n            `}\n            \n            ${props => props.color === 'green' && css`\n                background: url(${quoteGreen}) no-repeat center center;\n                background-size: contain;\n            `}\n            \n            ${props => props.color === 'orange' && css`\n                background: url(${quoteOrange}) no-repeat center center;\n                background-size: contain;\n            `}\n            \n            @media ${media.xxl} {\n                top: -70px;\n                left: -60px;\n                width: 101px;\n                height: 163px; \n            }\n        }\n        \n        &:after {\n            content: \"\";\n            transform: rotate(180deg);\n            position: absolute;\n            bottom: -30px;\n            right: 0;\n            width: 70px;\n            height: 70px;\n            \n            ${props => props.color === 'red' && css`\n                background: url(${quoteRed}) no-repeat center center;\n                background-size: contain;\n            `}\n            \n            ${props => props.color === 'green' && css`\n                background: url(${quoteGreen}) no-repeat center center;\n                background-size: contain;\n            `}\n            \n            ${props => props.color === 'orange' && css`\n                background: url(${quoteOrange}) no-repeat center center;\n                background-size: contain;\n            `}\n            \n            @media ${media.xxl} {\n                bottom: -60px;\n                width: 101px;\n                height: 163px;\n            }\n        }\n    `}\n`\n\nCopyBox.defaultProps = {\n    quote: false,\n    copyHorizontalPosition: \"toLeft\",\n    copyVerticalPosition: \"toMiddle\",\n    copyVerticalPositionXs: \"toTop\"\n}\n\nexport default CopyBox","import React, { Component } from \"react\"\nimport styled from \"styled-components\"\nimport {GatsbyImage} from \"gatsby-plugin-image\"\nimport CopyBox from \"components/shared/CopyBox\"\n\nimport LazyLoad from \"react-lazyload\"\n\nconst HoldWrap = styled.div`\n    width: 100vw;\n    position: absolute;\n    z-index: 8;\n    left: 0;\n    transition: all .8s ease-in-out;\n    visibility: hidden;\n    background-color: black;\n    opacity: 0;\n\n    height: 100vh; \n    top: 0;\n\n    &.active {\n        visibility: visible;\n        opacity: 1;\n    }\n`\n\nconst BgWrapper = styled.div`\n     width: 100vw;\n        height: 100vh;\n        position: absolute;\n        left: 0;\n        z-index: 2;\n        top: 0;\n        \n        &--step2 {\n            opacity: 0;\n        }\n        \n        .image {\n            width: 100vw;\n            height: 100vh;\n        }\n`\n\nconst BgImg = styled(GatsbyImage)`\n    pointer-events: none;\n`\n\nclass HoldScene extends Component {\n    render() {\n        return (\n            <HoldWrap>\n                <BgWrapper>\n                <LazyLoad height={\"100%\"} once>\n                <BgImg image={this.props.bgImageSm}\n                    alt=\"\"\n                    title=\"\"\n                    className=\"image d-block d-sm-none\"\n                />\n                </LazyLoad>\n                <LazyLoad height={\"100%\"} once>\n                <BgImg image={this.props.bgImageMd}\n                    alt=\"\"\n                    title=\"\"\n                    className=\"image d-none d-sm-block d-lg-none\"\n                />\n                </LazyLoad>\n                <LazyLoad height={\"100%\"} once>\n                <BgImg image={this.props.bgImageLg}\n                    alt=\"\"\n                    title=\"\"\n                    className=\"image d-none d-lg-block d-xl-none\"\n                />\n                </LazyLoad>\n                <LazyLoad height={\"100%\"} once>\n                <BgImg image={this.props.bgImageXl}\n                    alt=\"\"\n                    title=\"\"\n                    className=\"image d-none d-xl-block\"\n                />\n                </LazyLoad>\n                </BgWrapper>\n                <CopyBox\n                    copyHorizontalPosition={this.props.copyHorizontalPosition}\n                    copyHorizontalPositionMd={this.props.copyHorizontalPositionMd}\n                    copyVerticalPosition={this.props.copyVerticalPosition}\n                    copyVerticalPositionSm={this.props.copyVerticalPositionSm}\n                    copyVerticalPositionMd={this.props.copyVerticalPositionMd}\n                    copyMdWidth={this.props.copyMdWidth}\n                    copyOnMobile={this.props.copyOnMobile}\n                    quote={this.props.quote}\n                    color=\"orange\">\n                    {this.props.text !== '' &&\n                    <div dangerouslySetInnerHTML={{ __html: this.props.text }} />\n                    }\n                </CopyBox>\n            </HoldWrap>\n        )\n    }\n}\n\nHoldScene.defaultProps = {\n    text: '',\n    quote: false,\n    copyHorizontalPosition: \"toLeft\",\n    copyVerticalPosition: \"toLeft\",\n    copyVerticalPositionSm: \"toMiddle\"\n}\n\nexport default HoldScene","import React from 'react'\nimport styled from 'styled-components'\n\nconst IframeWrapper = styled.div`\n    margin: 0 auto;\n\n    @media (min-width: 992px) {\n        /* margin: 2.5% auto;    */\n    }\n\n    iframe {\n        border: 0;\n    }\n`\n\nconst TrailerIframe = (props) => {\n    return(\n        <IframeWrapper {...props}>\n            <iframe\n                allowFullScreen\n                allow=\"autoplay *; fullscreen *; encrypted-media *\"\n                src={props.src}\n                title=\"Lion King Education\"\n                className=\"embed-responsive-item\"\n            />\n        </IframeWrapper>\n    )\n}\n\nexport default TrailerIframe","import React, {Component} from 'react';\nimport {Modal, ModalBody} from \"reactstrap\"\nimport styled from \"styled-components\"\nimport TrailerIframe from 'components/shared/TrailerIframe'\nimport ButtonClose from 'components/shared/ButtonClose'\n\nconst VModal = styled(Modal)`\n    max-width: 1400px;\n    padding: 0;\n    border: 0;\n\n    .modal-content {\n        border: 0;\n        position: relative;\n    }\n\n    .modal-body {\n        padding: 0;\n        border: 0;\n    }\n`\n\nclass KalturaModal extends Component {\n    render() {\n        return (\n            <VModal isOpen={this.props.modalOpen} toggle={this.props.toggleModal} centered={true}>\n                <ButtonClose onClick={this.props.toggleModal}>\n                    <span className=\"sr-only\">Close</span>\n                </ButtonClose>\n                <ModalBody>\n                    <TrailerIframe src={this.props.src} className=\"embed-responsive embed-responsive-16by9\"/>\n                </ModalBody>\n            </VModal>\n        );\n    }\n}\n\nexport default KalturaModal;","import React, {Component} from \"react\"\nimport styled, { css } from 'styled-components';\nimport { media } from \"utils/Media\"\nimport {GatsbyImage} from \"gatsby-plugin-image\"\nimport CopyBox from \"components/shared/CopyBox\"\nimport LazyLoad from 'react-lazyload';\n\nconst SwipeWrap = styled.div`\n    width: 100vw;\n    position: absolute;\n    z-index: 8;\n    left: 0;\n    transform: translateX(-100%);\n    transition: all .8s ease-in-out;\n    background-color: black;\n    \n    opacity: 0;\n    height: 100vh; \n    top: 0;\n\n    &.active {\n        transform: translateX(0);\n        opacity: 1;\n    }\n    \n    &.notFullWidth {\n       background: linear-gradient(0deg, #000 38%, rgba(0, 0, 0, 0) 100%);\n       //background: none;\n        left: auto;\n        transform: none;\n        right: 100vw;\n        width: 100%;\n        \n        @media ${media.md} {\n          width: 346px;\n        }\n        \n        @media ${media.xl} {\n          min-width: 580px;\n        }\n        \n        &.active {\n          right: 0;\n        }\n    }\n`\n\nconst BgWrapper = styled.div`\n     width: 100vw;\n        height: 100vh;\n        position: absolute;\n        left: 0;\n        z-index: 2;\n        top: 0;\n        \n        &--step2 {\n            opacity: 0;\n        }\n        \n        .image {\n            width: 100vw;\n            height: 100vh;\n        }\n`\nconst BgImg = styled(GatsbyImage)`\n    pointer-events: none;\n`\n\nclass SwipeScene extends Component {\n\n    render() {\n        return (\n            <SwipeWrap className={`${this.props.notFullWidth ? 'notFullWidth' : ''}`}>\n                {this.props.changeBg &&\n                    <BgWrapper>\n                        \n                        <LazyLoad height={\"100%\"} once>\n                        <BgImg image={this.props.bgImageSm}\n                            alt=\"\"\n                            title=\"\"\n                            className=\"image d-block d-sm-none\"\n                        />\n                        </LazyLoad>\n                        <LazyLoad height={\"100%\"} once>\n                        <BgImg image={this.props.bgImageMd}\n                            alt=\"\"\n                            title=\"\"\n                            className=\"image d-none d-sm-block d-lg-none\"\n                        />\n                        </LazyLoad>\n                        <LazyLoad height={\"100%\"} once>\n                        <BgImg image={this.props.bgImageLg}\n                            alt=\"\"\n                            title=\"\"\n                            className=\"image d-none d-lg-block d-xl-none\"\n                        />\n                        </LazyLoad>\n                        <LazyLoad height={\"100%\"} once>\n                        <BgImg image={this.props.bgImageXl}\n                            alt=\"\"\n                            title=\"\"\n                            className=\"image d-none d-xl-block\"\n                        />\n                        </LazyLoad>\n                    </BgWrapper>\n                }\n                <CopyBox\n                    copyVerticalPosition={this.props.copyVerticalPosition}\n                    copyHorizontalPosition={this.props.copyHorizontalPosition}\n                    copyHorizontalPositionMd={this.props.copyHorizontalPositionMd}\n                    copyVerticalPositionMd={this.props.copyVerticalPositionMd}\n                    copyVerticalPositionXs={this.props.copyVerticalPositionXs}\n                    copyMdWidth={this.props.copyMdWidth}\n                    quote={this.props.quote}\n                    color=\"orange\">\n                    <div dangerouslySetInnerHTML={{__html: this.props.text}}/>\n                </CopyBox>\n            </SwipeWrap>\n        )\n    }\n}\n\nSwipeScene.defaultProps = {\n    textPosition: \"left\",\n    quote: false,\n    changeBg: true,\n    notFullWidth: false,\n    transparentBg: false,\n    copyHorizontalPosition: \"toLeft\",\n    copyVerticalPosition: \"toMiddle\",\n    copyVerticalPositionXs: \"toTop\"\n}\n\nexport default SwipeScene","import React, {Component} from 'react';\nimport styled from 'styled-components';\nimport KalturaModal from \"components/shared/KalturaModal\"\nimport {media} from \"utils/Media\"\nimport btnBg from 'images/Interactive/btn-video-lozenge.svg'\nimport playBtn from 'images/Interactive/btn-video-play.svg'\nimport playBtnHover from 'images/Interactive/btn-video-play-black.svg'\nimport VisibilitySensor from \"react-visibility-sensor\";\n\nconst PlayButtonWrapper = styled.div`\n    position: absolute;\n    bottom: 56px;\n    right: 0;\n    z-index: 20;\n    width: 100%;\n    transition: bottom 0.2s ease-in;\n        \n    &.visible {\n        right: 0;\n    }\n    \n    @media ${media.sm} {\n        width: initial;\n        bottom: 100px;\n        right: -319px;\n        transition: right 1s ease-in;\n        \n        &.visible {\n            right: 0;\n        }\n    }\n`\nconst PlayButtonContent = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    background: ${props => props.theme.colors.white};\n    padding: 10px 0;\n    \n    @media ${media.sm} {\n        background: url(${btnBg}) no-repeat center center;\n        background-size: contain;\n        width: 320px;\n        height: 80px;\n        padding: 0;\n    }\n    \n    .playBtn {\n        width: 60px;\n        height: 60px;\n        background: url(${playBtn}) no-repeat center center;\n        background-size: contain;\n        border: none;\n        //transition: all 0.2s ease-in;\n        \n        &:hover {\n            background: url(${playBtnHover}) no-repeat center center;\n            background-size: contain;\n            width: 60px;\n            height: 60px;\n            \n            @media ${media.sm} {\n                width: 70px;\n                height: 70px;\n            }\n        }\n        \n        @media ${media.sm} {\n            width: 70px;\n            height: 70px;\n        }\n    }\n    \n    .copy {\n        width: calc(100% - 82px);\n        padding-left: 10px;\n        padding-right: 10px;\n        \n        span {\n            font-family: ${props => props.theme.font.family.base};\n            font-size: 1.25rem;\n            line-height: 1.5rem;\n            letter-spacing: 0.03em;\n        }\n    }\n`\n\nclass PlayButton extends Component {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            modalOpen: false,\n            isPlayBtnVisible: false\n        }\n    }\n\n    onChange = (isVisible) => {\n        this.setState({\n            isPlayBtnVisible: isVisible\n        })\n    }\n\n    toggleModal = (e, src) => {\n        e.preventDefault();\n\n        this.setState({\n            modalOpen: !this.state.modalOpen\n        });\n    }\n\n    render() {\n        return (\n            <VisibilitySensor onChange={this.onChange} partialVisibility={true}>\n                <PlayButtonWrapper className={`${this.state.isPlayBtnVisible && 'visible'}`}>\n                    <PlayButtonContent>\n                        <button className=\"playBtn\" onClick={(e) => this.toggleModal(e, this.props.video)}/>\n                        <div className=\"copy\">\n                            <span>{this.props.copy}</span>\n                        </div>\n                        <KalturaModal toggleModal={this.toggleModal} src={this.props.src}\n                                      modalOpen={this.state.modalOpen}/>\n                    </PlayButtonContent>\n                </PlayButtonWrapper>\n            </VisibilitySensor>\n        );\n    }\n}\n\nexport default PlayButton;","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMzIwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwIDBIMzIwVjgwSDQwQzE3LjkwODYgODAgMCA2Mi4wOTE0IDAgNDBDMCAxNy45MDg2IDE3LjkwODYgMCA0MCAwWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iODIuOTMzMyIgeTE9IjU0LjM1MDUiIHgyPSI2OC40NTI4IiB5Mj0iMTAxLjE3MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGOUY5RjkiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiByeD0iMzAiIGZpbGw9IiNGM0NFMTIiLz4KPHBhdGggZD0iTTIwLjY2ODkgMTguODk5QzIwLjY2ODkgMTcuMzcyNiAyMi4zMSAxNi40MDg4IDIzLjY0MzEgMTcuMTUyM0w0NC40NDc3IDI4Ljc1NDlDNDUuODE1NSAyOS41MTc3IDQ1LjgxNTUgMzEuNDg1NSA0NC40NDc3IDMyLjI0ODNMMjMuNjQzMSA0My44NTA5QzIyLjMxIDQ0LjU5NDQgMjAuNjY4OSA0My42MzA2IDIwLjY2ODkgNDIuMTA0MlYxOC44OTlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIyNy42NDMzIiB5MT0iMzUuODg1OSIgeDI9IjE4LjQ5NzgiIHkyPSI0Mi41MTM3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y5RjlGOSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjYwIiBoZWlnaHQ9IjYwIiByeD0iMzAiIGZpbGw9IiMwMDAwMDAiLz4KPHBhdGggZD0iTTIwLjY2ODkgMTguODk5QzIwLjY2ODkgMTcuMzcyNiAyMi4zMSAxNi40MDg4IDIzLjY0MzEgMTcuMTUyM0w0NC40NDc3IDI4Ljc1NDlDNDUuODE1NSAyOS41MTc3IDQ1LjgxNTUgMzEuNDg1NSA0NC40NDc3IDMyLjI0ODNMMjMuNjQzMSA0My44NTA5QzIyLjMxIDQ0LjU5NDQgMjAuNjY4OSA0My42MzA2IDIwLjY2ODkgNDIuMTA0MlYxOC44OTlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIyNy42NDMzIiB5MT0iMzUuODg1OSIgeDI9IjE4LjQ5NzgiIHkyPSI0Mi41MTM3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y5RjlGOSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=\"","// @flow\r\nimport React, {Component} from 'react';\r\nimport styled, {css} from 'styled-components';\r\nimport {media} from \"utils/Media\"\r\nimport {Controller, Scene} from 'react-scrollmagic';\r\nimport {Tween, Timeline} from 'react-gsap';\r\nimport {graphql, StaticQuery} from \"gatsby\";\r\nimport {GatsbyImage} from \"gatsby-plugin-image\";\r\nimport PlayButton from 'components/shared/PlayButton'\r\nimport TitleBar from 'components/shared/TitleBar'\r\nimport CopyBox from \"components/shared/CopyBox\"\r\nimport ButtonScroll from \"components/shared/ScrollButton\"\r\nimport Absolute from \"components/shared/Absolute\"\r\n\r\nconst Relative = styled.div`\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n`;\r\n\r\nconst Wrapper = styled.div`\r\n  overflow: hidden;\r\n  \r\n  .scrollmagic-pin-spacer {\r\n    display: none !important;\r\n\r\n    ${props => props.active && css`\r\n        display: block !important;\r\n    `}\r\n\r\n    @media ${media.sm} {\r\n        display: block !important;\r\n    }\r\n  }\r\n  \r\n  .sticky, .sticky2 {\r\n    height: 0;\r\n    overflow: hidden;\r\n    width: 100% !important;\r\n    \r\n    ${props => props.active && css`\r\n        height: 100vh;\r\n    `}\r\n    \r\n    @media ${media.sm} {\r\n        height: 100vh;\r\n    }\r\n  }\r\n  \r\n  .fs {\r\n        height: 100vh;\r\n    }\r\n    \r\n     .slideInUp {\r\n        .no-touch & {\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: all 0.7s ease-out;\r\n            transform: translate3d(0, 50px, 0);\r\n        }\r\n        .no-touch .is-active & {\r\n            visibility: visible;\r\n            opacity: 1;\r\n            transform: translate3d(0, 0, 0);\r\n        }\r\n    }\r\n    \r\n    .pinContainer {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 100vh;\r\n        width: 100vw;\r\n    }\r\n    \r\n    .animation__background {\r\n        background-image: linear-gradient(#6480BF 15.62%, #F4A65D 57.29%, #FBD647 87.5%);\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        z-index: 1;\r\n        opacity: 1;\r\n    }\r\n    \r\n    .animation__simbaAndFather {\r\n        width: 100vw;\r\n        height: 100vh;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 2;\r\n        \r\n        .simbaAndFather {\r\n            display: flex;\r\n            position: absolute;\r\n            max-height: 100vh;\r\n            width: 100vw;\r\n            bottom: 0;\r\n            z-index: 3;\r\n            \r\n            .image { \r\n                width: 350px;\r\n                \r\n                @media ${media.sm} {\r\n                    max-width: 750px;\r\n                    width: 60%;\r\n                }\r\n            }\r\n        }\r\n    }\r\n        \r\n    .animation__bird {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        z-index: 10;\r\n        \r\n        .image {\r\n            max-width: 1094px;\r\n        }\r\n    }\r\n    \r\n    .animation__background--step2 {\r\n        background-image: linear-gradient(transparent, #010012);\r\n        position: absolute;\r\n        width: 100vw;\r\n        height: 100vh;\r\n        top: 0;\r\n        left: 0;\r\n        opacity: 0;\r\n        z-index: 2;\r\n        \r\n        .image {\r\n            width: 100vw;\r\n            height: 100vh;\r\n        }\r\n    }\r\n    \r\n    .animation__simbaGrownUp {\r\n        width: 100vw;\r\n        height: 100vh;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 5;\r\n        \r\n        .simbaGrownUp {\r\n            display: flex;\r\n            position: absolute;\r\n            width: 100vh;\r\n            bottom: 0;\r\n            z-index: 6;\r\n            \r\n            .image { \r\n                width: 250px;\r\n                transform: scaleX(-1);\r\n                \r\n                @media ${media.sm} {\r\n                    transform: none;\r\n                    max-width: 576px;\r\n                    width: 50%;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nclass Simba extends Component {\r\n    render() {\r\n        return (\r\n            <Wrapper active={this.props.active} id=\"simbaWrapper\">\r\n                <div id=\"simbaScene\"/>\r\n                <Controller>\r\n                    <Scene\r\n                        triggerElement=\"#simbaScene\"\r\n                        triggerHook=\"onLeave\"\r\n                        duration={3000}\r\n                        pin\r\n                    >\r\n                        {(progress) => (\r\n                            <div className={`sticky`}>\r\n                                <Absolute>\r\n                                    <TitleBar absolute color=\"yellow\">\r\n                                        <h2>Simba</h2>\r\n                                    </TitleBar>\r\n\r\n                                    <PlayButton src=\"https://cdnapisec.kaltura.com/p/1068292/sp/106829200/embedIframeJs/uiconf_id/40058201/partner_id/1068292?iframeembed=true&playerId=kaltura_player&entry_id=1_anzhshgo&flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&wid=1_lm4awh3b\"\r\n                                                progress={progress} copy=\"Meet our young Simba and young Nala actors\"/>\r\n\r\n                                    <Timeline totalProgress={progress} paused>\r\n                                        <div className=\"animation__background\"/>\r\n\r\n                                        <Tween\r\n                                            from={{\r\n                                                y: '100%', delay: 0\r\n                                            }}\r\n                                            duration={5}\r\n                                            ease=\"Strong.easeOut\"\r\n                                            totalProgress={progress * 2.5}\r\n                                            paused\r\n                                        >\r\n                                            <div className=\"animation__simbaAndFather slideInUp\">\r\n                                                <Relative>\r\n                                                    <div className=\"simbaAndFather\">\r\n                                                        <GatsbyImage image={this.props.data.simbaAndFather.childImageSharp.gatsbyImageData}\r\n                                                            alt=\"\"\r\n                                                            title=\"\"\r\n                                                            className=\"image\"\r\n                                                        />\r\n                                                    </div>\r\n                                                </Relative>\r\n                                            </div>\r\n                                        </Tween>\r\n\r\n                                        <Tween\r\n                                            from={{\r\n                                                x: '100%',\r\n                                                top: '-20%',\r\n                                            }}\r\n                                            to={{x: '-100%', top: '10%'}}\r\n                                            duration={5}\r\n                                        >\r\n                                            <div className=\"animation__bird\">\r\n                                                <GatsbyImage image={this.props.data.birds.childImageSharp.gatsbyImageData}\r\n                                                    alt=\"\"\r\n                                                    title=\"\"\r\n                                                    className=\"image\"\r\n                                                />\r\n                                            </div>\r\n                                        </Tween>\r\n\r\n                                        <Tween\r\n                                            to={{opacity: 0}}\r\n                                            duration={3}\r\n                                        >\r\n                                            <CopyBox copyVerticalPositionSm=\"toTop\" copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toRight\" step1>\r\n                                                <p>\r\n                                                    Simba is a young lion prince who is full of energy. He hugely\r\n                                                    admires\r\n                                                    his\r\n                                                    father\r\n                                                    Mufasa, the king.\r\n                                                    Mufasa’s sudden death shocks Simba, leaving him unsure of his own\r\n                                                    identity.\r\n                                                </p>\r\n                                            </CopyBox>\r\n                                        </Tween>\r\n\r\n                                        <Tween\r\n                                            from={{opacity: 0, delay: \"+4\"}}\r\n                                            to={{opacity: 1}}\r\n                                            duration={5}\r\n                                        >\r\n                                            <div className=\"animation__background--step2\">\r\n                                                <GatsbyImage image={this.props.data.bgStep2Sm.childImageSharp.gatsbyImageData}\r\n                                                    alt=\"\"\r\n                                                    title=\"\"\r\n                                                    className=\"image d-block d-sm-none\"\r\n                                                />\r\n                                                <GatsbyImage image={this.props.data.bgStep2Md.childImageSharp.gatsbyImageData}\r\n                                                    alt=\"\"\r\n                                                    title=\"\"\r\n                                                    className=\"image d-none d-sm-block d-lg-none\"\r\n                                                />\r\n                                                <GatsbyImage image={this.props.data.bgStep2Lg.childImageSharp.gatsbyImageData}\r\n                                                    alt=\"\"\r\n                                                    title=\"\"\r\n                                                    className=\"image d-none d-lg-block d-xl-none\"\r\n                                                />\r\n                                                <GatsbyImage image={this.props.data.bgStep2.childImageSharp.gatsbyImageData}\r\n                                                    alt=\"\"\r\n                                                    title=\"\"\r\n                                                    className=\"image d-none d-xl-block\"\r\n                                                />\r\n                                            </div>\r\n                                        </Tween>\r\n\r\n                                        <Tween\r\n                                            from={{y: '100%'}}\r\n                                            duration={3}\r\n                                        >\r\n                                            <div className=\"animation__simbaGrownUp slideInUp\">\r\n                                                <Relative>\r\n                                                    <div className=\"simbaGrownUp\">\r\n                                                        <GatsbyImage image={this.props.data.simbaGrownUp.childImageSharp.gatsbyImageData}\r\n                                                            alt=\"\"\r\n                                                            title=\"\"\r\n                                                            className=\"image\"\r\n                                                        />\r\n                                                    </div>\r\n                                                </Relative>\r\n                                            </div>\r\n                                        </Tween>\r\n                                        <Tween\r\n                                            to={{opacity: 1}}\r\n                                            duration={3}\r\n                                        >\r\n                                            <CopyBox copyVerticalPositionSm=\"toTop\" copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toRight\" step2>\r\n                                                <p>\r\n                                                    He runs away, only to eventually return as a young adult lion to\r\n                                                    take\r\n                                                    his\r\n                                                    place\r\n                                                    as King of the Pridelands.\r\n                                                </p>\r\n                                            </CopyBox>\r\n                                        </Tween>\r\n                                    </Timeline>\r\n                                    <ButtonScroll playBtn progress={progress}/>\r\n                                </Absolute>\r\n                            </div>\r\n                        )}\r\n                    </Scene>\r\n                </Controller>\r\n            </Wrapper>\r\n        )\r\n    }\r\n}\r\n\r\nexport default (props) => (\r\n    <StaticQuery\r\n        query={graphql`\r\n            query {\r\n                birds: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-simba-1-birds-1920.png\" }) {\r\n                    childImageSharp {\r\n                        gatsbyImageData(width: 1090, quality: 100, placeholder: NONE, formats: [AUTO, WEBP, AVIF])\r\n                    }\r\n                }\r\n                \r\n                simbaAndFather: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-simba-1-pic-1920.png\" }) {\r\n                    childImageSharp {\r\n                        gatsbyImageData(width: 750, quality: 100, placeholder: NONE, formats: [AUTO, WEBP, AVIF])\r\n                    }\r\n                }\r\n                \r\n                bgStep2: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-simba-2-bg-1920.jpg\" }) {\r\n                    childImageSharp {\r\n                        gatsbyImageData(width: 1920, quality: 100)\r\n                    }\r\n                }\r\n                \r\n                bgStep2Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-simba-2-bg-1440.jpg\" }) {\r\n                    childImageSharp {\r\n                        gatsbyImageData(width: 1440, quality: 100)\r\n                    }\r\n                }\r\n                \r\n                bgStep2Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-simba-2-bg-991.jpg\" }) {\r\n                    childImageSharp {\r\n                        gatsbyImageData(width: 991, quality: 100)\r\n                    }\r\n                }\r\n                \r\n                bgStep2Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-simba-2-bg-576.jpg\" }) {\r\n                    childImageSharp {\r\n                        gatsbyImageData(width: 575, quality: 100)\r\n                    }\r\n                }\r\n                \r\n                simbaGrownUp: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-simba-2-pic-1920.png\" }) {\r\n                    childImageSharp {\r\n                        gatsbyImageData(width: 576, quality: 100, placeholder: NONE, formats: [AUTO, WEBP, AVIF])\r\n                    }\r\n                }\r\n            }\r\n\t\t`}\r\n        render={data => (\r\n            <Simba data={data} active={props.active} title={props.title}/>\r\n        )}\r\n    />\r\n)\r\n","// @flow\nimport React, {Component} from 'react';\nimport styled, {css} from 'styled-components';\nimport {Controller, Scene} from 'react-scrollmagic';\nimport {graphql, StaticQuery} from \"gatsby\";\nimport {media} from \"utils/Media\"\nimport SwipeScene from \"components/shared/SwipeScene\"\nimport ButtonSwipe from \"components/shared/ButtonSwipe\"\nimport CopyBox from \"components/shared/CopyBox\"\nimport TitleBar from 'components/shared/TitleBar'\nimport BgImage from 'components/shared/BgImage'\n\nconst Relative = styled.div`\n  position: relative;\n  width: 100%;\n  height: 100%;\n`\n\nconst Wrapper = styled.div`\n    overflow: hidden;\n    position: relative;\n\n .scrollmagic-pin-spacer {\n    display: none !important;\n\n    ${props => props.active && css`\n        display: block !important;\n    `}\n\n    @media ${media.sm} {\n        display: block !important;\n    }\n  }\n  \n  .sticky, .sticky2 { \n    height: 0;\n    overflow: hidden;\n    width: 100% !important;\n    \n    ${props => props.active && css`\n        height: 100vh;\n    `}\n    \n    @media ${media.sm} {\n        height: 100vh;\n    }\n  }\n  \n  .fs {\n        height: 100vh;\n    }\n    \n  .slideInUp {\n        .no-touch & {\n            visibility: hidden;\n            opacity: 0;\n            transition: all 0.7s ease-out;\n            transform: translate3d(0, 50px, 0);\n        }\n        .no-touch .is-active & {\n            visibility: visible;\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n    }\n    \n    .pinContainer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n    }\n    \n`;\n\nclass Mufasa extends Component {\n    render() {\n        return (\n            <Wrapper active={this.props.active} id=\"mufasaWrapper\">\n                <div id=\"mufasaScene\" ref={mufasaScene => this.mufasaScene = mufasaScene}/>\n                <Controller>\n                    <Scene\n                        triggerElement=\"#mufasaScene\"\n                        triggerHook=\"onLeave\"\n                        duration={500}\n                        pin\n                    >\n                        {(progress) => (\n                            <div className={`sticky2`}>\n                                <TitleBar color=\"orange\">\n                                    <h2>Mufasa</h2>\n                                </TitleBar>\n\n                                <BgImage\n                                    data={this.props.data}\n                                    play={progress > 0}\n                                    progress={progress}\n                                />\n\n                                <ButtonSwipe\n                                    target={this.mufasaSwipe}\n                                    play={progress > 0}\n                                />\n                                <Relative>\n                                    <CopyBox copyVerticalPositionSm=\"toTop\" copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toRight\" step1>\n                                        <p>\n                                            Mufasa is a strong, brave and wise king and an understanding father.\n                                        </p>\n                                        <p>\n                                            He teaches Simba about being a responsible leader, and the importance of the\n                                            great\n                                            circle of life.\n                                        </p>\n                                    </CopyBox>\n\n                                    <SwipeScene\n                                        ref={mufasaSwipe => this.mufasaSwipe = mufasaSwipe}\n                                        bgImageSm={this.props.data.bgStep2Sm.childImageSharp.gatsbyImageData}\n                    bgImageMd={this.props.data.bgStep2Md.childImageSharp.gatsbyImageData}\n                    bgImageLg={this.props.data.bgStep2Lg.childImageSharp.gatsbyImageData}\n                    bgImageXl={this.props.data.bgStep2.childImageSharp.gatsbyImageData}\n                                        text=\"<p>Simba, everything exists in a delicate balance. As King, you need to understand that balance and respect all the creatures – from the crawling ant to the leaping antelope.</p>\"\n                                        quote={true}\n                                        color=\"orange\"\n                                        copyVerticalPosition=\"toTop\"\n                                        copyVerticalPositionSm=\"toTop\"\n                                        copyVerticalPositionMd=\"toTop\"\n                                    />\n                                </Relative>\n                            </div>\n                        )}\n                    </Scene>\n                </Controller>\n            </Wrapper>\n        )\n    }\n}\n\n\nexport default (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                 bgStep1: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-1-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep1Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-1-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep1Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-1-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep1Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-1-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n                \n                bgStep2: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-2-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep2Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-2-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep2Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-2-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep2Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-mufasa-2-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <Mufasa data={data} active={props.active} title={props.title}/>\n        )}\n    />\n)\n","// @flow\nimport React, {Component} from 'react';\nimport styled, {css} from 'styled-components';\nimport {media} from \"utils/Media\"\nimport {Controller, Scene} from 'react-scrollmagic';\nimport {graphql, StaticQuery} from \"gatsby\";\nimport TitleBar from 'components/shared/TitleBar'\nimport CopyBox from \"components/shared/CopyBox\"\nimport HoldScene from \"components/shared/HoldScene\"\nimport ButtonHold from \"components/shared/ButtonHold\"\nimport BgImage from 'components/shared/BgImage'\n\nconst Relative = styled.div`\n  position: relative;\n  width: 100%;\n  height: 100%;\n`\nconst Wrapper = styled.div`\n    overflow: hidden;\n    \n .scrollmagic-pin-spacer {\n    display: none !important;\n\n    ${props => props.active && css`\n        display: block !important;\n    `}\n\n    @media ${media.sm} {\n        display: block !important;\n    }\n  }\n  \n  .sticky, .sticky2 { \n    height: 0;\n    overflow: hidden;\n    width: 100% !important;\n    \n    ${props => props.active && css`\n        height: 100vh;\n    `}\n    \n    @media ${media.sm} {\n        height: 100vh;\n    }\n  }\n  \n  .fs {\n        height: 100vh;\n    }\n    \n  .slideInUp {\n        .no-touch & {\n            visibility: hidden;\n            opacity: 0;\n            transition: all 0.7s ease-out;\n            transform: translate3d(0, 50px, 0);\n        }\n        .no-touch .is-active & {\n            visibility: visible;\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n    }\n    \n    .pinContainer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n    }\n`;\n\nclass Nala extends Component {\n    render() {\n        return (\n            <Wrapper active={this.props.active} id=\"nalaWrapper\">\n                <div id=\"nalaScene\"/>\n                <Controller>\n                    <Scene\n                        triggerElement=\"#nalaScene\"\n                        triggerHook=\"onLeave\"\n                        duration={500}\n                        pin\n                    >\n                        {(progress) => (\n                            <div className={`sticky2`}>\n                                <TitleBar color=\"purple\">\n                                    <h2>Nala</h2>\n                                </TitleBar>\n\n                                <BgImage\n                                    data={this.props.data}\n                                    play={progress > 0}\n                                    progress={progress}\n                                />\n\n                                <Relative>\n                                    <CopyBox copyVerticalPosition=\"toMiddle\" copyVerticalPositionMd=\"toTop\" characters\n                                             copyHorizontalPosition=\"toRight\" step1>\n                                        <p>\n                                            Nala is a lioness cub who is best friends with Simba and equally\n                                            inquisitive.\n                                        </p>\n                                    </CopyBox>\n\n                                    <HoldScene\n                                        ref={nalaHoldScene => this.nalaHoldScene = nalaHoldScene}\n                                        bgImageSm={this.props.data.bgStep2Sm.childImageSharp.gatsbyImageData}\n                    bgImageMd={this.props.data.bgStep2Md.childImageSharp.gatsbyImageData}\n                    bgImageLg={this.props.data.bgStep2Lg.childImageSharp.gatsbyImageData}\n                    bgImageXl={this.props.data.bgStep2.childImageSharp.gatsbyImageData}\n                                        text=\"<p>Nala grows into a courageous and determined adult lioness who discovers Simba in the wilderness and encourages him to return home to become King.</p>\"\n                                        quote={false}\n                                        color=\"orange\"\n                                        copyVerticalPositionSm=\"toTop\"\n                                    />\n                                </Relative>\n                                <ButtonHold\n                                    play={progress > 0}\n                                    target={this.nalaHoldScene}\n                                />\n                            </div>\n                        )}\n                    </Scene>\n                </Controller>\n            </Wrapper>\n        )\n    }\n}\n\n\nexport default (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                 bgStep1: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-1-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep1Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-1-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep1Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-1-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep1Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-1-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n                \n                bgStep2: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-2-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep2Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-2-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep2Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-2-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep2Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-nala-2-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <Nala data={data} active={props.active} title={props.title}/>\n        )}\n    />\n)\n","// @flow\nimport React, {Component} from 'react';\nimport styled, {css} from 'styled-components';\nimport {Controller, Scene} from 'react-scrollmagic';\nimport {Tween, Timeline} from 'react-gsap';\nimport {graphql, StaticQuery} from \"gatsby\";\nimport {media} from \"utils/Media\"\nimport {GatsbyImage} from \"gatsby-plugin-image\";\nimport TitleBar from 'components/shared/TitleBar'\nimport CopyBox from \"components/shared/CopyBox\"\nimport ButtonScroll from \"components/shared/ScrollButton\"\nimport Absolute from \"components/shared/Absolute\"\n\nconst Wrapper = styled.div`\n    overflow: hidden;\n    \n  .scrollmagic-pin-spacer {\n    display: none !important;\n\n    ${props => props.active && css`\n        display: block !important;\n    `}\n\n    @media ${media.sm} {\n        display: block !important;\n    }\n  }\n  \n  .sticky, .sticky2 { \n    height: 0;\n    overflow: hidden;\n    width: 100% !important;\n    \n    ${props => props.active && css`\n        height: 100vh;\n    `}\n    \n    @media ${media.sm} {\n        height: 100vh;\n    }\n  }\n  \n  .fs {\n        height: 100vh;\n    }\n    \n  .slideInUp {\n        .no-touch & {\n            visibility: hidden;\n            opacity: 0;\n            transition: all 0.7s ease-out;\n            transform: translate3d(0, 50px, 0);\n        }\n        .no-touch .is-active & {\n            visibility: visible;\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n    }\n    \n    .pinContainer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n    }\n    \n    .animation__background {\n        width: 100vw;\n        height: 100vh;\n        position: absolute;\n        left: 0;\n        z-index: 2;\n        top: 0;\n        \n        &--step2 {\n            opacity: 0;\n        }\n        \n        &--overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 3;\n            background-image: linear-gradient(#000, transparent);\n        }\n        \n        .image {\n            width: 100vw;\n            height: 100vh;\n        }\n    }\n`;\n\nclass Rafiki extends Component {\n    render() {\n        return (\n            <Wrapper active={this.props.active} id=\"rafikiWrapper\">\n                <div id=\"rafikiScene\"/>\n                <Controller>\n                    <Scene\n                        triggerElement=\"#rafikiScene\"\n                        triggerHook=\"onLeave\"\n                        duration={2000}\n                        pin\n                    >\n                        {(progress) => (\n                            <div className={`sticky2`}>\n                                <Absolute>\n                                    <Timeline totalProgress={progress} paused>\n                                        <Tween\n                                            ease=\"Strong.easeOut\"\n                                            totalProgress={progress * 2}\n                                            paused\n                                        >\n                                            <TitleBar absolute color=\"red\" textWhite>\n                                                <h2>Rafiki</h2>\n                                            </TitleBar>\n                                        </Tween>\n\n                                        <Tween\n                                            to={{\n                                                scale: 1.1\n                                            }}\n                                            ease=\"Strong.easeOut\"\n                                            totalProgress={progress}\n                                            paused\n                                        >\n                                            <div className=\"animation__background\">\n                                                <Tween\n                                                    to={{\n                                                        backgroundImage: \"linear-gradient(transparent, transparent)\"\n                                                    }}\n                                                    ease=\"Strong.easeOut\"\n                                                    totalProgress={progress}\n                                                    paused\n                                                >\n                                                    <div className=\"animation__background--overlay\"/>\n                                                </Tween>\n                                                <GatsbyImage image={this.props.data.bgStep1Sm.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-block d-sm-none\"\n                                                />\n                                                <GatsbyImage image={this.props.data.bgStep1Md.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-none d-sm-block d-lg-none\"\n                                                />\n                                                <GatsbyImage image={this.props.data.bgStep1Lg.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-none d-lg-block d-xl-none\"\n                                                />\n                                                <GatsbyImage image={this.props.data.bgStep1.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-none d-xl-block\"\n                                                />\n                                            </div>\n                                        </Tween>\n\n                                        <Tween\n                                            from={{backgroundImage: \"linear-gradient(#fff, #fff)\", opacity: 1}}\n                                            to={{\n                                                backgroundImage: \"linear-gradient(#fff, transparent)\",\n                                                opacity: 0,\n                                                delay: 5\n                                            }}\n                                            duration={5}\n                                        >\n                                            <CopyBox copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toLeft\"\n                                                     step1>\n                                                <p>\n                                                    Rafiki is a spiritual guide who appears at key moments in the story\n                                                    to\n                                                    guide Simba on his path. The character of Rafiki is inspired by\n                                                    South African\n                                                    Sangoma who are\n                                                    respected members of the community, trusted to heal and guide\n                                                    others.\n                                                </p>\n                                            </CopyBox>\n                                        </Tween>\n\n                                        <Tween\n                                            to={{opacity: 1, scale: 1.1}}\n                                            duration={3}\n                                        >\n                                            <div className=\"animation__background animation__background--step2\">\n                                                <GatsbyImage image={this.props.data.bgStep2Sm.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-block d-sm-none\"\n                                                />\n                                                <GatsbyImage image={this.props.data.bgStep2Md.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-none d-sm-block d-lg-none\"\n                                                />\n                                                <GatsbyImage image={this.props.data.bgStep2Lg.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-none d-lg-block d-xl-none\"\n                                                />\n                                                <GatsbyImage image={this.props.data.bgStep2.childImageSharp.gatsbyImageData}\n                                                    alt=\"\"\n                                                    title=\"\"\n                                                    className=\"image d-none d-xl-block\"\n                                                />\n                                            </div>\n                                        </Tween>\n\n                                        <Tween\n                                            to={{opacity: 1}}\n                                            duration={3}\n                                        >\n                                            <CopyBox copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toLeft\"\n                                                     step2 quote color=\"red\">\n                                                <div>\n                                                    <p>\n                                                        Oh, yes... the past can hurt. But the way I see it, you can\n                                                        either\n                                                        run\n                                                        from it, or\n                                                        you can learn from it.\n                                                    </p>\n                                                </div>\n                                            </CopyBox>\n                                        </Tween>\n                                    </Timeline>\n                                    <ButtonScroll progress={progress}/>\n                                </Absolute>\n                            </div>\n                        )}\n                    </Scene>\n                </Controller>\n            </Wrapper>\n        )\n    }\n}\n\n\nexport default (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                bgStep1: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-1-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep1Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-1-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep1Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-1-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep1Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-1-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n                \n                bgStep2: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-2-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep2Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-2-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep2Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-2-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep2Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-rafiki-2-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <Rafiki data={data} active={props.active} title={props.title}/>\n        )}\n    />\n)\n","// @flow\nimport React, {Component} from 'react';\nimport styled, {css} from 'styled-components';\nimport {media} from \"utils/Media\"\nimport {Controller, Scene} from 'react-scrollmagic';\nimport {graphql, StaticQuery} from \"gatsby\";\nimport PlayButton from 'components/shared/PlayButton'\nimport TitleBar from 'components/shared/TitleBar'\nimport CopyBox from \"components/shared/CopyBox\"\nimport BgImage from 'components/shared/BgImage'\nimport Absolute from \"components/shared/Absolute\"\n\nconst Wrapper = styled.div`\n    overflow: hidden;\n    \n  .scrollmagic-pin-spacer {\n    display: none !important;\n\n    ${props => props.active && css`\n        display: block !important;\n    `}\n\n    @media ${media.sm} {\n        display: block !important;\n    }\n  }\n  \n  .sticky, .sticky2 { \n    height: 0;\n    overflow: hidden;\n    width: 100% !important;\n    \n    ${props => props.active && css`\n        height: 100vh;\n    `}\n    \n    @media ${media.sm} {\n        height: 100vh;\n    }\n  }\n  \n  .fs {\n        height: 100vh;\n    }\n    \n  .slideInUp {\n        .no-touch & {\n            visibility: hidden;\n            opacity: 0;\n            transition: all 0.7s ease-out;\n            transform: translate3d(0, 50px, 0);\n        }\n        .no-touch .is-active & {\n            visibility: visible;\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n    }\n    \n    .pinContainer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n    }  \n`;\n\nclass Zazu extends Component {\n    render() {\n        return (\n            <Wrapper active={this.props.active} id=\"zazuWrapper\">\n                <div id=\"zazuScene\"/>\n                <Controller>\n                    <Scene\n                        triggerElement=\"#zazuScene\"\n                        triggerHook=\"onLeave\"\n                        duration={500}\n                        pin\n                    >\n                        {(progress) => (\n                            <div className={`sticky2`}>\n                                <Absolute>\n                                <PlayButton src=\"https://cdnapisec.kaltura.com/p/1068292/sp/106829200/embedIframeJs/uiconf_id/40058201/partner_id/1068292?iframeembed=true&playerId=kaltura_player&entry_id=1_qsj974mb&flashvars[localizationCode]=en&amp;flashvars[Kaltura.addCrossoriginToIframe]=true&amp;&wid=1_ioh92y7x\"\n                                    progress={progress} copy=\"Learn more about the masks and puppets\"/>\n\n                                <TitleBar absolute color=\"blue\" textWhite>\n                                    <h2>Zazu</h2>\n                                </TitleBar>\n\n                                <BgImage\n                                    data={this.props.data}\n                                    play={progress > 0}\n                                    progress={progress}\n                                    noTitleBar\n                                />\n\n                                <CopyBox copyVerticalPositionMd=\"toTop\" copyVerticalPositionSm=\"toTop\" copyHorizontalPosition=\"toLeft\" step1>\n                                    <p>\n                                        Zazu is a hornbill and Mufasa’s most trusted advisor. He is extremely loyal to\n                                        the\n                                        king and takes his duties seriously. Zazu likes to stick to the rules and keep\n                                        things orderly.\n                                    </p>\n                                </CopyBox>\n                                </Absolute>\n                            </div>\n                        )}\n                    </Scene>\n                </Controller>\n            </Wrapper>\n        )\n    }\n}\n\n\nexport default (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                bgStep1: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-zazu-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep1Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-zazu-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep1Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-zazu-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep1Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-zazu-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <Zazu data={data} active={props.active} title={props.title}/>\n        )}\n    />\n)\n","// @flow\nimport React, {Component} from 'react';\nimport styled, {css} from 'styled-components';\nimport {media} from \"utils/Media\"\nimport {Controller, Scene} from 'react-scrollmagic';\nimport {Tween, Timeline} from 'react-gsap';\nimport {graphql, StaticQuery} from \"gatsby\";\nimport {GatsbyImage} from \"gatsby-plugin-image\";\nimport PlayButton from 'components/shared/PlayButton'\nimport TitleBar from 'components/shared/TitleBar'\nimport CopyBox from \"components/shared/CopyBox\"\nimport ButtonScroll from \"components/shared/ScrollButton\"\nimport Absolute from \"components/shared/Absolute\"\n\nconst Relative = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n`;\n\nconst Wrapper = styled.div`\n  overflow: hidden;\n  \n  .scrollmagic-pin-spacer {\n    display: none !important;\n\n    ${props => props.active && css`\n        display: block !important;\n    `}\n\n    @media ${media.sm} {\n        display: block !important;\n    }\n  }\n  \n  .sticky, .sticky2 { \n    height: 0;\n    overflow: hidden;\n    width: 100% !important;\n    \n    ${props => props.active && css`\n        height: 100vh;\n    `}\n    \n    @media ${media.sm} {\n        height: 100vh;\n    }\n  }\n  \n  .fs {\n        height: 100vh;\n    }\n    \n     .slideInUp {\n        .no-touch & {\n            visibility: hidden;\n            opacity: 0;\n            transition: all 0.7s ease-out;\n            transform: translate3d(0, 50px, 0);\n        }\n        .no-touch .is-active & {\n            visibility: visible;\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n    }\n    \n    .pinContainer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n    }\n    \n    .animation__background {\n        position: absolute;\n        width: 100vw;\n        height: 100vh;\n        z-index: 1;\n        background: linear-gradient(#6480BF, #000);\n    }\n    \n    \n    .animation__scarStanding {\n        width: 100vw;\n        height: 100vh;\n        position: absolute;\n        top: 0;\n        left: 0;\n        z-index: 1;\n        \n        .scarStanding {\n            display: flex;\n            position: absolute;\n            width: 100vw;\n            bottom: 0;\n            z-index: 6;\n            \n            .image { \n                width: 50vh;\n                \n                @media ${media.md} {\n                    max-width: 750px;\n                    width: 60%;\n                }\n            }\n        }\n    }\n    \n    .animation__background--step2 {\n        background-image: linear-gradient(transparent, #010012);\n        position: absolute;\n        width: 100vw;\n        height: 100vh;\n        opacity: 0;\n        z-index: 4;\n        \n        .image {\n            width: 100vw;\n            height: 100vh;\n        }\n    }  \n`;\n\nclass Scar extends Component {\n    render() {\n        return (\n            <Wrapper active={this.props.active} id=\"scarWrapper\">\n                <div id=\"scarScene\"/>\n                <Controller>\n                    <Scene\n                        triggerElement=\"#scarScene\"\n                        triggerHook=\"onLeave\"\n                        duration={2000}\n                        pin\n                    >\n                        {(progress) => (\n                            <div className={`sticky2`}>\n                                <Absolute>\n                                <PlayButton\n                                    src=\"https://cdnapisec.kaltura.com/p/1068292/sp/106829200/embedIframeJs/uiconf_id/40058201/partner_id/1068292?iframeembed=true&playerId=kaltura_player&entry_id=1_l2pbzxpb&flashvars[localizationCode]=en&flashvars[Kaltura.addCrossoriginToIframe]=true&&wid=1_0up7tyy1\"\n                                            progress={progress} copy=\"An actor prepares\"/>\n\n                                <Timeline totalProgress={progress} paused>\n                                    <Tween\n                                        ease=\"Strong.easeOut\"\n                                        totalProgress={progress * 2}\n                                        paused\n                                    >\n                                        <TitleBar absolute color=\"darkGrey\" textWhite>\n                                            <h2>Scar</h2>\n                                        </TitleBar>\n                                    </Tween>\n\n                                    <div className=\"animation__background\"/>\n\n                                    <Tween\n                                        from={{\n                                            y: '100%', delay: 0\n                                        }}\n                                        duration={7}\n                                        ease=\"Strong.easeOut\"\n                                        totalProgress={progress}\n                                        paused\n                                    >\n                                        <div className=\"animation__scarStanding slideInUp\">\n                                            <Relative>\n                                                <div className=\"scarStanding\">\n                                                    <GatsbyImage image={this.props.data.scarStanding.childImageSharp.gatsbyImageData}\n                                                        alt=\"\"\n                                                        title=\"\"\n                                                        className=\"image\"\n                                                    />\n                                                </div>\n                                            </Relative>\n                                        </div>\n                                    </Tween>\n                                    <Tween\n                                        to={{opacity: 0}}\n                                        duration={2}\n                                    >\n                                        <CopyBox copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toRight\" step1>\n                                            <p>\n                                                Scar is the younger brother of Mufasa and Simba’s uncle. He is bitter\n                                                and\n                                                untrustworthy, believing that he should be King.\n                                            </p>\n                                        </CopyBox>\n                                    </Tween>\n\n                                    <Tween\n                                        from={{opacity: 0, delay: 10}}\n                                        to={{opacity: 1}}\n                                        duration={3}\n                                    >\n                                        <div className=\"animation__background--step2\">\n                                            <GatsbyImage image={this.props.data.bgStep2Sm.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-block d-sm-none\"\n                                            />\n                                            <GatsbyImage image={this.props.data.bgStep2Md.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-none d-sm-block d-lg-none\"\n                                            />\n                                            <GatsbyImage image={this.props.data.bgStep2Lg.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-none d-lg-block d-xl-none\"\n                                            />\n                                            <GatsbyImage image={this.props.data.bgStep2.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-none d-xl-block\"\n                                            />\n                                        </div>\n                                    </Tween>\n                                    <Tween\n                                        to={{opacity: 1, delay: 0}}\n                                        duration={2}\n                                    >\n                                        <CopyBox copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toRight\" step2>\n                                            <p>\n                                                Scar ruthlessly kills Mufasa and proves to be a weak and selfish\n                                                leader.\n                                            </p>\n                                        </CopyBox>\n                                    </Tween>\n                                </Timeline>\n                                <ButtonScroll playBtn progress={progress}/>\n                                </Absolute>\n                            </div>\n                        )}\n                    </Scene>\n                </Controller>\n            </Wrapper>\n        )\n    }\n}\n\n\nexport default (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                scarStanding: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-scar-1-pic-1920.png\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 750, quality: 100, placeholder: NONE, formats: [AUTO, WEBP, AVIF])\n                    }\n                }\n            \n                bgStep2: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-scar-2-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep2Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-scar-2-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep2Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-scar-2-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep2Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-scar-2-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n         \n            }\n\t\t`}\n        render={data => (\n            <Scar data={data} active={props.active} title={props.title}/>\n        )}\n    />\n)\n","// @flow\nimport React, {Component} from 'react';\nimport styled, {css} from 'styled-components';\nimport {media} from \"utils/Media\"\nimport {Controller, Scene} from 'react-scrollmagic';\nimport {Tween, Timeline} from 'react-gsap';\nimport {graphql, StaticQuery} from \"gatsby\";\nimport {GatsbyImage} from \"gatsby-plugin-image\";\nimport TitleBar from 'components/shared/TitleBar'\nimport CopyBox from \"components/shared/CopyBox\"\nimport ButtonScroll from \"components/shared/ScrollButton\"\nimport Absolute from \"components/shared/Absolute\"\n\nconst Wrapper = styled.div`\n  overflow: hidden;\n  \n  .scrollmagic-pin-spacer {\n    display: none !important;\n\n    ${props => props.active && css`\n        display: block !important;\n    `}\n\n    @media ${media.sm} {\n        display: block !important;\n    }\n  }\n  \n  .sticky, .sticky2 { \n    height: 0;\n    overflow: hidden;\n    width: 100% !important;\n    \n    ${props => props.active && css`\n        height: 100vh;\n    `}\n    \n    @media ${media.sm} {\n        height: 100vh;\n    }\n  }\n  \n  .fs {\n        height: 100vh;\n    }\n    \n     .slideInUp {\n        .no-touch & {\n            visibility: hidden;\n            opacity: 0;\n            transition: all 0.7s ease-out;\n            transform: translate3d(0, 50px, 0);\n        }\n        .no-touch .is-active & {\n            visibility: visible;\n            opacity: 1;\n            transform: translate3d(0, 0, 0);\n        }\n    }\n    \n    .pinContainer {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100vh;\n        width: 100vw;\n    }\n    \n    .animation__background {\n        width: 100vw;\n        height: 100vh;\n        position: absolute;\n        left: 0;\n        z-index: 2;\n        top: 0;\n        \n        &--overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 3;\n            background-image: linear-gradient(#000, transparent);\n        }\n        \n        .image {\n            width: 100vw;\n            height: 100vh;\n        }\n    }\n        \n    .animation__bug {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        z-index: 9;\n        \n        .image {\n            max-width: 355px;\n        }\n    }\n`;\n\nclass TimonAndPumbaa extends Component {\n    render() {\n        return (\n            <Wrapper active={this.props.active} id=\"timonAndPumbaaWrapper\">\n                <div id=\"timonAndPumbaaScene\"/>\n                <Controller>\n                    <Scene\n                        triggerElement=\"#timonAndPumbaaScene\"\n                        triggerHook=\"onLeave\"\n                        duration={2000}\n                        pin\n                    >\n                        {(progress) => (\n                            <div className={`sticky2`}>\n                                <Absolute>\n                                <Timeline totalProgress={progress} paused>\n                                    <Tween\n                                        ease=\"Strong.easeOut\"\n                                        totalProgress={progress * 2}\n                                        paused\n                                    >\n                                        <TitleBar absolute color=\"green\">\n                                            <h2>Timon & Pumbaa</h2>\n                                        </TitleBar>\n                                    </Tween>\n\n                                    <Tween\n                                        to={{\n                                            scale: 1.1\n                                        }}\n                                        ease=\"Strong.easeOut\"\n                                        totalProgress={progress}\n                                        paused\n                                    >\n                                        <div className=\"animation__background\">\n                                            <Tween\n                                                to={{\n                                                    backgroundImage: \"linear-gradient(transparent, transparent)\"\n                                                }}\n                                                ease=\"Strong.easeOut\"\n                                                totalProgress={progress}\n                                                paused\n                                            >\n                                                <div className=\"animation__background--overlay\"/>\n                                            </Tween>\n                                            <GatsbyImage image={this.props.data.bgStep1Sm.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-block d-sm-none\"\n                                            />\n                                            <GatsbyImage image={this.props.data.bgStep1Md.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-none d-sm-block d-lg-none\"\n                                            />\n                                            <GatsbyImage image={this.props.data.bgStep1Lg.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-none d-lg-block d-xl-none\"\n                                            />\n                                            <GatsbyImage image={this.props.data.bgStep1.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image d-none d-xl-block\"\n                                            />\n                                        </div>\n                                    </Tween>\n\n                                    <Tween\n                                        from={{backgroundImage: \"linear-gradient(#fff, #fff)\", opacity: 1}}\n                                        to={{\n                                            backgroundImage: \"linear-gradient(#fff, transparent)\",\n                                            opacity: 0,\n                                            delay: 5\n                                        }}\n                                        duration={2}\n                                    >\n                                        <CopyBox copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toLeft\" step1>\n                                            <p>Timon, a street-wise meerkat and Pumbaa, a warm-hearted warthog, are\n                                                best friends with a problem-free philosophy. </p>\n                                            <p>They take Simba under their wing when he runs away from home and turn\n                                                out to be loyal, dedicated, funny companions!</p>\n                                        </CopyBox>\n                                    </Tween>\n\n                                    <Tween\n                                        from={{\n                                            x: '0',\n                                            top: '-340px',\n                                        }}\n                                        to={{x: '10%', top: '100%'}}\n                                        duration={15}\n                                    >\n                                        <div className=\"animation__bug\">\n                                            <GatsbyImage image={this.props.data.bugs.childImageSharp.gatsbyImageData}\n                                                alt=\"\"\n                                                title=\"\"\n                                                className=\"image\"\n                                            />\n                                        </div>\n                                    </Tween>\n\n                                    <Tween\n                                        to={{opacity: 1}}\n                                        duration={3}\n                                    >\n                                        <CopyBox copyVerticalPositionMd=\"toTop\" copyHorizontalPosition=\"toLeft\" step2 quote color=\"green\">\n                                            <div>\n                                                <p>\n                                                    It means no worries for the rest of your days!\n                                                </p>\n                                            </div>\n                                        </CopyBox>\n                                    </Tween>\n                                </Timeline>\n                                <ButtonScroll progress={progress}/>\n                                </Absolute>\n                            </div>\n                        )}\n                    </Scene>\n                </Controller>\n            </Wrapper>\n        )\n    }\n}\n\nexport default (props) => (\n    <StaticQuery\n        query={graphql`\n            query {\n                bugs: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-timon-bugs-1920.png\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 355, quality: 100, placeholder: NONE, formats: [AUTO, WEBP, AVIF])\n                    }\n                }\n                \n                bgStep1: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-timon-bg-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                bgStep1Lg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-timon-bg-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n                \n                bgStep1Md: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-timon-bg-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                bgStep1Sm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-timon-bg-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <TimonAndPumbaa data={data} active={props.active} title={props.title}/>\n        )}\n    />\n)\n","import React, {Component} from \"react\"\nimport {media} from \"utils/Media\"\nimport styled from \"styled-components\"\nimport LayoutInteractive from \"components/Layout/LayoutInteractive\"\nimport ParallaxImage from \"components/Interactive/ParallaxImage\"\nimport Menu from \"components/Interactive/Menu\"\nimport TitleBar from 'components/shared/TitleBar'\nimport Simba from \"components/Interactive/Characters/Simba\"\nimport Mufasa from \"components/Interactive/Characters/Mufasa\"\nimport Nala from \"components/Interactive/Characters/Nala\"\nimport Rafiki from \"components/Interactive/Characters/Rafiki\"\nimport Zazu from \"components/Interactive/Characters/Zazu\"\nimport Scar from \"components/Interactive/Characters/Scar\"\nimport TimonAndPumbaa from \"components/Interactive/Characters/TimonAndPumbaa\"\n\nimport DownloadButton from \"components/shared/DownloadButton\"\nimport IconDownload from 'images/icons/icon-download-white.svg'\n\nimport {graphql, StaticQuery} from \"gatsby\";\nimport {isBrowser, isChrome} from \"react-device-detect\";\n\nconst MobileTitleBar = styled(TitleBar)`\n    display: block;\n    cursor: pointer;\n    \n    &.hidden {\n        display: none;\n    }\n    \n    @media ${media.sm} {\n        display: none;\n        \n        &.hidden {\n            display: block;\n        }\n    }\n`\n\nconst scrollToElement = require('scroll-to-element');\n\nconst Query = () => (\n    <StaticQuery\n        query={graphql`\n            query {\n                image: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-header-1920.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1920, quality: 100)\n                    }\n                }\n                \n                imageLg: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-header-1440.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 1440, quality: 100)\n                    }\n                }\n               \n                imageSm: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-header-991.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 991, quality: 100)\n                    }\n                }\n                \n                imageXs: file(relativePath: { eq: \"Interactive/Characters/lke-im-char-header-576.jpg\" }) {\n                    childImageSharp {\n                        gatsbyImageData(width: 575, quality: 100)\n                    }\n                }\n            }\n\t\t`}\n        render={data => (\n            <InteractivePage data={data}/>\n        )}\n    />\n)\n\nclass InteractivePage extends Component {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            scene: '',\n            displayContent: false,\n            imagesAreLoaded: [],\n            activeSceneName: \"Simba\",\n            activePageName: \"2/3 Meet the Characters\",\n            sceneList: [\n                {\n                    name: \"Simba\",\n                    slug: \"simba\",\n                    color: \"yellow\",\n                    active: true\n                },\n                {\n                    name: \"Mufasa\",\n                    slug: \"mufasa\",\n                    color: \"orange\",\n                    active: false\n                },\n                {\n                    name: \"Nala\",\n                    slug: \"nala\",\n                    color: \"purple\",\n                    active: false\n                },\n                {\n                    name: \"Rafiki\",\n                    slug: \"rafiki\",\n                    color: \"red\",\n                    active: false\n                },\n                {\n                    name: \"Zazu\",\n                    slug: \"zazu\",\n                    color: \"blue\",\n                    active: false\n                },\n                {\n                    name: \"Scar\",\n                    slug: \"scar\",\n                    color: \"darkGrey\",\n                    active: false\n                },\n                {\n                    name: \"Timon & Pumbaa\",\n                    slug: \"timonAndPumbaa\",\n                    color: \"green\",\n                    active: false\n                }\n            ],\n            pageList: [\n                {\n                    name: \"1/3 The Story\",\n                    slug: \"/interactive/the-story\",\n                    active: false\n                },\n                {\n                    name: \"2/3 Meet the Characters\",\n                    slug: \"/interactive/meet-the-characters\",\n                    active: true\n                },\n                {\n                    name: \"3/3 About The Production\",\n                    slug: \"/interactive/about-the-production\",\n                    active: false\n                },\n                // {\n                //     name: \"4/4 Fascinating Facts\",\n                //     slug: \"/interactive/fascinating-facts\",\n                //     active: false,\n                // }\n            ]\n        }\n    }\n\n    toggleScene = (scene) => {\n        this.setState({scene}, () => {\n            scrollToElement(`#${scene}Scene`, {\n                duration: 300\n            })\n        })\n\n    }\n\n    imagesLoaded = (isLoaded) => {\n        let imagesAreLoaded = this.state.imagesAreLoaded\n        let displayContent = this.state.displayContent\n\n        imagesAreLoaded.push(isLoaded)\n\n        if (isBrowser) {\n            if (imagesAreLoaded.length === 1) {\n                displayContent = true\n            }\n        } else {\n            displayContent = true\n        }\n\n        this.setState({imagesAreLoaded, displayContent})\n    }\n\n    render() {\n        return (\n            <LayoutInteractive slug=\"interactive/meet-the-characters\" title=\"Meet the Characters\">\n                <Menu\n                    sceneList={this.state.sceneList}\n                    activeSceneName={this.state.activeSceneName}\n                    pageList={this.state.pageList}\n                />\n                <ParallaxImage imagesAreLoaded={this.imagesLoaded} data={this.props.data}\n                               title=\"Meet the<br/ >characters\"/>\n\n                {this.state.displayContent &&\n                <React.Fragment>\n                    <MobileTitleBar className={this.state.scene === 'simba' ? 'hidden' : ''} color=\"yellow\" lessPadding\n                                    onClick={() => this.toggleScene('simba')}>\n                        <h2>Simba</h2>\n                    </MobileTitleBar>\n\n                    <Simba active={this.state.scene === 'simba'}/>\n\n                    <MobileTitleBar className={this.state.scene === 'mufasa' ? 'hidden' : ''} color=\"orange\" lessPadding\n                                    onClick={() => this.toggleScene('mufasa')}>\n                        <h2>Mufasa</h2>\n                    </MobileTitleBar>\n\n                    <Mufasa active={this.state.scene === 'mufasa'}/>\n\n                    <MobileTitleBar className={this.state.scene === 'nala' ? 'hidden' : ''} color=\"purple\" lessPadding\n                                    onClick={() => this.toggleScene('nala')}>\n                        <h2>Nala</h2>\n                    </MobileTitleBar>\n\n                    <Nala active={this.state.scene === 'nala'}/>\n\n                    <MobileTitleBar className={this.state.scene === 'rafiki' ? 'hidden' : ''} color=\"red\" textWhite\n                                    lessPadding onClick={() => this.toggleScene('rafiki')}>\n                        <h2>Rafiki</h2>\n                    </MobileTitleBar>\n\n                    <Rafiki active={this.state.scene === 'rafiki'}/>\n\n                    <MobileTitleBar className={this.state.scene === 'zazu' ? 'hidden' : ''} color=\"blue\" textWhite\n                                    lessPadding onClick={() => this.toggleScene('zazu')}>\n                        <h2>Zazu</h2>\n                    </MobileTitleBar>\n\n                    <Zazu active={this.state.scene === 'zazu'}/>\n\n                    <MobileTitleBar className={this.state.scene === 'scar' ? 'hidden' : ''} color=\"darkGrey\" textWhite\n                                    lessPadding onClick={() => this.toggleScene('scar')}>\n                        <h2>Scar</h2>\n                    </MobileTitleBar>\n\n                    <Scar active={this.state.scene === 'scar'}/>\n\n                    <MobileTitleBar className={this.state.scene === 'timonAndPumbaa' ? 'hidden' : ''} color=\"green\"\n                                    onClick={() => this.toggleScene('timonAndPumbaa')}>\n                        <h2>Timon & Pumbaa</h2>\n                    </MobileTitleBar>\n\n                    <TimonAndPumbaa active={this.state.scene === 'timonAndPumbaa'}/>\n                </React.Fragment>\n                }\n                <DownloadButton className=\"mx-auto mb-4 mt-5\" download target=\"_blank\" href=\"/pdfs/Disneys_The_Lion_King_Meet_The_Characters.pdf\">Download&nbsp;PDF <img src={IconDownload} alt=\"\" /></DownloadButton>\n            </LayoutInteractive>\n        )\n    }\n}\n\nexport default Query","export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n  return target;\n}"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","includes","key","call","join","module","exports","default","factory","__WEBPACK_EXTERNAL_MODULE__1__","__WEBPACK_EXTERNAL_MODULE__2__","modules","installedModules","moduleId","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","bind","n","object","property","p","s","offset","rect","containmentRect","offsetDir","direction","offsetVal","top","bottom","left","right","VisibilitySensor","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","react_dom__WEBPACK_IMPORTED_MODULE_1__","react_dom__WEBPACK_IMPORTED_MODULE_1___default","prop_types__WEBPACK_IMPORTED_MODULE_2__","prop_types__WEBPACK_IMPORTED_MODULE_2___default","_lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3__","_lib_is_visible_with_offset__WEBPACK_IMPORTED_MODULE_3___default","_typeof","obj","iterator","constructor","_defineProperties","target","props","descriptor","configurable","writable","_getPrototypeOf","setPrototypeOf","getPrototypeOf","__proto__","_assertThisInitialized","self","ReferenceError","_setPrototypeOf","_defineProperty","_React$Component","_this","instance","Constructor","TypeError","_classCallCheck","this","_possibleConstructorReturn","containment","window","event","delay","throttle","timeout","debounceCheck","later","check","info","fn","setTimeout","clearTimeout","getLastTimeout","addEventListener","interval","intervalCheck","setInterval","intervalDelay","scrollCheck","getContainer","scrollDelay","scrollThrottle","resizeCheck","resizeDelay","resizeThrottle","delayedCall","debounceEvent","debounceInfo","removeEventListener","clearInterval","el","node","state","undefined","width","height","normalizeRect","roundRectDown","getBoundingClientRect","containmentDOMRect","innerHeight","document","documentElement","clientHeight","innerWidth","clientWidth","visibilityRect","hasSize","isVisible","partialVisibility","partialVisible","minTopValue","console","warn","setState","onChange","protoProps","staticProps","subClass","superClass","_inherits","a","findDOMNode","active","startWatching","stopWatching","prevProps","Math","floor","children","Function","Children","only","Component","createElement","func","bool","oneOfType","oneOf","shape","number","instanceOf","Element","any","element","ReactPropTypesSecret","emptyFunction","emptyFunctionWithReset","resetWarningCache","shim","propName","componentName","location","propFullName","secret","err","Error","getShim","isRequired","ReactPropTypes","array","string","symbol","arrayOf","elementType","objectOf","exact","checkPropTypes","PropTypes","__webpack_require__","globalCssModule","setScrollbarWidth","padding","body","style","paddingRight","getOriginalBodyPadding","getComputedStyle","parseInt","getPropertyValue","conditionallyUpdateScrollbar","scrollbarWidth","scrollDiv","position","overflow","appendChild","offsetWidth","removeChild","getScrollbarWidth","fixedContent","querySelectorAll","bodyPadding","mapToCssModules","className","cssModule","split","map","omit","omitKeys","result","keys","forEach","indexOf","pick","pickKeys","warned","warnOnce","message","error","targetPropType","current","TransitionTimeouts","$$typeof","render","Fade","Collapse","Modal","Carousel","TransitionPropTypeKeys","TransitionStatuses","ENTERING","ENTERED","EXITING","EXITED","keyCodes","esc","space","enter","tab","up","down","home","end","canUseDOM","getTag","isObject","type","findDOMElements","isReactRefObj","tag","isFunction","selection","isArrayOrNodeList","els","getTarget","allElements","focusableElements","Absolute","styled","displayName","componentId","media","CopyBox","theme","colors","white","font","family","semiBold","copyOnMobile","css","step1","step2","ontop","copyVerticalPositionXs","copyVerticalPositionSm","copyVerticalPosition","copyVerticalPositionMd","noScroller","copyMdWidth","copyHorizontalPosition","copyHorizontalPositionMd","quote","yellow","color","quoteRed","quoteGreen","quoteOrange","defaultProps","HoldWrap","BgWrapper","BgImg","GatsbyImage","withConfig","HoldScene","_Component","_inheritsLoose","React","LazyLoad","once","image","bgImageSm","alt","title","bgImageMd","bgImageLg","bgImageXl","text","dangerouslySetInnerHTML","__html","IframeWrapper","allowFullScreen","allow","src","VModal","KalturaModal","isOpen","modalOpen","toggle","toggleModal","centered","ButtonClose","onClick","ModalBody","TrailerIframe","SwipeWrap","SwipeScene","notFullWidth","changeBg","textPosition","transparentBg","PlayButtonWrapper","PlayButtonContent","base","PlayButton","isPlayBtnVisible","e","preventDefault","_this2","video","copy","Relative","Wrapper","Simba","id","Controller","Scene","triggerElement","triggerHook","duration","pin","progress","TitleBar","absolute","Timeline","totalProgress","paused","Tween","from","y","ease","data","simbaAndFather","childImageSharp","gatsbyImageData","x","to","birds","opacity","bgStep2Sm","bgStep2Md","bgStep2Lg","bgStep2","simbaGrownUp","ButtonScroll","playBtn","StaticQuery","query","Mufasa","ref","mufasaScene","BgImage","play","ButtonSwipe","mufasaSwipe","Nala","characters","nalaHoldScene","ButtonHold","Rafiki","textWhite","scale","backgroundImage","bgStep1Sm","bgStep1Md","bgStep1Lg","bgStep1","Zazu","noTitleBar","Scar","scarStanding","TimonAndPumbaa","bugs","MobileTitleBar","scrollToElement","require","InteractivePage","toggleScene","scene","imagesLoaded","isLoaded","imagesAreLoaded","displayContent","isBrowser","activeSceneName","activePageName","sceneList","slug","pageList","LayoutInteractive","Menu","ParallaxImage","lessPadding","DownloadButton","download","href","IconDownload","_extends","assign","source","_objectWithoutPropertiesLoose","excluded","sourceKeys"],"sourceRoot":""}