header-bar
Version:
Basic header bar with RWD.
1 lines • 47.5 kB
JavaScript
module.exports=function(e){function a(t){if(r[t])return r[t].exports;var o=r[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,a),o.l=!0,o.exports}var r={};return a.m=e,a.c=r,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:t})},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},a.p="/",a(a.s=3)}([function(e,a){e.exports=require("react")},function(e,a){function r(e,a){var r=e[1]||"",o=e[3];if(!o)return r;if(a&&"function"==typeof btoa){var n=t(o);return[r].concat(o.sources.map(function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"})).concat([n]).join("\n")}return[r].join("\n")}function t(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var a=[];return a.toString=function(){return this.map(function(a){var t=r(a,e);return a[2]?"@media "+a[2]+"{"+t+"}":t}).join("")},a.i=function(e,r){"string"==typeof e&&(e=[[null,e,""]]);for(var t={},o=0;o<this.length;o++){var n=this[o][0];"number"==typeof n&&(t[n]=!0)}for(o=0;o<e.length;o++){var i=e[o];"number"==typeof i[0]&&t[i[0]]||(r&&!i[2]?i[2]=r:r&&(i[2]="("+i[2]+") and ("+r+")"),a.push(i))}},a}},function(e,a,r){function t(e,a){for(var r=0;r<e.length;r++){var t=e[r],o=b[t.id];if(o){o.refs++;for(var n=0;n<o.parts.length;n++)o.parts[n](t.parts[n]);for(;n<t.parts.length;n++)o.parts.push(p(t.parts[n],a))}else{for(var i=[],n=0;n<t.parts.length;n++)i.push(p(t.parts[n],a));b[t.id]={id:t.id,refs:1,parts:i}}}}function o(e,a){for(var r=[],t={},o=0;o<e.length;o++){var n=e[o],i=a.base?n[0]+a.base:n[0],l=n[1],d=n[2],s=n[3],p={css:l,media:d,sourceMap:s};t[i]?t[i].parts.push(p):r.push(t[i]={id:i,parts:[p]})}return r}function n(e,a){var r=m(e.insertInto);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var t=g[g.length-1];if("top"===e.insertAt)t?t.nextSibling?r.insertBefore(a,t.nextSibling):r.appendChild(a):r.insertBefore(a,r.firstChild),g.push(a);else if("bottom"===e.insertAt)r.appendChild(a);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=m(e.insertInto+" "+e.insertAt.before);r.insertBefore(a,o)}}function i(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var a=g.indexOf(e);a>=0&&g.splice(a,1)}function l(e){var a=document.createElement("style");return e.attrs.type="text/css",s(a,e.attrs),n(e,a),a}function d(e){var a=document.createElement("link");return e.attrs.type="text/css",e.attrs.rel="stylesheet",s(a,e.attrs),n(e,a),a}function s(e,a){Object.keys(a).forEach(function(r){e.setAttribute(r,a[r])})}function p(e,a){var r,t,o,n;if(a.transform&&e.css){if(!(n=a.transform(e.css)))return function(){};e.css=n}if(a.singleton){var s=y++;r=v||(v=l(a)),t=u.bind(null,r,s,!1),o=u.bind(null,r,s,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=d(a),t=h.bind(null,r,a),o=function(){i(r),r.href&&URL.revokeObjectURL(r.href)}):(r=l(a),t=c.bind(null,r),o=function(){i(r)});return t(e),function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap)return;t(e=a)}else o()}}function u(e,a,r,t){var o=r?"":t.css;if(e.styleSheet)e.styleSheet.cssText=w(a,o);else{var n=document.createTextNode(o),i=e.childNodes;i[a]&&e.removeChild(i[a]),i.length?e.insertBefore(n,i[a]):e.appendChild(n)}}function c(e,a){var r=a.css,t=a.media;if(t&&e.setAttribute("media",t),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function h(e,a,r){var t=r.css,o=r.sourceMap,n=void 0===a.convertToAbsoluteUrls&&o;(a.convertToAbsoluteUrls||n)&&(t=x(t)),o&&(t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([t],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}var b={},f=function(e){var a;return function(){return void 0===a&&(a=e.apply(this,arguments)),a}}(function(){return window&&document&&document.all&&!window.atob}),m=function(e){var a={};return function(r){if(void 0===a[r]){var t=e.call(this,r);if(t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}a[r]=t}return a[r]}}(function(e){return document.querySelector(e)}),v=null,y=0,g=[],x=r(9);e.exports=function(e,a){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");a=a||{},a.attrs="object"==typeof a.attrs?a.attrs:{},a.singleton||"boolean"==typeof a.singleton||(a.singleton=f()),a.insertInto||(a.insertInto="head"),a.insertAt||(a.insertAt="bottom");var r=o(e,a);return t(r,a),function(e){for(var n=[],i=0;i<r.length;i++){var l=r[i],d=b[l.id];d.refs--,n.push(d)}if(e){t(o(e,a),a)}for(var i=0;i<n.length;i++){var d=n[i];if(0===d.refs){for(var s=0;s<d.parts.length;s++)d.parts[s]();delete b[d.id]}}}};var w=function(){var e=[];return function(a,r){return e[a]=r,e.filter(Boolean).join("\n")}}()},function(e,a,r){e.exports=r(4)},function(e,a,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}function o(e){if(Array.isArray(e)){for(var a=0,r=Array(e.length);a<e.length;a++)r[a]=e[a];return r}return Array.from(e)}function n(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function i(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}function l(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}var d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},s=function(){function e(e,a){for(var r=0;r<a.length;r++){var t=a[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(a,r,t){return r&&e(a.prototype,r),t&&e(a,t),a}}(),p=r(0),u=t(p),c=r(5),h=t(c),b=r(6),f=t(b),m=r(10),v=t(m),y=r(13),g=t(y),x=r(16),w=t(x);r(20);var k=function(e){function a(e){n(this,a);var r=i(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));return r.state={isMenuOpen:!1,isSubmenuOpen:!1,submenuOpenKey:"",submenuRight:0,shouldDisplaySmallStyle:!1,isDisplayStyleUpdated:!1,collapseMenuSubmenuHeight:0,collapseMenuSubmenuId:Math.random()},r.openMenu=r.openMenu.bind(r),r.closeMenu=r.closeMenu.bind(r),r.openSubmenu=r.openSubmenu.bind(r),r.closeSubmenu=r.closeSubmenu.bind(r),r.closeSubmenuFromWrapper=r.closeSubmenuFromWrapper.bind(r),r.updateShouldDisplaySmallStyle=r.updateShouldDisplaySmallStyle.bind(r),r}return l(a,e),s(a,[{key:"getSubmenuElement",value:function(e){for(var a=void 0,r=e;!a&&r;)a=r.className.match("submenu-button")?r:void 0,r=r.parentNode;return a}},{key:"openMenu",value:function(){this.setState({isMenuOpen:!0})}},{key:"closeMenu",value:function(){this.setState({isMenuOpen:!1})}},{key:"closeSubmenu",value:function(e){this.setState({isSubmenuOpen:!1})}},{key:"closeSubmenuFromWrapper",value:function(e){e.target.className.match("header-bar-submenu-wrapper")&&this.closeSubmenu()}},{key:"openSubmenu",value:function(e){var a=this.getSubmenuElement(e.target);if(a){var r=a.getBoundingClientRect();this.setState({isSubmenuOpen:!0,submenuOpenKey:a.getAttribute("data-submenu_key"),submenuRight:window.innerWidth-r.right})}}},{key:"componentDidUpdate",value:function(){var e=this.state,a=e.isSubmenuOpen,r=e.collapseMenuSubmenuHeight,t=e.collapseMenuSubmenuId,o=document.getElementById(t),n=0;if(a&&o){n=o.getBoundingClientRect().height}1<Math.abs(n-r)&&this.setState({collapseMenuSubmenuHeight:n})}},{key:"updateShouldDisplaySmallStyle",value:function(){var e=this.navs.getBoundingClientRect().width;Array.prototype.filter.call(this.navs.children,function(e){return"header-bar-nav-item"===e.className}).reduce(function(e,a){return e+(a.getBoundingClientRect().width+20)},0)>e&&!this.state.shouldDisplaySmallStyle&&this.setState({shouldDisplaySmallStyle:!0}),this.state.isDisplayStyleUpdated||this.setState({isDisplayStyleUpdated:!0})}},{key:"componentDidMount",value:function(){new h.default(this.navs,this.updateShouldDisplaySmallStyle),this.updateShouldDisplaySmallStyle()}},{key:"render",value:function(){var e=this,a=this.props,r=a.style,t=a.logo,n=a.hamburger,i=a.menuCloser,l=this.state,s=l.isMenuOpen,p=l.isSubmenuOpen,c=l.submenuOpenKey,h=l.submenuRight,b=l.shouldDisplaySmallStyle,m=l.isDisplayStyleUpdated,y=(l.collapseMenuSubmenuHeight,l.collapseMenuSubmenuId,this.props.children);y.length||(y=[y]),y=y.reduce(function(e,a){return a.length?[].concat(o(e),o(a)):[].concat(o(e),[a])},[]);var x=y.filter(function(e){return e.props["data-logo"]})[0],k=y.filter(function(e){return e.props["data-nav"]||e.props["data-childnav"]}),A=y.filter(function(e){return e.props["data-subnav"]}),I=y.filter(function(e){return e.props["data-submenu_button"]||e.props["data-button"]}),S=y.filter(function(e){return e.props["data-submenu_button"]}),E=S.filter(function(e){return c===e.props["data-submenu_key"]})[0],O=y.filter(function(e){return e.props["data-submenu_item"]&&c===e.props["data-submenu_key"]}).reduce(function(e,a){return e[a.props["data-submenu_position"]||"body"].push(a),e},{header:[],body:[],footer:[]}),M=b?" header-bar-small":"",z=m?"":" header-bar-transparent",j=void 0;return E&&(j="list"===E.props["data-submenu_type"]?u.default.createElement(w.default,{headerItem:O.header[0],bodyItems:O.body,style:{right:h},close:this.closeSubmenu}):u.default.createElement(g.default,{headerItems:O.header,bodyItems:O.body,footerItems:O.footer,style:{right:h}})),u.default.createElement("div",{className:"header-bar"+M+z,style:r},t&&!x&&u.default.createElement("img",d({className:"header-bar-logo "+t.className},t)),!!x&&u.default.createElement("div",{className:"header-bar-logo"},x),u.default.createElement("nav",{className:"header-bar-nav",ref:function(a){return e.navs=a}},k.filter(function(e){return!e.props["data-childnav"]}).map(function(e,a){return u.default.createElement(f.default,{nav:e,key:a})})),u.default.createElement("nav",{className:"header-bar-subnav"},A.map(function(e,a){return u.default.createElement(v.default,{nav:e,key:a})})),I.map(function(a,r){if(a.props["data-button"])return u.default.createElement("div",{className:"header-bar-button",key:r,role:"button"},a);var t=a.props["data-submenu_key"],o=p&&c===t;return u.default.createElement("div",{className:"header-bar-submenu-button"+(o?" header-bar-open":" header-bar-close"),key:r,onClick:o?e.closeSubmenu:e.openSubmenu,role:"button","data-submenu_key":t},a)}),p&&u.default.createElement("div",{className:"header-bar-submenu-wrapper",onClick:this.closeSubmenuFromWrapper},j),u.default.createElement("div",{className:"header-bar-collapse"},u.default.createElement("div",{className:"header-bar-collapse-placeholder"}),I.map(function(a,r){if(a.props["data-button"])return u.default.createElement("div",{className:"header-bar-collapse-button",key:r,role:"button"},a);var t=a.props["data-submenu_key"],o=p&&c===t;return u.default.createElement("div",{className:"header-bar-collapse-submenu-button"+(o?" header-bar-open":" header-bar-close"),key:r,onClick:o?e.closeSubmenu:e.openSubmenu,role:"button","data-submenu_key":t},a)}),!!n&&u.default.createElement("img",d({},n,{className:"header-bar-collapse-hamburger",role:"button",onClick:this.openMenu})),!n&&u.default.createElement("div",{className:"header-bar-collapse-hamburger",role:"button",onClick:this.openMenu},"≡")),s&&u.default.createElement("div",{className:"header-bar-collapse-menu-wrapper"},u.default.createElement("div",{className:"header-bar-collapse-menu-frame",role:"button",onClick:this.closeMenu}),u.default.createElement("div",{className:"header-bar-collapse-menu"},u.default.createElement("div",{className:"header-bar-collapse-menu-header"},!!i&&u.default.createElement("img",d({},i,{className:"header-bar-collapse-menu-closer",role:"button",onClick:this.closeMenu})),!i&&u.default.createElement("div",{className:"header-bar-collapse-menu-closer",role:"button",onClick:this.closeMenu},"✖︎")),u.default.createElement("nav",{className:"header-bar-collapse-menu-nav"},k.map(function(e,a){return e.props["data-childnav"]?u.default.createElement("div",{className:"header-bar-collapse-childnav-item",key:a},e):u.default.createElement("div",{className:"header-bar-collapse-nav-item",key:a},u.default.createElement("span",{className:"header-bar-collapse-nav-item-left-bar",style:{backgroundColor:e.props["data-color"]}}),e)})),u.default.createElement("nav",{className:"header-bar-collapse-menu-subnav"},A.map(function(e,a){return u.default.createElement("div",{className:"header-bar-collapse-subnav-item",key:a},e)})))))}}]),a}(u.default.Component);e.exports=k},function(e,a,r){var t,o;!function(n,i){t=i,void 0!==(o="function"==typeof t?t.call(a,r,a,e):t)&&(e.exports=o)}(0,function(){function e(e,a){var r=Object.prototype.toString.call(e),t="[object Array]"===r||"[object NodeList]"===r||"[object HTMLCollection]"===r||"[object Object]"===r||"undefined"!=typeof jQuery&&e instanceof jQuery||"undefined"!=typeof Elements&&e instanceof Elements,o=0,n=e.length;if(t)for(;o<n;o++)a(e[o]);else a(e)}if("undefined"==typeof window)return null;var a=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(e){return window.setTimeout(e,20)},r=function(t,o){function n(){var e=[];this.add=function(a){e.push(a)};var a,r;this.call=function(){for(a=0,r=e.length;a<r;a++)e[a].call()},this.remove=function(t){var o=[];for(a=0,r=e.length;a<r;a++)e[a]!==t&&o.push(e[a]);e=o},this.length=function(){return e.length}}function i(e,a){return e.currentStyle?e.currentStyle[a]:window.getComputedStyle?window.getComputedStyle(e,null).getPropertyValue(a):e.style[a]}function l(e,r){if(e.resizedAttached){if(e.resizedAttached)return void e.resizedAttached.add(r)}else e.resizedAttached=new n,e.resizedAttached.add(r);e.resizeSensor=document.createElement("div"),e.resizeSensor.className="resize-sensor";var t="position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;",o="position: absolute; left: 0; top: 0; transition: 0s;";e.resizeSensor.style.cssText=t,e.resizeSensor.innerHTML='<div class="resize-sensor-expand" style="'+t+'"><div style="'+o+'"></div></div><div class="resize-sensor-shrink" style="'+t+'"><div style="'+o+' width: 200%; height: 200%"></div></div>',e.appendChild(e.resizeSensor),"static"==i(e,"position")&&(e.style.position="relative");var l,d,s,p,u=e.resizeSensor.childNodes[0],c=u.childNodes[0],h=e.resizeSensor.childNodes[1],b=e.offsetWidth,f=e.offsetHeight,m=function(){c.style.width="100000px",c.style.height="100000px",u.scrollLeft=1e5,u.scrollTop=1e5,h.scrollLeft=1e5,h.scrollTop=1e5};m();var v=function(){d=0,l&&(b=s,f=p,e.resizedAttached&&e.resizedAttached.call())},y=function(){s=e.offsetWidth,p=e.offsetHeight,l=s!=b||p!=f,l&&!d&&(d=a(v)),m()},g=function(e,a,r){e.attachEvent?e.attachEvent("on"+a,r):e.addEventListener(a,r)};g(u,"scroll",y),g(h,"scroll",y)}e(t,function(e){l(e,o)}),this.detach=function(e){r.detach(t,e)}};return r.detach=function(a,r){e(a,function(e){e.resizedAttached&&"function"==typeof r&&(e.resizedAttached.remove(r),e.resizedAttached.length())||e.resizeSensor&&(e.contains(e.resizeSensor)&&e.removeChild(e.resizeSensor),delete e.resizeSensor,delete e.resizedAttached)})},r})},function(e,a,r){"use strict";function t(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function o(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}function n(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}var i=function(){function e(e,a){for(var r=0;r<a.length;r++){var t=a[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(a,r,t){return r&&e(a.prototype,r),t&&e(a,t),a}}(),l=r(0),d=function(e){return e&&e.__esModule?e:{default:e}}(l);r(7);var s=function(e){function a(e){t(this,a);var r=o(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));return r.state={isHovered:!1},r.onMouseEnter=r.onMouseEnter.bind(r),r.onMouseLeave=r.onMouseLeave.bind(r),r}return n(a,e),i(a,[{key:"onMouseEnter",value:function(e){this.setState({isHovered:!0})}},{key:"onMouseLeave",value:function(e){this.setState({isHovered:!1})}},{key:"render",value:function(){var e=this.props.nav,a=this.state.isHovered,r={borderBottom:"3px solid "+e.props["data-color"]},t=location.href.match(e.props["data-match"]);t&&(r.backgroundColor=e.props["data-color"]),a&&!t&&(r.color=e.props["data-color"]);var o=e;return e.type,d.default.createElement("div",{className:"header-bar-nav-item",style:r,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onFocus:this.onMouseEnter,onBlur:this.onMouseLeave},o)}}]),a}(d.default.Component);e.exports=s},function(e,a,r){var t=r(8);"string"==typeof t&&(t=[[e.i,t,""]]);var o={hmr:!0};o.transform=void 0;r(2)(t,o);t.locals&&(e.exports=t.locals)},function(e,a,r){a=e.exports=r(1)(!1),a.push([e.i,"@-webkit-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-moz-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-ms-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-o-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-webkit-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-moz-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-ms-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-o-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-moz-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-ms-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-o-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}div.header-bar-nav-item{display:inline-block;margin-right:20px;height:37px;color:#fff}div.header-bar-nav-item a{display:inline-block;padding:0 8px;font-size:12px;color:inherit;line-height:37px;transition:color .6s ease}div.header-bar-nav-item a:hover{font-weight:400}",""])},function(e,a){e.exports=function(e){var a="undefined"!=typeof window&&window.location;if(!a)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var r=a.protocol+"//"+a.host,t=r+a.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,a){var o=a.trim().replace(/^"(.*)"$/,function(e,a){return a}).replace(/^'(.*)'$/,function(e,a){return a});if(/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(o))return e;var n;return n=0===o.indexOf("//")?o:0===o.indexOf("/")?r+o:t+o.replace(/^\.\//,""),"url("+JSON.stringify(n)+")"})}},function(e,a,r){"use strict";function t(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function o(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}function n(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}var i=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l=function(){function e(e,a){for(var r=0;r<a.length;r++){var t=a[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(a,r,t){return r&&e(a.prototype,r),t&&e(a,t),a}}(),d=r(0),s=function(e){return e&&e.__esModule?e:{default:e}}(d);r(11);var p=function(e){function a(e){t(this,a);var r=o(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));return r.state={isHovered:!1},r.onMouseEnter=r.onMouseEnter.bind(r),r.onMouseLeave=r.onMouseLeave.bind(r),r}return n(a,e),l(a,[{key:"onMouseEnter",value:function(e){this.setState({isHovered:!0})}},{key:"onMouseLeave",value:function(e){this.setState({isHovered:!1})}},{key:"render",value:function(){var e=this.props.nav,a=this.state.isHovered,r={},t=e;return a&&(r.color=t.props["data-color"],"img"===t.props.children.type&&(t=s.default.cloneElement(e,void 0,s.default.createElement("img",i({},t.props.children.props,{style:{backgroundColor:t.props["data-color"]}}),t.props.children.props.children)))),s.default.createElement("div",{className:"header-bar-subnav-item",style:r,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onFocus:this.onMouseEnter,onBlur:this.onMouseLeave},t)}}]),a}(s.default.Component);e.exports=p},function(e,a,r){var t=r(12);"string"==typeof t&&(t=[[e.i,t,""]]);var o={hmr:!0};o.transform=void 0;r(2)(t,o);t.locals&&(e.exports=t.locals)},function(e,a,r){a=e.exports=r(1)(!1),a.push([e.i,"@-webkit-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-moz-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-ms-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-o-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-webkit-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-moz-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-ms-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-o-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-moz-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-ms-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-o-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}div.header-bar-subnav-item{display:inline-block;margin-left:5px;height:100%;color:#fff}div.header-bar-subnav-item a{display:inline-block;padding:0 8px;font-size:12px;color:inherit;line-height:40px;transition:color .6s ease}div.header-bar-subnav-item a:hover{font-weight:400}div.header-bar-subnav-item a img{border-radius:2px;width:auto;height:1.5em;vertical-align:middle;transition:background-color .6s ease}",""])},function(e,a,r){"use strict";function t(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function o(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}function n(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}var i=function(){function e(e,a){for(var r=0;r<a.length;r++){var t=a[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(a,r,t){return r&&e(a.prototype,r),t&&e(a,t),a}}(),l=r(0),d=function(e){return e&&e.__esModule?e:{default:e}}(l);r(14);var s=function(e){function a(e){return t(this,a),o(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e))}return n(a,e),i(a,[{key:"render",value:function(){var e=this.props,a=e.headerItems,r=e.bodyItems,t=e.footerItems,o=e.style;return d.default.createElement("div",{className:"header-bar-submenu",style:o},!!a.length&&d.default.createElement("div",{className:"header-bar-submenu-header"},a.map(function(e,a){return d.default.createElement("div",{className:"header-bar-submenu-item",key:a},e)})),d.default.createElement("div",{className:"header-bar-submenu-body"},r.map(function(e,a){return d.default.createElement("div",{className:"header-bar-submenu-item",key:a},e)})),!!t.length&&d.default.createElement("div",{className:"header-bar-submenu-footer"},t.map(function(e,a){return d.default.createElement("div",{className:"header-bar-submenu-item",key:a},e)})))}}]),a}(d.default.Component);e.exports=s},function(e,a,r){var t=r(15);"string"==typeof t&&(t=[[e.i,t,""]]);var o={hmr:!0};o.transform=void 0;r(2)(t,o);t.locals&&(e.exports=t.locals)},function(e,a,r){a=e.exports=r(1)(!1),a.push([e.i,'@-webkit-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-moz-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-ms-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-o-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-webkit-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-moz-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-ms-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-o-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-moz-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-ms-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-o-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}div.header-bar-submenu{display:inline-block;position:absolute;border-radius:2px;padding:5px 15px;right:0;top:0;background-color:#ddd;color:#000;font-size:14px;font-weight:500;text-align:center;white-space:nowrap;cursor:default}div.header-bar-submenu:before{content:"";position:absolute;top:-.6em;right:1.2em;border-right:.6em solid hsla(0,0%,88%,0);border-left:.6em solid hsla(0,0%,88%,0);border-bottom:.6em solid #ddd}div.header-bar-submenu div.header-bar-submenu-header{border-bottom:1px solid #000}div.header-bar-submenu div.header-bar-submenu-footer{border-top:1px solid #000}div.header-bar-submenu div.header-bar-submenu-item{padding:.8em 1em}',""])},function(e,a,r){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}function o(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}function n(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}function i(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}var l=function(){function e(e,a){for(var r=0;r<a.length;r++){var t=a[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}return function(a,r,t){return r&&e(a.prototype,r),t&&e(a,t),a}}(),d=r(0),s=t(d);r(17);var p=r(19),u=t(p),c=function(e){function a(e){o(this,a);var r=n(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,e));return r.onWindowScroll=r.onWindowScroll.bind(r),r}return i(a,e),l(a,[{key:"onWindowScroll",value:function(e){0>this.base.getBoundingClientRect().bottom&&this.props.close()}},{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.onWindowScroll,!1)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.onWindowScroll,!1)}},{key:"render",value:function(){var e=this,a=this.props,r=a.headerItem,t=a.bodyItems,o=a.style,n=a.close;return s.default.createElement("div",{className:"header-bar-list-submenu",style:o,ref:function(a){e.base=a}},s.default.createElement("div",{className:"header-bar-list-submenu-header"},s.default.createElement("div",{className:"header-bar-list-submenu-item"},r),s.default.createElement("img",{className:"header-bar-list-submenu-header-close-button",src:u.default,role:"button",onClick:n})),s.default.createElement("div",{className:"header-bar-list-submenu-body"},t.map(function(e,a){return s.default.createElement("div",{className:"header-bar-list-submenu-item",key:a},e)})))}}]),a}(s.default.Component);e.exports=c},function(e,a,r){var t=r(18);"string"==typeof t&&(t=[[e.i,t,""]]);var o={hmr:!0};o.transform=void 0;r(2)(t,o);t.locals&&(e.exports=t.locals)},function(e,a,r){a=e.exports=r(1)(!1),a.push([e.i,'@-webkit-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-moz-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-ms-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-o-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-webkit-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-moz-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-ms-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-o-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-moz-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-ms-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-o-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}div.header-bar-list-submenu{display:flex;flex-direction:column;position:absolute;border-radius:2px;border:1px solid #cecece;right:0;top:0;width:320px;max-height:calc(50% - 40px);background-color:#7d7d7d;color:#000;font-weight:500;cursor:default}div.header-bar-list-submenu:before{content:"";position:absolute;top:-.6em;right:1.2em;border-right:.6em solid hsla(0,0%,88%,0);border-left:.6em solid hsla(0,0%,88%,0);border-bottom:.6em solid #cecece}div.header-bar-list-submenu div.header-bar-list-submenu-header{flex:none;display:flex;background-color:#cecece;padding:.5em 1em;font-size:14px;font-weight:800}div.header-bar-list-submenu div.header-bar-list-submenu-header div.header-bar-list-submenu-item{flex:auto}div.header-bar-list-submenu div.header-bar-list-submenu-header img.header-bar-list-submenu-header-close-button{display:none}div.header-bar-list-submenu div.header-bar-list-submenu-body{flex:auto;overflow:auto}div.header-bar-list-submenu div.header-bar-list-submenu-body div.header-bar-list-submenu-item{border-top:1px solid #cecece;padding:1em;font-size:12px;color:#fff}@media (max-width:767px){div.header-bar-list-submenu{position:relative;top:20px;right:auto!important;margin:auto;width:80%;max-width:480px;max-height:calc(50% - 40px)}div.header-bar-list-submenu:before{display:none}div.header-bar-list-submenu div.header-bar-list-submenu-header img.header-bar-list-submenu-header-close-button{flex:none;display:block;height:20px;width:auto;cursor:pointer}}',""])},function(e,a){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH6NKgYAAAAMdFJOUwDvz58wYBCPr79AcJKpIwMAAAEcSURBVEjHfdW7DcMwDARQAk6ROnVqb5DOjTfwCBkko6TJKgFchUNF1s+SyDu3Nh4g6o4WeQh5pk0m3cgHyy4v3QmgKqsSYtGvXO6YCMAsjAjAUwiRAEIkABMFgEQBEHECgDgBn2gBl2gBj+gBh+gBS4yAIUZgJCwwEBboCQ/oCA9oCR9oCB84CQRUAgGFwEAmMJAIBkTiTYBIUCASDBC5qv7Y+3AEpfsiHEHZvjhm8GHEMQO2L9IQyb5IQyREvgVIlFuARL1GQJzXCIgmBy7R5sAluiA5RB8khxiSaIgxiYYwUR4IG+WBcLrQEV4XOsItU0P4ZWoI0MZKoDZWAtY5E7jOmSD7IBJsH0Tixeq8xl/zzPZF+DXf2D5Y5z/z7uqD1hU7SwAAAABJRU5ErkJggg=="},function(e,a,r){var t=r(21);"string"==typeof t&&(t=[[e.i,t,""]]);var o={hmr:!0};o.transform=void 0;r(2)(t,o);t.locals&&(e.exports=t.locals)},function(e,a,r){a=e.exports=r(1)(!1),a.push([e.i,'@-webkit-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-moz-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-ms-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-o-keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@keyframes fadeInHalf{0%{opacity:0}to{opacity:.5}}@-webkit-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-moz-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-ms-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-o-keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@keyframes fadeIn{0%{top:-15px;opacity:0}to{top:0;opacity:1}}@-webkit-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-moz-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-ms-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@-o-keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}@keyframes submenuFadeIn{0%{right:-15px;opacity:0}to{right:0;opacity:1}}div.header-bar{position:absolute;display:flex;background-color:#000;height:40px;width:100%;top:0;left:0;font-weight:300;letter-spacing:2px;color:#fff}div.header-bar a{color:inherit}div.header-bar a,div.header-bar a:hover,div.header-bar a:visited{text-decoration:none}div.header-bar a:focus{outline:none;text-decoration:none}div.header-bar:after,div.header-bar:before{flex:none;width:30px;content:""}div.header-bar.header-bar-small:after,div.header-bar.header-bar-small:before{flex:none;width:20px;content:""}div.header-bar.header-bar-small div.header-bar-button,div.header-bar.header-bar-small div.header-bar-submenu-button,div.header-bar.header-bar-small nav.header-bar-nav,div.header-bar.header-bar-small nav.header-bar-subnav{display:none}div.header-bar.header-bar-small div.header-bar-collapse{display:flex;flex:auto;text-align:right}div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-placeholder{flex:auto}div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-button,div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-submenu-button{padding:0 10px;font-size:14px;height:100%;cursor:pointer;transition:background-color .6s ease}div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-button.header-bar-open,div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-submenu-button.header-bar-open{background-color:dimgray}div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-button *,div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-submenu-button *{line-height:40px}div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-button img,div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-submenu-button img{border-radius:2px;width:auto;height:1.2em;margin-right:5px;vertical-align:middle}div.header-bar.header-bar-small div.header-bar-collapse img.header-bar-collapse-hamburger{flex:none;width:25px;padding-left:10px;cursor:pointer}div.header-bar.header-bar-small div.header-bar-collapse div.header-bar-collapse-hamburger{flex:none;display:inline-block;font-size:27px;cursor:pointer}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper{display:block;position:fixed;width:100%;height:100%;top:0;left:0}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu-frame{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.5;cursor:pointer;-webkit-animation:fadeInHalf .6s ease 0s;-moz-animation:fadeInHalf .6s ease 0s;-ms-animation:fadeInHalf .6s ease 0s;-o-animation:fadeInHalf .6s ease 0s;animation:fadeInHalf .6s ease 0s}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu{display:flex;flex-direction:column;position:absolute;max-width:100%;min-height:400px;max-height:100%;right:0;top:0;background-color:#0c0c0c;line-height:2.5em;-webkit-animation:fadeIn .6s ease 0s;-moz-animation:fadeIn .6s ease 0s;-ms-animation:fadeIn .6s ease 0s;-o-animation:fadeIn .6s ease 0s;animation:fadeIn .6s ease 0s}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu div.header-bar-collapse-menu-header{flex:none;display:flex;padding-left:15px;align-items:center;border-bottom:5px solid #ddd;height:40px}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu div.header-bar-collapse-menu-header div.header-bar-collapse-menu-closer{flex:none;margin-left:auto;margin-right:20px;font-size:24px;line-height:40px;cursor:pointer}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu div.header-bar-collapse-menu-header img.header-bar-collapse-menu-closer{flex:0;width:auto;height:24px;margin-left:auto;margin-right:20px;cursor:pointer}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav{flex:auto;padding:20px 15px;overflow:scroll}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item{padding:30px 0 10px;color:#fff;height:20px}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item:first-of-type{padding-top:0}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item span.header-bar-collapse-nav-item-left-bar{display:inline-block;width:2px;height:20px;background-color:gray;vertical-align:top}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item a{display:inline;padding-left:7px;color:inherit;font-size:20px;line-height:20px;vertical-align:top}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-childnav-item{padding:5px 0 5px 25px;font-size:16px;color:#fff}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-childnav-item img:first-of-type{margin-right:.5em;width:auto;height:2em;vertical-align:middle}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-childnav-item a{display:block;padding-left:7px;color:inherit;line-height:20px}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav{flex:none;padding:20px 45px;text-align:center}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav div.header-bar-collapse-subnav-item{display:inline-block;border-radius:6px;margin:0 10px;height:28px;vertical-align:bottom}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav div.header-bar-collapse-subnav-item a{display:inline-block;height:28px;width:100%;font-size:28px;line-height:28px;color:#fff}div.header-bar.header-bar-small div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav div.header-bar-collapse-subnav-item a img{height:100%;width:auto}div.header-bar.header-bar-transparent nav.header-bar-nav,div.header-bar.header-bar-transparent nav.header-bar-subnav{opacity:0}div.header-bar img.header-bar-logo{flex:none;margin-right:28px;padding:10px 0;height:20px;width:auto}div.header-bar div.header-bar-logo{flex:none;margin-right:28px}div.header-bar div.header-bar-logo a,div.header-bar div.header-bar-logo img{padding:10px 0;height:20px;width:auto}div.header-bar nav.header-bar-nav{flex:auto}div.header-bar nav.header-bar-subnav{flex:none}div.header-bar div.header-bar-button,div.header-bar div.header-bar-submenu-button{padding:0 10px;font-size:14px;height:100%;cursor:pointer;transition:background-color .6s ease}div.header-bar div.header-bar-button.header-bar-open,div.header-bar div.header-bar-submenu-button.header-bar-open{background-color:dimgray}div.header-bar div.header-bar-button *,div.header-bar div.header-bar-submenu-button *{line-height:40px}div.header-bar div.header-bar-button img,div.header-bar div.header-bar-submenu-button img{border-radius:2px;width:auto;height:1.2em;margin-right:5px;vertical-align:middle}div.header-bar div.header-bar-submenu-wrapper{position:absolute;top:40px;width:100%;height:calc(100vh - 40px);background-color:transparent;cursor:pointer}div.header-bar div.header-bar-collapse,div.header-bar div.header-bar-collapse-menu-wrapper{display:none}@media (max-width:767px){div.header-bar:after,div.header-bar:before{flex:none;width:20px;content:""}div.header-bar div.header-bar-button,div.header-bar div.header-bar-submenu-button,div.header-bar nav.header-bar-nav,div.header-bar nav.header-bar-subnav{display:none}div.header-bar div.header-bar-collapse{display:flex;flex:auto;text-align:right}div.header-bar div.header-bar-collapse div.header-bar-collapse-placeholder{flex:auto}div.header-bar div.header-bar-collapse div.header-bar-collapse-button,div.header-bar div.header-bar-collapse div.header-bar-collapse-submenu-button{padding:0 10px;font-size:14px;height:100%;cursor:pointer;transition:background-color .6s ease}div.header-bar div.header-bar-collapse div.header-bar-collapse-button.header-bar-open,div.header-bar div.header-bar-collapse div.header-bar-collapse-submenu-button.header-bar-open{background-color:dimgray}div.header-bar div.header-bar-collapse div.header-bar-collapse-button *,div.header-bar div.header-bar-collapse div.header-bar-collapse-submenu-button *{line-height:40px}div.header-bar div.header-bar-collapse div.header-bar-collapse-button img,div.header-bar div.header-bar-collapse div.header-bar-collapse-submenu-button img{border-radius:2px;width:auto;height:1.2em;margin-right:5px;vertical-align:middle}div.header-bar div.header-bar-collapse img.header-bar-collapse-hamburger{flex:none;width:25px;padding-left:10px;cursor:pointer}div.header-bar div.header-bar-collapse div.header-bar-collapse-hamburger{flex:none;display:inline-block;font-size:27px;cursor:pointer}div.header-bar div.header-bar-collapse-menu-wrapper{display:block;position:fixed;width:100%;height:100%;top:0;left:0}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu-frame{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.5;cursor:pointer;-webkit-animation:fadeInHalf .6s ease 0s;-moz-animation:fadeInHalf .6s ease 0s;-ms-animation:fadeInHalf .6s ease 0s;-o-animation:fadeInHalf .6s ease 0s;animation:fadeInHalf .6s ease 0s}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu{display:flex;flex-direction:column;position:absolute;max-width:100%;min-height:400px;max-height:100%;right:0;top:0;background-color:#0c0c0c;line-height:2.5em;-webkit-animation:fadeIn .6s ease 0s;-moz-animation:fadeIn .6s ease 0s;-ms-animation:fadeIn .6s ease 0s;-o-animation:fadeIn .6s ease 0s;animation:fadeIn .6s ease 0s}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu div.header-bar-collapse-menu-header{flex:none;display:flex;padding-left:15px;align-items:center;border-bottom:5px solid #ddd;height:40px}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu div.header-bar-collapse-menu-header div.header-bar-collapse-menu-closer{flex:none;margin-left:auto;margin-right:20px;font-size:24px;line-height:40px;cursor:pointer}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu div.header-bar-collapse-menu-header img.header-bar-collapse-menu-closer{flex:0;width:auto;height:24px;margin-left:auto;margin-right:20px;cursor:pointer}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav{flex:auto;padding:20px 15px;overflow:scroll}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item{padding:30px 0 10px;color:#fff;height:20px}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item:first-of-type{padding-top:0}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item span.header-bar-collapse-nav-item-left-bar{display:inline-block;width:2px;height:20px;background-color:gray;vertical-align:top}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-nav-item a{display:inline;padding-left:7px;color:inherit;font-size:20px;line-height:20px;vertical-align:top}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-childnav-item{padding:5px 0 5px 25px;font-size:16px;color:#fff}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-childnav-item img:first-of-type{margin-right:.5em;width:auto;height:2em;vertical-align:middle}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-nav div.header-bar-collapse-childnav-item a{display:block;padding-left:7px;color:inherit;line-height:20px}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav{flex:none;padding:20px 45px;text-align:center}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav div.header-bar-collapse-subnav-item{display:inline-block;border-radius:6px;margin:0 10px;height:28px;vertical-align:bottom}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav div.header-bar-collapse-subnav-item a{display:inline-block;height:28px;width:100%;font-size:28px;line-height:28px;color:#fff}div.header-bar div.header-bar-collapse-menu-wrapper div.header-bar-collapse-menu nav.header-bar-collapse-menu-subnav div.header-bar-collapse-subnav-item a img{height:100%;width:auto}}',""])}]);