зеркало из https://github.com/mozilla/hubs.git
1 строка
153 KiB
JavaScript
1 строка
153 KiB
JavaScript
"use strict";(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[2390],{"./src/react-components/input/CloseButton.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{P:()=>CloseButton_CloseButton});__webpack_require__("./node_modules/react/index.js");var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),IconButton=__webpack_require__("./src/react-components/input/IconButton.js"),Close=__webpack_require__("./src/react-components/icons/Close.svg"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),CloseButton=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/input/CloseButton.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(CloseButton.Z,options);const input_CloseButton=CloseButton.Z&&CloseButton.Z.locals?CloseButton.Z.locals:void 0;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["lg","className"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function CloseButton_CloseButton(_ref){let{lg,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsx)(IconButton.h,_objectSpread(_objectSpread({className:classnames_default()({[input_CloseButton.lg]:lg},className)},rest),{},{children:(0,jsx_runtime.jsx)(Close.r,{width:16,height:16})}))}CloseButton_CloseButton.displayName="CloseButton",CloseButton_CloseButton.propTypes={className:prop_types_default().string,lg:prop_types_default().bool},CloseButton_CloseButton.__docgenInfo={description:"",methods:[],displayName:"CloseButton",props:{className:{description:"",type:{name:"string"},required:!1},lg:{description:"",type:{name:"bool"},required:!1}}}},"./src/react-components/layout/Center.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{M:()=>Center_Center});__webpack_require__("./node_modules/react/index.js");var prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Center=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Center.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Center.Z,options);const layout_Center=Center.Z&&Center.Z.locals?Center.Z.locals:void 0;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["children","className"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Center_Center(_ref){let{children,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsx)("div",_objectSpread(_objectSpread({className:classnames_default()(layout_Center.center,className)},rest),{},{children}))}Center_Center.displayName="Center",Center_Center.propTypes={children:prop_types_default().node,className:prop_types_default().string},Center_Center.__docgenInfo={description:"",methods:[],displayName:"Center",props:{children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./src/react-components/layout/Page.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{T:()=>Page_Page});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Page=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Page.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Page.Z,options);Page.Z&&Page.Z.locals&&Page.Z.locals;var message=__webpack_require__("./node_modules/react-intl/lib/src/components/message.js"),index_es=__webpack_require__("./node_modules/@fortawesome/react-fontawesome/index.es.js"),faCog=__webpack_require__("./node_modules/@fortawesome/free-solid-svg-icons/faCog.js");function maskEmail(email){if(!email)return"";const emailParts=email.split("@"),emailIdentity=emailParts[0],emailDomain=emailParts[1];return`${emailIdentity.substring(0,Math.min(emailIdentity.length,3))}...@${emailDomain}`}var Header=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Header.scss"),Header_options={};Header_options.styleTagTransform=styleTagTransform_default(),Header_options.setAttributes=setAttributesWithoutAttributes_default(),Header_options.insert=insertBySelector_default().bind(null,"head"),Header_options.domAPI=styleDomAPI_default(),Header_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Header.Z,Header_options);const layout_Header=Header.Z&&Header.Z.locals?Header.Z.locals:void 0;var Container=__webpack_require__("./src/react-components/layout/Container.js"),SocialBar=__webpack_require__("./src/react-components/home/SocialBar.js"),SignInButton=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/home/SignInButton.scss"),SignInButton_options={};SignInButton_options.styleTagTransform=styleTagTransform_default(),SignInButton_options.setAttributes=setAttributesWithoutAttributes_default(),SignInButton_options.insert=insertBySelector_default().bind(null,"head"),SignInButton_options.domAPI=styleDomAPI_default(),SignInButton_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(SignInButton.Z,SignInButton_options);const home_SignInButton=SignInButton.Z&&SignInButton.Z.locals?SignInButton.Z.locals:void 0;var Button=__webpack_require__("./src/react-components/input/Button.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function SignInButton_SignInButton(_ref){let{mobile}=_ref;return(0,jsx_runtime.jsx)(Button.zx,{className:mobile?home_SignInButton.mobileSignIn:home_SignInButton.SignInButton,thick:!0,preset:"signin",as:"a",href:"/signin",children:(0,jsx_runtime.jsx)(message.Z,{id:"sign-in-button",defaultMessage:"Sign in/Sign up"})})}SignInButton_SignInButton.displayName="SignInButton",SignInButton_SignInButton.propTypes={mobile:prop_types_default().bool},SignInButton_SignInButton.__docgenInfo={description:"",methods:[],displayName:"SignInButton",props:{mobile:{description:"",type:{name:"bool"},required:!1}}};var AppLogo=__webpack_require__("./src/react-components/misc/AppLogo.tsx");function Header_Header(_ref){let{showCloud,enableSpoke,editorName,showDocsLink,docsUrl,showSourceLink,showCommunityLink,communityUrl,isAdmin,isSignedIn,email,onSignOut,isHmc}=_ref;return(0,jsx_runtime.jsx)("header",{children:(0,jsx_runtime.jsxs)(Container.W,{as:"div",className:layout_Header.container,children:[(0,jsx_runtime.jsx)("nav",{children:(0,jsx_runtime.jsxs)("ul",{children:[(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/",className:layout_Header.homeLink,children:(0,jsx_runtime.jsx)(AppLogo.G,{})})}),enableSpoke&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/spoke",children:isHmc?(0,jsx_runtime.jsx)(message.Z,{id:"header.spoke",defaultMessage:"Spoke"}):editorName})}),showDocsLink&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:docsUrl,children:(0,jsx_runtime.jsx)(message.Z,{id:"header.docs",defaultMessage:"Guides"})})}),showSourceLink&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"https://github.com/Hubs-Foundation/hubs",children:(0,jsx_runtime.jsx)(message.Z,{id:"header.source",defaultMessage:"Developers"})})}),showCommunityLink&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:communityUrl,children:(0,jsx_runtime.jsx)(message.Z,{id:"header.community",defaultMessage:"Community"})})}),showCloud&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/cloud",children:(0,jsx_runtime.jsx)(message.Z,{id:"header.cloud",defaultMessage:"Hubs Cloud"})})}),isHmc&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/labs",children:(0,jsx_runtime.jsx)(message.Z,{id:"header.labs",defaultMessage:"Labs"})})}),isAdmin&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsxs)("a",{href:"/admin",rel:"noreferrer noopener",children:[(0,jsx_runtime.jsx)("i",{children:(0,jsx_runtime.jsx)(index_es.G,{icon:faCog.b7})})," ",(0,jsx_runtime.jsx)(message.Z,{id:"header.admin",defaultMessage:"Admin"})]})})]})}),(0,jsx_runtime.jsx)("div",{className:layout_Header.signIn,children:isSignedIn?(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("span",{children:(0,jsx_runtime.jsx)(message.Z,{id:"header.signed-in-as",defaultMessage:"Signed in as {email}",values:{email:maskEmail(email)}})}),(0,jsx_runtime.jsx)("a",{href:"#",onClick:onSignOut,children:(0,jsx_runtime.jsx)(message.Z,{id:"header.sign-out",defaultMessage:"Sign Out"})})]}):(0,jsx_runtime.jsx)(SignInButton_SignInButton,{})}),isHmc?(0,jsx_runtime.jsx)(SocialBar.Y,{mobile:!0}):null]})})}Header_Header.displayName="Header",Header_Header.propTypes={showCloud:prop_types_default().bool,enableSpoke:prop_types_default().bool,editorName:prop_types_default().string,showDocsLink:prop_types_default().bool,docsUrl:prop_types_default().string,showSourceLink:prop_types_default().bool,showCommunityLink:prop_types_default().bool,communityUrl:prop_types_default().string,isAdmin:prop_types_default().bool,isSignedIn:prop_types_default().bool,email:prop_types_default().string,onSignOut:prop_types_default().func,isHmc:prop_types_default().bool},Header_Header.__docgenInfo={description:"",methods:[],displayName:"Header",props:{showCloud:{description:"",type:{name:"bool"},required:!1},enableSpoke:{description:"",type:{name:"bool"},required:!1},editorName:{description:"",type:{name:"string"},required:!1},showDocsLink:{description:"",type:{name:"bool"},required:!1},docsUrl:{description:"",type:{name:"string"},required:!1},showSourceLink:{description:"",type:{name:"bool"},required:!1},showCommunityLink:{description:"",type:{name:"bool"},required:!1},communityUrl:{description:"",type:{name:"string"},required:!1},isAdmin:{description:"",type:{name:"bool"},required:!1},isSignedIn:{description:"",type:{name:"bool"},required:!1},email:{description:"",type:{name:"string"},required:!1},onSignOut:{description:"",type:{name:"func"},required:!1},isHmc:{description:"",type:{name:"bool"},required:!1}}};var Footer=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Footer.scss"),Footer_options={};Footer_options.styleTagTransform=styleTagTransform_default(),Footer_options.setAttributes=setAttributesWithoutAttributes_default(),Footer_options.insert=insertBySelector_default().bind(null,"head"),Footer_options.domAPI=styleDomAPI_default(),Footer_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Footer.Z,Footer_options);const layout_Footer=Footer.Z&&Footer.Z.locals?Footer.Z.locals:void 0,discord_logo_small_namespaceObject=__webpack_require__.p+"static/media/discord-logo-small.08e79e29.png";function Footer_Footer(_ref){let{hidePoweredBy,showWhatsNewLink,showTerms,termsUrl,showPrivacy,privacyUrl,showCompanyLogo,companyLogoUrl,showDiscordBotLink,appName,isHmc}=_ref;return(0,jsx_runtime.jsx)("footer",{children:(0,jsx_runtime.jsxs)(Container.W,{as:"div",className:layout_Footer.container,children:[(0,jsx_runtime.jsx)("div",{className:layout_Footer.poweredBy,children:!hidePoweredBy&&(0,jsx_runtime.jsx)(message.Z,{id:"footer.powered-by",defaultMessage:"Powered by <a>Hubs</a>",values:{a:chunks=>(0,jsx_runtime.jsx)("a",{className:layout_Footer.link,href:"https://hubsfoundation.org",children:chunks})}})}),(0,jsx_runtime.jsx)("nav",{children:(0,jsx_runtime.jsxs)("ul",{children:[showDiscordBotLink&&(0,jsx_runtime.jsxs)("li",{children:[(0,jsx_runtime.jsx)("img",{className:layout_Footer.discordLogo,src:discord_logo_small_namespaceObject}),(0,jsx_runtime.jsx)("a",{href:"/discord",children:(0,jsx_runtime.jsx)(message.Z,{id:"home-page.add-to-discord",defaultMessage:"Add the {appName} Bot to Discord",values:{appName}})})]}),showWhatsNewLink&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/whats-new",children:(0,jsx_runtime.jsx)(message.Z,{id:"footer.whats-new",defaultMessage:"What's New"})})}),isHmc&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://hubsfoundation.org",children:(0,jsx_runtime.jsx)(message.Z,{id:"footer.hubs-merch",defaultMessage:"Hubs Merch (TBD)"})})}),isHmc&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://docs.hubsfoundation.org/hubs-faq.html",children:(0,jsx_runtime.jsx)(message.Z,{id:"footer.FAQ",defaultMessage:"FAQ"})})}),showTerms&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:termsUrl,children:(0,jsx_runtime.jsx)(message.Z,{id:"footer.terms-of-use",defaultMessage:"Terms of Use"})})}),showPrivacy&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{className:layout_Footer.link,target:"_blank",rel:"noopener noreferrer",href:privacyUrl,children:(0,jsx_runtime.jsx)(message.Z,{id:"footer.privacy-notice",defaultMessage:"Privacy Notice"})})}),showCompanyLogo&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("img",{className:layout_Footer.companyLogo,src:companyLogoUrl,alt:(0,jsx_runtime.jsx)(message.Z,{id:"footer.logo-alt",defaultMessage:"Logo"})})})]})})]})})}var _path,_path2,_path3;function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}Footer_Footer.displayName="Footer",Footer_Footer.propTypes={hidePoweredBy:prop_types_default().bool,showWhatsNewLink:prop_types_default().bool,showTerms:prop_types_default().bool,termsUrl:prop_types_default().string,showPrivacy:prop_types_default().bool,privacyUrl:prop_types_default().string,showCompanyLogo:prop_types_default().bool,companyLogoUrl:prop_types_default().string,showDiscordBotLink:prop_types_default().bool,appName:prop_types_default().string,isHmc:prop_types_default().bool},Footer_Footer.__docgenInfo={description:"",methods:[],displayName:"Footer",props:{hidePoweredBy:{description:"",type:{name:"bool"},required:!1},showWhatsNewLink:{description:"",type:{name:"bool"},required:!1},showTerms:{description:"",type:{name:"bool"},required:!1},termsUrl:{description:"",type:{name:"string"},required:!1},showPrivacy:{description:"",type:{name:"bool"},required:!1},privacyUrl:{description:"",type:{name:"string"},required:!1},showCompanyLogo:{description:"",type:{name:"bool"},required:!1},companyLogoUrl:{description:"",type:{name:"string"},required:!1},showDiscordBotLink:{description:"",type:{name:"bool"},required:!1},appName:{description:"",type:{name:"string"},required:!1},isHmc:{description:"",type:{name:"bool"},required:!1}}};const SvgHamburger=_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",_extends({width:25,height:25,viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,_path||(_path=react.createElement("path",{d:"M19.509 8.796H1.93c-.798 0-1.451.653-1.451 1.451 0 .799.653 1.452 1.451 1.452H19.51c.798 0 1.451-.653 1.451-1.452 0-.798-.639-1.451-1.451-1.451Z",fill:"currentColor"})),_path2||(_path2=react.createElement("path",{d:"M1.931 2.903H19.51c.798 0 1.451-.653 1.451-1.452C20.96.653 20.307 0 19.509 0H1.93C1.133 0 .48.653.48 1.451c0 .799.653 1.452 1.451 1.452Z",fill:"currentColor"})),_path3||(_path3=react.createElement("path",{d:"M19.509 17.577H1.93c-.798 0-1.451.653-1.451 1.452 0 .798.653 1.451 1.451 1.451H19.51c.798 0 1.451-.653 1.451-1.451 0-.799-.639-1.452-1.451-1.452Z",fill:"currentColor"})))};function MobileNav(_ref){let{isHmc,showDocsLink,docsUrl,showSourceLink,showCommunityLink,communityUrl,isAdmin}=_ref;const[navOpen,setNav]=(0,react.useState)(!1),cloud=isHmc?null:"cloud";return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{className:layout_Header.navContainer,children:(0,jsx_runtime.jsxs)("div",{className:layout_Header.mobileNavWrapper,children:[(0,jsx_runtime.jsx)(SvgHamburger,{onClick:()=>{setNav(!navOpen)}}),(0,jsx_runtime.jsx)("header",{className:""+(navOpen?`is-active ${cloud}`:"hide"),children:(0,jsx_runtime.jsx)("nav",{role:"navigation",children:(0,jsx_runtime.jsxs)("ul",{children:[isHmc&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/spoke",children:(0,jsx_runtime.jsx)(message.Z,{id:"header.spoke",defaultMessage:"Spoke"})})}),showDocsLink&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:docsUrl,children:(0,jsx_runtime.jsx)(message.Z,{id:"header.docs",defaultMessage:"Guides"})})}),showSourceLink&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"https://github.com/Hubs-Foundation/hubs",children:(0,jsx_runtime.jsx)(message.Z,{id:"header.source",defaultMessage:"Developers"})})}),showCommunityLink&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:communityUrl,children:(0,jsx_runtime.jsx)(message.Z,{id:"header.community",defaultMessage:"Community"})})}),isHmc&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/cloud",children:(0,jsx_runtime.jsx)(message.Z,{id:"header.cloud",defaultMessage:"Hubs Cloud"})})}),isHmc&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{href:"/labs",children:(0,jsx_runtime.jsx)(message.Z,{id:"header.labs",defaultMessage:"Labs"})})}),isAdmin&&(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsxs)("a",{style:{marginLeft:0},href:"/admin",rel:"noreferrer noopener",children:[(0,jsx_runtime.jsx)("i",{children:(0,jsx_runtime.jsx)(index_es.G,{icon:faCog.b7})})," ",(0,jsx_runtime.jsx)(message.Z,{id:"header.admin",defaultMessage:"Admin"})]})})]})})})]})})})}MobileNav.propTypes={showDocsLink:prop_types_default().bool,docsUrl:prop_types_default().string,showSourceLink:prop_types_default().bool,showCommunityLink:prop_types_default().bool,communityUrl:prop_types_default().string,isAdmin:prop_types_default().bool,isHmc:prop_types_default().bool},MobileNav.__docgenInfo={description:"",methods:[],displayName:"MobileNav",props:{showDocsLink:{description:"",type:{name:"bool"},required:!1},docsUrl:{description:"",type:{name:"string"},required:!1},showSourceLink:{description:"",type:{name:"bool"},required:!1},showCommunityLink:{description:"",type:{name:"bool"},required:!1},communityUrl:{description:"",type:{name:"string"},required:!1},isAdmin:{description:"",type:{name:"bool"},required:!1},isHmc:{description:"",type:{name:"bool"},required:!1}}};var RadioInputField=__webpack_require__("./src/react-components/input/RadioInputField.js"),RadioInput=__webpack_require__("./src/react-components/input/RadioInput.js"),CloseButton=__webpack_require__("./src/react-components/input/CloseButton.js"),index_esm=__webpack_require__("./node_modules/react-hook-form/dist/index.esm.mjs"),Banner=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/banner/Banner.scss"),Banner_options={};Banner_options.styleTagTransform=styleTagTransform_default(),Banner_options.setAttributes=setAttributesWithoutAttributes_default(),Banner_options.insert=insertBySelector_default().bind(null,"head"),Banner_options.domAPI=styleDomAPI_default(),Banner_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Banner.Z,Banner_options);const banner_Banner=Banner.Z&&Banner.Z.locals?Banner.Z.locals:void 0;var Arrow=__webpack_require__("./src/react-components/icons/Arrow.svg");const critical_namespaceObject=__webpack_require__.p+"static/media/critical.a11d7efc.png";var TextInputField=__webpack_require__("./src/react-components/input/TextInputField.js"),CheckboxInput=__webpack_require__("./src/react-components/input/CheckboxInput.js");const cone_namespaceObject=__webpack_require__.p+"static/media/cone.fa6023d8.png";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}const Banner_Banner=()=>{const[confirm,setConfirm]=(0,react.useState)(!1),[submitted,setSubmitted]=(0,react.useState)(!1),[responseStatus,setResponseStatus]=(0,react.useState)(!1),[isExpanded,setIsExpanded]=(0,react.useState)(!1),{handleSubmit,register}=(0,index_esm.cI)({defaultValues:{email_format:"html"}}),newsletterError=()=>{setResponseStatus(!1),setSubmitted(!0)},handleResponse=resp=>{const{status,statusText}=resp;200===status&&"OK"===statusText?(setResponseStatus(!0),setSubmitted(!0)):newsletterError()},onSubmit=(0,react.useCallback)(function(){var _ref=function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}((function*(data){const body="email="+encodeURIComponent(data.email)+"&format="+encodeURIComponent(data.email_format)+"&newsletters=hubs&lang="+encodeURIComponent(navigator.language)+"&source_url="+encodeURIComponent(window.location.origin);try{fetch("https://hubsfoundation.org/mailing-list-sign-up/",{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body}).then(handleResponse)}catch(error){console.error(error),newsletterError()}}));return function(_x){return _ref.apply(this,arguments)}}(),[]),onConfirm=(0,react.useCallback)((()=>{setConfirm((state=>!state))}),[]),Label=()=>(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["I'm okay with the Hubs Foundation handling my info as explained in this"," ",(0,jsx_runtime.jsx)("a",{href:"https://hubsfoundation.org/privacy-policy/",rel:"noopener noreferrer",target:"_blank",children:"Privacy Notice"})]}),Messaging=_ref2=>{let{status}=_ref2;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:status?(0,jsx_runtime.jsx)(Success,{}):(0,jsx_runtime.jsx)(Error,{})})};Messaging.propTypes={status:prop_types_default().bool};const Success=()=>(0,jsx_runtime.jsxs)("div",{className:banner_Banner.message_wrapper,children:[(0,jsx_runtime.jsx)("img",{src:cone_namespaceObject,className:banner_Banner.success_image,alt:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"celebrate",id:"banner.celebrate-alt"})}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h3",{className:banner_Banner.message_title,children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"You're on the list",id:"banner.success-title"})}),(0,jsx_runtime.jsx)("p",{className:banner_Banner.message_body,children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Keep an eye out for product updates and an invite to join us as a tester.",id:"banner.success-message"})}),(0,jsx_runtime.jsx)(Button.zx,{preset:"primary",className:banner_Banner.primary_override,onClick:()=>{setIsExpanded(!1)},children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Got it",id:"banner.success-cta"})})]})]}),Error=()=>(0,jsx_runtime.jsxs)("div",{className:banner_Banner.message_wrapper,children:[(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)("img",{src:critical_namespaceObject,className:banner_Banner.error_icon,alt:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"warning",id:"banner.warning-alt"})})}),(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("h3",{className:banner_Banner.error_message_title,children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"We ran into a problem",id:"banner.error-title"})}),(0,jsx_runtime.jsx)("p",{className:banner_Banner.message_body,children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"{message}",id:"banner.error-body",values:{message:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:["Sorry, we were unable to add you to the mailing list, please try again later. If the problem persists please reach out on our"," ",(0,jsx_runtime.jsx)("a",{href:"https://discord.com/invite/dFJncWwHun",rel:"noopener noreferrer",target:"_blank",children:"Discord"}),"."]})}})}),(0,jsx_runtime.jsx)(Button.zx,{preset:"primary",className:banner_Banner.primary_override,onClick:()=>{setIsExpanded(!1)},children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Got it",id:"banner.error-cta"})})]})]});return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:banner_Banner.banner_gradient}),(0,jsx_runtime.jsxs)("div",{className:banner_Banner.banner_wrapper,children:[(0,jsx_runtime.jsxs)("div",{className:banner_Banner.banner_container,children:[(0,jsx_runtime.jsxs)("div",{className:banner_Banner.branding_container,children:[(0,jsx_runtime.jsx)("h2",{children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Join the next evolution of Hubs!",id:"banner.title"})}),(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Be the first to get a sneak peek!",id:"banner.subtitle"})})]}),(0,jsx_runtime.jsxs)(Button.zx,{preset:"primary",className:banner_Banner.primary_override,onClick:()=>{setIsExpanded(!0)},children:[(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Find out More",id:"banner.expand-cta"}),(0,jsx_runtime.jsx)("span",{className:banner_Banner.down_arrow,children:(0,jsx_runtime.jsx)(Arrow.r,{})})]})]}),isExpanded?(0,jsx_runtime.jsx)("div",{className:banner_Banner.expand_wrapper,children:(0,jsx_runtime.jsxs)("div",{className:banner_Banner.expand_container,children:[(0,jsx_runtime.jsxs)("div",{className:banner_Banner.expand_header,children:[(0,jsx_runtime.jsx)("h2",{children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Join the next evolution of Hubs!",id:"banner.expand-title"})}),(0,jsx_runtime.jsx)(CloseButton.P,{className:banner_Banner.close_button,onClick:()=>{setIsExpanded(!1)}})]}),(0,jsx_runtime.jsxs)("div",{className:banner_Banner.expand_contents,children:[(0,jsx_runtime.jsxs)("div",{className:banner_Banner.expand_messaging,children:[(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"{message}",id:"banner.expand-body",values:{message:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"We're working on a new service that makes it easier than ever to deploy a Hub of your own."})}})}),(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"{message}",id:"banner.expand-body-two",values:{message:(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:"Sign up here to get updates on what is new with Hubs and we will keep you up to date with the latest news, updates, and product offerings. We can't wait to show you what we have been working on!"})}})})]}),(0,jsx_runtime.jsx)("form",{className:banner_Banner.expand_form,onSubmit:handleSubmit(onSubmit),children:submitted?(0,jsx_runtime.jsx)(Messaging,{status:responseStatus}):(0,jsx_runtime.jsxs)("div",{className:banner_Banner.expand_form_fields,children:[(0,jsx_runtime.jsx)(TextInputField.Y,_objectSpread(_objectSpread({},register("email",{required:!0})),{},{type:"email",label:(0,jsx_runtime.jsx)(message.Z,{id:"banner.email-address",defaultMessage:"Email Address"}),placeholder:"name@email.com",className:banner_Banner.expand_form_field})),(0,jsx_runtime.jsxs)(RadioInputField.J,{className:banner_Banner.expand_form_field,label:(0,jsx_runtime.jsx)(message.Z,{id:"banner.format-label",defaultMessage:"Format"}),children:[(0,jsx_runtime.jsx)(RadioInput.t,_objectSpread({className:banner_Banner.radio_override,value:"html",label:(0,jsx_runtime.jsx)(message.Z,{id:"banner.format-html",defaultMessage:"HTML"})},register("email_format"))),(0,jsx_runtime.jsx)(RadioInput.t,_objectSpread({className:banner_Banner.radio_override,value:"text",label:(0,jsx_runtime.jsx)(message.Z,{id:"banner.format-text",defaultMessage:"Text"})},register("email_format")))]}),(0,jsx_runtime.jsx)(CheckboxInput.I,{className:banner_Banner.expand_checkbox_field,labelClassName:banner_Banner.checkbox_label,tabIndex:"0",type:"checkbox",checked:confirm,label:(0,jsx_runtime.jsx)(Label,{}),onChange:onConfirm}),(0,jsx_runtime.jsxs)("div",{className:banner_Banner.expand_actions,children:[(0,jsx_runtime.jsx)(Button.zx,{type:"submit",preset:"primary",className:banner_Banner.primary_override,disabled:!confirm,children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Join the Mailing List",id:"banner.form-cta"})}),(0,jsx_runtime.jsx)(Button.zx,{className:banner_Banner.clear_override,onClick:()=>{setIsExpanded(!1)},children:(0,jsx_runtime.jsx)(message.Z,{defaultMessage:"Not Interested",id:"banner.form-decline"})})]})]})})]})]})}):""]})]})};Banner_Banner.__docgenInfo={description:"",methods:[],displayName:"Banner"};const react_components_banner_Banner=Banner_Banner,_excluded=["showCloud","enableSpoke","editorName","showDocsLink","docsUrl","showSourceLink","showCommunityLink","communityUrl","isAdmin","isSignedIn","email","onSignOut","hidePoweredBy","showWhatsNewLink","showTerms","termsUrl","showPrivacy","privacyUrl","showCompanyLogo","companyLogoUrl","showDiscordBotLink","appName","isHmc","children"];function Page_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function Page_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?Page_ownKeys(Object(source),!0).forEach((function(key){Page_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):Page_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function Page_defineProperty(obj,key,value){return(key=function Page_toPropertyKey(arg){var key=function Page_toPrimitive(input,hint){if("object"!=typeof input||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!=typeof res)return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"==typeof key?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],excluded.indexOf(key)>=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],excluded.indexOf(key)>=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Page_Page(_ref){let{showCloud,enableSpoke,editorName,showDocsLink,docsUrl,showSourceLink,showCommunityLink,communityUrl,isAdmin,isSignedIn,email,onSignOut,hidePoweredBy,showWhatsNewLink,showTerms,termsUrl,showPrivacy,privacyUrl,showCompanyLogo,companyLogoUrl,showDiscordBotLink,appName,isHmc,children}=_ref,rest=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[isHmc?(0,jsx_runtime.jsx)(react_components_banner_Banner,{}):null,(0,jsx_runtime.jsx)(Header_Header,{showCloud,enableSpoke,editorName,showDocsLink,docsUrl,showSourceLink,showCommunityLink,communityUrl,isAdmin,isSignedIn,email,onSignOut,isHmc}),(0,jsx_runtime.jsxs)("main",Page_objectSpread(Page_objectSpread({},rest),{},{children:[(0,jsx_runtime.jsx)(MobileNav,{showDocsLink,showSourceLink,showCommunityLink,isHmc,isAdmin,docsUrl,communityUrl}),children]})),(0,jsx_runtime.jsx)(Footer_Footer,{hidePoweredBy,showWhatsNewLink,showTerms,termsUrl,showPrivacy,privacyUrl,showCompanyLogo,companyLogoUrl,showDiscordBotLink,appName,isHmc})]})}Page_Page.propTypes={showCloud:prop_types_default().bool,enableSpoke:prop_types_default().bool,editorName:prop_types_default().string,showDocsLink:prop_types_default().bool,docsUrl:prop_types_default().string,showSourceLink:prop_types_default().bool,showCommunityLink:prop_types_default().bool,communityUrl:prop_types_default().string,isAdmin:prop_types_default().bool,isSignedIn:prop_types_default().bool,email:prop_types_default().string,onSignOut:prop_types_default().func,hidePoweredBy:prop_types_default().bool,showWhatsNewLink:prop_types_default().bool,showTerms:prop_types_default().bool,termsUrl:prop_types_default().string,showPrivacy:prop_types_default().bool,privacyUrl:prop_types_default().string,showCompanyLogo:prop_types_default().bool,companyLogoUrl:prop_types_default().string,showDiscordBotLink:prop_types_default().bool,appName:prop_types_default().string,isHmc:prop_types_default().bool,children:prop_types_default().node},Page_Page.__docgenInfo={description:"",methods:[],displayName:"Page",props:{showCloud:{description:"",type:{name:"bool"},required:!1},enableSpoke:{description:"",type:{name:"bool"},required:!1},editorName:{description:"",type:{name:"string"},required:!1},showDocsLink:{description:"",type:{name:"bool"},required:!1},docsUrl:{description:"",type:{name:"string"},required:!1},showSourceLink:{description:"",type:{name:"bool"},required:!1},showCommunityLink:{description:"",type:{name:"bool"},required:!1},communityUrl:{description:"",type:{name:"string"},required:!1},isAdmin:{description:"",type:{name:"bool"},required:!1},isSignedIn:{description:"",type:{name:"bool"},required:!1},email:{description:"",type:{name:"string"},required:!1},onSignOut:{description:"",type:{name:"func"},required:!1},hidePoweredBy:{description:"",type:{name:"bool"},required:!1},showWhatsNewLink:{description:"",type:{name:"bool"},required:!1},showTerms:{description:"",type:{name:"bool"},required:!1},termsUrl:{description:"",type:{name:"string"},required:!1},showPrivacy:{description:"",type:{name:"bool"},required:!1},privacyUrl:{description:"",type:{name:"string"},required:!1},showCompanyLogo:{description:"",type:{name:"bool"},required:!1},companyLogoUrl:{description:"",type:{name:"string"},required:!1},showDiscordBotLink:{description:"",type:{name:"bool"},required:!1},appName:{description:"",type:{name:"string"},required:!1},isHmc:{description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!1}}}},"./src/react-components/misc/AppLogo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G:()=>AppLogo});__webpack_require__("./node_modules/react/index.js");var _utils_configs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/utils/configs.js"),_icons_HmcLogo_svg__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/react-components/icons/HmcLogo.svg"),_utils_isHmc__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/utils/isHmc.js"),_styles_theme__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/react-components/styles/theme.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");function AppLogo(_ref){let{className}=_ref;const logo=(0,_styles_theme__WEBPACK_IMPORTED_MODULE_4__.uP)();return(0,_utils_isHmc__WEBPACK_IMPORTED_MODULE_3__.G)()&&!logo?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_icons_HmcLogo_svg__WEBPACK_IMPORTED_MODULE_2__.r,{className:"hmc-logo"}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("img",{className,alt:_utils_configs__WEBPACK_IMPORTED_MODULE_1__.Z.translation("app-name"),src:logo})}try{AppLogo.displayName="AppLogo",AppLogo.__docgenInfo={description:"",displayName:"AppLogo",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/react-components/misc/AppLogo.tsx#AppLogo"]={docgenInfo:AppLogo.__docgenInfo,name:"AppLogo",path:"src/react-components/misc/AppLogo.tsx#AppLogo"})}catch(__react_docgen_typescript_loader_error){}},"./src/react-components/misc/Spinner.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{$:()=>Spinner_Spinner});var _path,react=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgSpinner=_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",_extends({width:70,height:70,viewBox:"0 0 70 70",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react.createElement("title",{id:titleId},title):null,_path||(_path=react.createElement("path",{d:"M12.284 57.665A32.14 32.14 0 0 1 3.39 40.032a32.311 32.311 0 0 1 3.065-19.547A31.861 31.861 0 0 1 20.307 6.49a31.414 31.414 0 0 1 19.349-3.096m18.06 8.94a32.14 32.14 0 0 1 8.894 17.634 32.311 32.311 0 0 1-3.065 19.548A31.86 31.86 0 0 1 49.693 63.51a31.413 31.413 0 0 1-19.348 3.096",stroke:"currentColor",strokeWidth:6})))};var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),Spinner=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/misc/Spinner.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(Spinner.Z,options);const misc_Spinner=Spinner.Z&&Spinner.Z.locals?Spinner.Z.locals:void 0;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Spinner_Spinner(){return(0,jsx_runtime.jsx)(SvgSpinner,{className:misc_Spinner.spinner})}Spinner_Spinner.displayName="Spinner",Spinner_Spinner.__docgenInfo={description:"",methods:[],displayName:"Spinner"}},"./src/utils/isHmc.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G:()=>isHmc});var _configs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/utils/configs.js");function isHmc(){return _configs__WEBPACK_IMPORTED_MODULE_0__.Z.feature("show_cloud")}},"./src/react-components/icons/Arrow.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>SvgArrow});var _path,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgArrow=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:16,height:10,viewBox:"0 0 16 10",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M1.25 8.375 8 1.625l6.75 6.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/Close.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>SvgClose});var _path,_path2,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgClose=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_path||(_path=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M17 17 3 3",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M17 3 3 17",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/HmcLogo.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{r:()=>SvgHmcLogo});var _polygon,_polygon2,_polygon3,_g,_polygon4,_polygon5,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}const SvgHmcLogo=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:144,height:100,fill:"none",viewBox:"0 0 144 100",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":titleId},props),title?react__WEBPACK_IMPORTED_MODULE_0__.createElement("title",{id:titleId},title):null,_polygon||(_polygon=react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"305.49 564.13 305.06 580.9 307.32 598.06 310.32 609.59 319.94 632.73 330.35 650.08 338.83 661.61 359.51 684.46 391.42 712.17 426.97 737.81 462.77 760.27 508.38 784.7 562.14 809.44 604.39 826.03 608.8 767.41 610.73 728.07 610.92 721.48 610.99 681.98 608.65 643.72 604.27 613.96 597.43 586.9 588.45 562.66 575.39 537.41 560.5 515.97 536.3 487.79 526.76 522.37 471.86 511.48 434.25 505.52 402.02 502.18 376.91 501.83 353.94 504.88 338.99 510.15 326.62 518.51 317.06 529.78 312.23 538.62 307.27 553.45",fill:"#fe9600",transform:"matrix(.06427 0 0 .06427 6.183 -15.817)"})),_polygon2||(_polygon2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"810.36 261.48 835.74 258.96 861.24 258.15 899.18 260.12 923.9 263.53 947.91 268.61 982.26 279.2 1004 288.08 1034.8 303.88 1054 315.9 1072.2 328.99 1089.2 343.03 1105.1 357.93 1119.8 373.6 1133.3 390.01 1145.6 407.12 1156.7 424.89 1166.6 443.27 1175.3 462.24 1182.8 481.75 1189 501.75 1194 522.18 1197.8 542.91 1200.3 563.83 1201.5 584.82 1201.4 605.76 1200 626.54 1197.3 647.02 1193.2 667.11 1187.8 686.68 1181.3 705.63 1173.8 723.85 1161 749.57 1142 780.32 1132 793.93 1116.8 811.98 1101.3 827.63 1085.6 841.42 1048.6 869.51 1100 884.83 1146 895.93 1186.7 902.77 1232 907.07 1280.6 908.34 1330.2 906.19 1378.3 900.21 1412 892.99 1443 883.5 1471.5 871.94 1497.3 858.53 1513 848.68 1527.5 838.16 1546.9 821.34 1563.7 803.79 1586.3 775.14 1621 724.13 1628.5 716.81 1635.8 714.1 1642.6 715.59 1652.2 721.47 1666.2 733.25 1680 746.75 1707.5 778.27 1731 811.39 1748 840.71 1763.5 873.73 1777 909.96 1788.2 948.67 1796.8 989.09 1802.5 1030.5 1804.6 1058.3 1805.2 1099.7 1802.9 1140.1 1798.2 1178.9 1791.5 1215.4 1780.3 1259.4 1770.7 1288.1 1756.7 1321.7 1741.9 1351.4 1722.6 1385.7 1684.7 1374 1658 1363.8 1637.1 1353.9 1607.4 1334.8 1585.3 1316.9 1564.1 1295.5 1549.8 1275.7 1535.5 1248.2 1521.2 1275.7 1503.9 1298.9 1481.4 1320.6 1453.3 1341.9 1426.7 1357.5 1393 1372.2 1355 1383.7 1322.3 1389.6 1298.3 1391.4 1268.6 1391.5 1249.5 1390.8 1228.5 1388.4 1204.5 1383.7 1183.2 1377.9 1160.8 1370.1 1138.3 1360.3 1121.9 1351.6 1101.2 1338.5 1082.4 1324.2 1066 1309.7 1055.5 1298.9 1042.5 1282.1 1032.9 1266.4 1024 1248.2 1009.7 1275.7 992.46 1298.9 965.89 1324.7 923.84 1360.1 870.6 1376.6 833.38 1386 810.82 1389.6 790.69 1391.2 753.43 1391.5 729.9 1390.1 703.15 1386 682.57 1381 660.62 1374.2 638.09 1365.4 615.85 1354.6 594.75 1341.9 575.4 1327.9 558.37 1313.3 544.07 1298.9 530.98 1282.1 521.45 1266.4 512.53 1248.2 501.92 1269.5 489.32 1288.7 474.18 1306 450.48 1327.6 424.32 1346.9 403.42 1359.1 384.1 1367.6 354.98 1376.9 342.83 1335.3 336.32 1305.2 332.2 1271.5 331.4 1233 334.51 1190.1 339.51 1156.4 346.91 1122.5 360.42 1078.5 378.61 1038.1 399.83 1001.5 411.21 984.68 428.79 961.37 446.46 940.42 463.74 921.83 496.74 891.15 527.51 867.77 560.52 847.58 604.39 826.03 608.8 767.41 610.73 728.07 610.92 721.48 610.99 681.98 608.65 643.72 604.27 613.96 597.43 586.9 588.45 562.66 575.39 537.41 560.5 515.97 536.3 487.79 552.14 449.42 569.53 416.55 588.6 389.14 613.96 360.53 637.22 339.03 654.59 325.19 683.26 305.81 704 294.21 725.94 283.97 749.01 275.36 773.04 268.5",fill:"#fec100",transform:"matrix(.06427 0 0 .06427 6.183 -15.817)"})),_polygon3||(_polygon3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"1143.9 1487.4 1192.2 1504.5 1240.7 1513.7 1279.7 1517 1337.3 1511 1372.5 1503 1404.8 1492 1431.5 1479.7 1456.5 1464.3 1483.1 1443.5 1504.3 1422.3 1521.1 1399.8 1535.5 1373.2 1553.9 1406 1576.5 1432.8 1609.7 1461 1644.7 1482.4 1682.4 1498 1724 1509.3 1778.4 1516.1 1812.6 1515.4 1873.5 1505.8 1927 1487.4 1972.8 1461 1994.6 1443.5 2015.8 1422.3 2032.6 1399.8 2046.9 1373.2 2046.9 1248.2 2030.6 1278.9 2012 1302.5 1984.1 1327.9 1949 1351.6 1910.1 1370.1 1871.6 1382.5 1833.8 1389.6 1791.2 1391.9 1748.7 1389.6 1710.8 1382.5 1672.3 1370.1 1633.4 1351.6 1598.3 1327.9 1570.4 1302.5 1551.8 1278.9 1535.5 1248.2 1521.2 1275.7 1503.8 1298.9 1481.4 1320.6 1453.3 1341.9 1421.1 1360.3 1387.4 1374.2 1349.9 1384.9 1318.1 1390.1 1268.6 1391.7 1224 1387.7 1177.7 1376.1 1138.3 1360.3 1101.2 1338.5 1066 1309.7 1042.5 1282.1 1024 1248.2 1005.5 1282.1 981.99 1309.7 946.8 1338.5 904.06 1362.9 859.34 1379.5 815.11 1389.1 768.26 1391.9 712.49 1387.7 677.19 1379.5 643.73 1367.8 615.85 1354.6 589.73 1338.5 562.38 1316.9 541.19 1295.5 526.82 1275.7 512.53 1248.2 494.08 1282.1 470.52 1309.7 435.33 1338.5 398.18 1360.3 358.86 1376.1 312.57 1387.7 271.62 1391.6 226.54 1390.8 191.58 1386 154.73 1376.1 120.99 1362.9 88.411 1345.2 59.43 1324.2 32.745 1298.9 15.346 1275.7 1.0576 1248.2 1.0576 1373.2 17.373 1402.9 45.673 1436.3 84.823 1467.6 126.34 1489.8 174.46 1505.8 217.72 1513.7 265.33 1516.4 323.99 1509.3 381.85 1492 423.83 1470.8 464.12 1439.9 491.88 1409.2 512.53 1373.2 513.96 1376.1 528.84 1402.9 546.79 1425.8 573.22 1450.6 601.23 1470.8 632.43 1487.4 664.81 1499.8 701.07 1509.3 733.67 1514.2 768.26 1517 825.8 1511 871.72 1499.8 909.44 1485 945.07 1464.3 979.38 1436.3 1003.3 1409.2 1024 1373.2 1044.7 1409.2 1068.6 1436.3 1102.9 1464.3",fill:"#337eec",transform:"matrix(.06427 0 0 .06427 6.183 -15.817)"})),_g||(_g=react__WEBPACK_IMPORTED_MODULE_0__.createElement("g",{fill:"currentColor",transform:"matrix(.06427 0 0 .06427 6.183 -15.817)"},react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"1874 1515.9 1964.4 1505.9 1954.5 1401.9 1916.9 1385.1 1891.9 1376.8 1866.8 1370.8 1841.3 1367 1815.1 1365.1 1780.7 1365.4 1759.5 1367.3 1738.6 1370.5 1718.3 1375.4 1698.9 1382 1680.9 1390.5 1664.7 1401.1 1650.5 1414 1638.9 1429.3 1630.1 1447.2 1624.5 1467.9 1622.6 1491.4 1627.5 1527.5 1640.8 1555.4 1661 1576.5 1686.4 1592 1715.1 1603.1 1745.6 1611 1804.8 1622.4 1830.1 1628.3 1850.4 1635.9 1863.7 1646.6 1868.6 1661.4 1867.8 1668.4 1865.6 1674.7 1861.9 1680.4 1857.1 1685.6 1851.1 1690.1 1836.1 1697.3 1817.8 1702.1 1797.2 1704.5 1778.8 1704.7 1758.9 1703.5 1741.8 1701 1724.8 1696.7 1724.8 1646.1 1634.4 1636.1 1618.1 1750.1 1645.8 1762.7 1674.4 1772.8 1703.7 1780.5 1733.3 1785.8 1763 1788.8 1792.6 1789.8 1820.4 1788.9 1846.5 1786.2 1870.9 1781.7 1893.4 1775.2 1913.9 1767 1932.1 1756.8 1947.9 1744.8 1961.3 1730.9 1971.9 1715.1 1979.7 1697.3 1984.5 1677.6 1986.1 1656 1981.4 1621 1968.5 1593.8 1949 1573.3 1924.5 1558.2 1896.7 1547.3 1867.2 1539.4 1810 1527.8 1785.5 1521.7 1765.9 1513.9 1753 1503 1748.3 1487.8 1748.8 1481.4 1752.6 1470.3 1759.6 1461.7 1769.5 1455.3 1781.5 1451.2 1795.2 1449.2 1822.8 1449.9 1844.7 1453.1 1866.8 1458.9"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"675.07 1754.7 662.85 1742.1 652.42 1727.5 643.97 1710.7 637.7 1691.9 633.8 1671 632.46 1647.9 632.46 1460.7 578.2 1460.7 578.2 1373 749.11 1373 749.11 1602.7 751.06 1634.4 753.5 1647.7 756.91 1659.3 761.29 1669.4 766.63 1677.9 772.93 1685 780.19 1690.7 788.4 1695 797.56 1698 807.68 1699.8 818.73 1700.3 832.24 1699.5 844.7 1697.1 856.09 1693.2 866.39 1687.9 875.58 1681.2 883.61 1673.3 890.49 1664.2 896.17 1654 900.63 1642.7 903.84 1630.5 905.79 1617.4 906.45 1460.7 840.44 1460.7 840.44 1373 1023.1 1373 1023.1 1693.1 1081.9 1693.1 1081.9 1780.8 906.45 1780.8 906.45 1718.4 899.5 1729.3 883.29 1748.5 864.1 1764.2 853.44 1770.6 830.02 1780.7 817.31 1784.3 789.95 1788.4 775.33 1788.9 756.37 1788 738.06 1785.2 720.58 1780.5 704.13 1773.9 688.9 1765.3"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"322.54 1454 311.45 1453.5 298.6 1454.2 286.75 1456.4 275.9 1459.9 266.07 1464.8 257.27 1470.9 249.51 1478.1 242.8 1486.4 237.17 1495.8 232.61 1506.1 229.15 1517.3 226.79 1529.3 225.55 1542.1 225.55 1693.1 279.8 1693.1 279.8 1780.8 54.642 1780.8 54.642 1693.1 108.9 1693.1 108.9 1247.3 54.642 1247.3 54.642 1158.7 225.55 1158.7 225.55 1435.4 232.3 1424.7 248.32 1405.7 267.5 1390 278.22 1383.5 301.77 1373.3 314.56 1369.6 342.03 1365.4 356.66 1364.9 375.62 1365.8 393.93 1368.6 411.41 1373.3 427.86 1379.9 443.1 1388.5 456.92 1399.1 469.14 1411.7 479.57 1426.3 488.02 1443.1 494.29 1461.9 498.19 1482.8 499.53 1505.9 499.53 1693.1 553.79 1693.1 553.79 1780.8 328.63 1780.8 328.63 1693.1 382.89 1693.1 382.36 1534.4 380.8 1519.4 378.21 1506.1 374.61 1494.5 370.03 1484.4 364.46 1475.8 357.94 1468.8 350.47 1463.1 342.07 1458.8 332.75 1455.8"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"1551.4 1458.2 1561 1482 1568 1508.1 1572.3 1536.6 1573.8 1567.4 1572.5 1597 1568.5 1625.6 1561.8 1652.9 1552.6 1678.5 1540.7 1702.2 1526.3 1723.7 1509.3 1742.7 1489.8 1758.9 1467.7 1772 1443.2 1781.7 1416.1 1787.8 1386.6 1789.8 1356.2 1787.6 1329.3 1781.2 1317.1 1776.5 1305.8 1770.9 1295.3 1764.3 1276.9 1748.6 1268.9 1739.6 1255.5 1719.3 1279.2 1653.6 1286.7 1664.8 1295.5 1674.6 1305.5 1682.9 1316.8 1689.6 1329.2 1694.5 1342.9 1697.5 1357.7 1698.5 1370.7 1697.7 1383.2 1695.3 1395 1691.3 1406 1685.6 1416.1 1678.2 1425.1 1669.1 1433.1 1658.3 1439.9 1645.7 1445.3 1631.4 1449.3 1615.2 1451.8 1597.2 1452.6 1577.4 1451.9 1558.6 1449.7 1541.4 1446.1 1525.8 1441.2 1511.6 1435 1499 1427.5 1488.1 1418.9 1478.7 1409.2 1471 1398.4 1464.9 1386.7 1460.6 1374 1458 1360.4 1457.1 1345.1 1458.2 1331.1 1461.4 1318.3 1466.5 1306.7 1473.4 1296.4 1481.8 1287.4 1491.7 1279.7 1502.8 1261.8 1450.8 1267.7 1439.2 1282 1417.5 1290.6 1407.6 1300.2 1398.4 1310.9 1390.2 1322.6 1382.9 1335.5 1376.7 1349.6 1371.7 1364.8 1367.9 1381.4 1365.6 1399.3 1364.9 1424.4 1366.4 1448 1371 1470 1378.6 1490.3 1389 1508.8 1402.3 1525.2 1418.3 1539.5 1437"}),react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"1090.9 1158.7 1261.8 1158.7 1261.8 1450.8 1279.7 1502.8 1273.3 1515 1268.3 1528 1264.7 1541.9 1262.5 1556.2 1261.8 1571 1262.5 1597.3 1264.6 1612.9 1268.1 1627.6 1273 1641.2 1279.2 1653.6 1255.5 1719.3 1246.4 1780.8 1129.8 1780.8 1136 1749 1140.9 1717.3 1144 1685.9 1145 1665.3 1145.2 1247.3 1090.9 1247.3"}))),_polygon4||(_polygon4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"814.38 561.29 813.94 570.11 812.62 578.84 810.44 587.41 807.42 595.73 803.57 603.71 798.96 611.28 793.61 618.38 787.58 624.92 782.64 629.43 775.56 634.86 767.97 639.59 759.95 643.56 751.58 646.74 742.92 649.09 734.07 650.6 725.12 651.25 716.14 651.03 707.23 649.95 698.46 648.02 689.93 645.25 681.73 641.67 673.91 637.31 666.57 632.23 659.77 626.46 653.58 620.07 648.05 613.1 643.25 605.64 639.21 597.76 635.98 589.52 633.59 581 632.05 572.3 631.38 563.5 631.61 554.67 632.71 545.9 634.68 537.29 637.49 528.9 641.13 520.83 645.56 513.14 650.73 505.92 656.59 499.23 663.1 493.15 670.18 487.72 677.77 482.99 685.78 479.02 687.85 478.14 696.3 475.17 705.02 473.03 713.9 471.73 722.87 471.29 731.84 471.73 740.72 473.03 749.43 475.17 757.89 478.14 766.01 481.92 773.71 486.47 780.92 491.72 787.58 497.65 793.61 504.2 798.96 511.29 803.57 518.87 807.42 526.85 810.44 535.16 812.62 543.73 813.94 552.47",fill:"currentColor",transform:"matrix(.06427 0 0 .06427 6.183 -15.817)"})),_polygon5||(_polygon5=react__WEBPACK_IMPORTED_MODULE_0__.createElement("polygon",{points:"770.12 557.1 773.43 553.3 775.93 548.94 777.52 544.18 778.15 539.2 777.77 534.19 776.42 529.36 774.14 524.88 771.02 520.92 767.18 517.65 762.77 515.17 757.95 513.6 752.92 512.99 752.28 512.98 747.23 513.47 742.38 514.93 737.91 517.29 733.98 520.47 730.77 524.35 728.38 528.78 726.91 533.58 726.41 538.57 726.91 543.56 728.38 548.36 730.77 552.79 733.98 556.66 737.91 559.85 742.38 562.21 746.61 563.54 751.65 564.15 756.7 563.78 761.59 562.44 766.12 560.19",fill:"#e7e7e7",transform:"matrix(.06427 0 0 .06427 6.183 -15.817)"})))}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/banner/Banner.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.Banner__down_arrow__ygmPs{transform:rotate(180deg)}.Banner__banner_wrapper__aBWIj{display:flex;position:relative;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.3);order:-2;background-color:#fff}.Banner__primary_override__j20PL{background:#1700c7;border:2px solid #1700c7;border-radius:20px;font-family:"Inter";font-style:normal;font-weight:600;font-size:14px;line-height:24px;min-height:40px;height:40px}.Banner__primary_override__j20PL:hover:enabled{background-color:#170696;border:solid 2px #170696}.Banner__primary_override__j20PL:focus{border:solid 2px #140968;background-color:#140968}.Banner__primary_override__j20PL:disabled,.Banner__primary_override__j20PL[disabled]{background-color:#babbbc;border:solid 2px #babbbc;color:#fff}.Banner__clear_override__QTJ_e{background-color:rgba(0,0,0,0);border:0;border-radius:20px;color:#1700c7;min-height:40px;height:40px;line-height:24px}.Banner__clear_override__QTJ_e:hover:enabled{background-color:#e8effd;border:solid 2px #e8effd;color:#170696}.Banner__clear_override__QTJ_e:focus{background-color:#cbd8f0;border:solid 2px #cbd8f0;color:#140968}.Banner__clear_override__QTJ_e:disabled,.Banner__clear_override__QTJ_e[disabled]{background-color:rgba(0,0,0,0);border:solid 2px #e7e7e7;color:#8f8f8f}.Banner__banner_container__nWMCq{max-width:960px;width:100%;display:flex;justify-content:space-between;align-items:left;flex-direction:column;padding:16px}@media(min-width: 768px){.Banner__banner_container__nWMCq{align-items:center;flex-direction:row;padding:16px 0;margin:0 16px}}@media(min-width: 1200px){.Banner__banner_container__nWMCq{max-width:1140px}}.Banner__branding_container__SrSLn{margin-bottom:16px}.Banner__branding_container__SrSLn h2{margin-bottom:4px;font-family:"Space Grotesk";font-style:normal;font-weight:700;font-size:24px;line-height:31px;color:#000}.Banner__branding_container__SrSLn p{font-family:"Inter";font-style:normal;font-weight:500;font-size:16px;line-height:150% !important;color:#000}@media(min-width: 768px){.Banner__branding_container__SrSLn{margin-bottom:0px}}.Banner__logo__bRLKF{width:80px;margin-bottom:10px}.Banner__expand_wrapper__kmANN{position:absolute;top:0;left:0;width:100%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.3);z-index:2;padding:24px 0 40px;display:flex;justify-content:center}@media(min-width: 768px){.Banner__expand_wrapper__kmANN{padding:48px 0 70px}}.Banner__banner_gradient__kBSE5{order:-3;padding:4px;background:radial-gradient(147.61% 1186.51% at 110.24% -15.63%, #FF806F 36.82%, #FFFF98 100%)}.Banner__radio_override__VXfio{margin-bottom:0}.Banner__radio_override__VXfio input{background-color:#fff}.Banner__radio_override__VXfio input:after{background-color:#fff}.Banner__radio_override__VXfio input:checked:after,.Banner__radio_override__VXfio input:checked:hover:after{background-color:#170696}.Banner__radio_override__VXfio span{font-family:"Inter";font-style:normal;font-weight:500;color:#000}.Banner__expand_container__BZKeP{max-width:960px}.Banner__expand_header__F679b{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 24px}.Banner__expand_header__F679b h2{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-size:24px;color:#000}@media(min-width: 992px){.Banner__expand_header__F679b h2{font-size:40px}}@media(min-width: 992px){.Banner__expand_header__F679b{margin-bottom:24px;padding:0 24px}}.Banner__close_button__S95Ne{color:#000 !important}.Banner__expand_contents__CIGiq{display:flex;flex-direction:column}@media(min-width: 992px){.Banner__expand_contents__CIGiq{flex-direction:row}}.Banner__checkbox_label__vvotD{margin-left:0 !important}.Banner__expand_form__RxewZ{display:flex;justify-content:center}.Banner__expand_messaging__s00LH p:first-child{margin-bottom:14px}.Banner__expand_messaging__s00LH,.Banner__expand_form__RxewZ{padding:14px 24px}.Banner__expand_messaging__s00LH>p,.Banner__expand_form__RxewZ>p{font-family:"Inter";font-style:normal;font-weight:500;font-size:16px;line-height:150%;color:#000}@media(min-width: 992px){.Banner__expand_messaging__s00LH,.Banner__expand_form__RxewZ{padding:0 24px;width:50%}}.Banner__expand_form_fields__Q8mlF{width:300px}@media(min-width: 768px){.Banner__expand_form_fields__Q8mlF{width:initial}}.Banner__expand_actions__d7liu{display:flex}.Banner__expand_actions__d7liu button[type=submit]{margin-right:10px}.Banner__expand_form_field__dwhsY{margin-bottom:24px}.Banner__expand_form_field__dwhsY>div{display:flex;flex-direction:row;align-items:center}.Banner__expand_form_field__dwhsY label{font-family:"Inter";font-style:normal;font-weight:500;font-size:16px;color:#000}.Banner__expand_form_field__dwhsY input{font-family:"Inter";font-style:normal;font-weight:500;color:#000}.Banner__expand_form_field__dwhsY input::placeholder{color:#aaa}.Banner__expand_checkbox_field__tCrV5{margin-bottom:40px}.Banner__expand_checkbox_field__tCrV5>div{background-color:#fff !important;border-color:#1700c7 !important}.Banner__expand_checkbox_field__tCrV5 p{font-family:"Inter";font-style:normal;font-weight:500;color:#000;line-height:150% !important}.Banner__expand_checkbox_field__tCrV5 p a{color:#1700c7;text-decoration:underline}.Banner__message_wrapper__kI5Tt{display:flex}.Banner__error_icon__W3bKb{margin-right:20px;height:32px;width:32px}.Banner__message_title__P9Igh{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-size:28px;line-height:36px;margin-bottom:16px;color:#000}.Banner__error_message_title__wrLjA{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-size:20px;line-height:26px;margin-bottom:8px;color:#d32947}.Banner__message_body__lRjVZ{font-family:"Inter";font-style:normal;font-weight:500;font-size:16px;line-height:150% !important;margin-bottom:16px;width:220px;color:#000}.Banner__success_image__dpkQE{height:75px;width:75px;margin-right:20px}@media(min-width: 576px){.Banner__success_image__dpkQE{height:134px;width:134px}}',"",{version:3,sources:["webpack://./src/react-components/banner/Banner.scss"],names:[],mappings:"AAEA,2BACE,wBAAA,CAGF,+BACE,YAAA,CACA,iBAAA,CACA,sBAAA,CACA,mCAAA,CACA,QAAA,CACA,qBAAA,CAGF,iCACE,kBAAA,CACA,wBAAA,CACA,kBAAA,CACA,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CACA,WAAA,CAEA,+CACE,wBAAA,CACA,wBAAA,CAGF,uCACE,wBAAA,CACA,wBAAA,CAGF,qFAEE,wBAAA,CACA,wBAAA,CACA,UAAA,CAIJ,+BACE,8BAAA,CACA,QAAA,CACA,kBAAA,CACA,aAAA,CACA,eAAA,CACA,WAAA,CACA,gBAAA,CAEA,6CACE,wBAAA,CACA,wBAAA,CACA,aAAA,CAGF,qCACE,wBAAA,CACA,wBAAA,CACA,aAAA,CAGF,iFAEE,8BAAA,CACA,wBAAA,CACA,aAAA,CAIJ,iCACE,eAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CACA,gBAAA,CACA,qBAAA,CACA,YAAA,CAEA,yBATF,iCAUI,kBAAA,CACA,kBAAA,CACA,cAAA,CACA,aAAA,CAAA,CAGF,0BAhBF,iCAiBI,gBAAA,CAAA,CAIJ,mCACE,kBAAA,CAEA,sCACE,iBAAA,CACA,2BAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CAGF,qCACE,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,2BAAA,CACA,UAAA,CAGF,yBAtBF,mCAuBI,iBAAA,CAAA,CAIJ,qBACE,UAAA,CACA,kBAAA,CAGF,+BACE,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,eAAA,CACA,mCAAA,CACA,SAAA,CACA,mBAAA,CACA,YAAA,CACA,sBAAA,CAEA,yBAZF,+BAaI,mBAAA,CAAA,CAIJ,gCACE,QAAA,CACA,WAAA,CACA,6FAAA,CAGF,+BACE,eAAA,CAEA,qCACE,qBAAA,CAGF,2CACE,qBAAA,CAGF,4GAEE,wBAAA,CAGF,oCACE,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,UAAA,CAIJ,iCACE,eAAA,CAGF,8BACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,kBAAA,CACA,cAAA,CAEA,iCACE,2BAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CAEA,yBAPF,iCAQI,cAAA,CAAA,CAIJ,yBAnBF,8BAoBI,kBAAA,CACA,cAAA,CAAA,CAKJ,6BACE,qBAAA,CAGF,gCACE,YAAA,CACA,qBAAA,CAEA,yBAJF,gCAKI,kBAAA,CAAA,CAIJ,+BACE,wBAAA,CAGF,4BACE,YAAA,CACA,sBAAA,CAIA,+CACE,kBAAA,CAIJ,6DAYE,iBAAA,CATA,iEACE,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,UAAA,CAKF,yBAdF,6DAeI,cAAA,CACA,SAAA,CAAA,CAKJ,mCACE,WAAA,CAEA,yBAHF,mCAII,aAAA,CAAA,CAKJ,+BACE,YAAA,CAEA,mDACE,iBAAA,CAIJ,kCACE,kBAAA,CAEA,sCACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,wCACE,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CAGF,wCACE,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,UAAA,CAEA,qDACE,UAAA,CAKN,sCACE,kBAAA,CAEA,0CACE,gCAAA,CACA,+BAAA,CAIF,wCACE,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,UAAA,CACA,2BAAA,CAEA,0CACE,aAAA,CACA,yBAAA,CAKN,gCACE,YAAA,CAGF,2BACE,iBAAA,CACA,WAAA,CACA,UAAA,CAGF,8BACE,2BAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CAGF,oCACE,2BAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,iBAAA,CACA,aAAA,CAGF,6BACE,mBAAA,CACA,iBAAA,CACA,eAAA,CACA,cAAA,CACA,2BAAA,CACA,kBAAA,CACA,WAAA,CACA,UAAA,CAGF,8BACE,WAAA,CACA,UAAA,CACA,iBAAA,CAEA,yBALF,8BAMI,YAAA,CACA,WAAA,CAAA",sourcesContent:["@use \"../styles/theme.scss\";\n\n:local(.down_arrow) {\n transform: rotate(180deg);\n}\n\n:local(.banner_wrapper) {\n display: flex;\n position: relative;\n justify-content: center;\n box-shadow: 0 3px 8px rgba(#000000, 0.3);\n order: -2;\n background-color: #ffffff;\n}\n\n:local(.primary_override) {\n background: #1700C7;\n border: 2px solid #1700C7;\n border-radius: 20px;\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 24px;\n min-height: 40px;\n height: 40px;\n\n &:hover:enabled {\n background-color: #170696;\n border: solid 2px #170696;\n }\n\n &:focus {\n border: solid 2px #140968;\n background-color: #140968;\n }\n\n &:disabled,\n &[disabled] {\n background-color: #BABBBC;\n border: solid 2px #BABBBC;\n color: #ffffff;\n }\n}\n\n:local(.clear_override) {\n background-color: transparent;\n border: 0;\n border-radius: 20px;\n color: #1700C7;\n min-height: 40px;\n height: 40px;\n line-height: 24px;\n\n &:hover:enabled {\n background-color: #E8EFFD;\n border: solid 2px #E8EFFD;\n color: #170696;\n }\n\n &:focus {\n background-color: #CBD8F0;\n border: solid 2px #CBD8F0;\n color: #140968;\n }\n\n &:disabled,\n &[disabled] {\n background-color: transparent;\n border: solid 2px #E7E7E7;\n color: #8F8F8F;\n }\n}\n\n:local(.banner_container) {\n max-width: 960px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: left;\n flex-direction: column;\n padding: 16px;\n\n @media(min-width: theme.$breakpoint-md) {\n align-items: center;\n flex-direction: row;\n padding: 16px 0;\n margin: 0 16px;\n }\n\n @media(min-width: theme.$breakpoint-xl) {\n max-width: 1140px;\n }\n}\n\n:local(.branding_container) {\n margin-bottom: 16px;\n\n h2 {\n margin-bottom: 4px;\n font-family: 'Space Grotesk';\n font-style: normal;\n font-weight: 700;\n font-size: 24px;\n line-height: 31px;\n color: #000000;\n }\n\n p {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-size: 16px;\n line-height: 150% !important;\n color: #000000;\n }\n\n @media(min-width: theme.$breakpoint-md) {\n margin-bottom: 0px;\n }\n}\n\n:local(.logo) {\n width: 80px;\n margin-bottom: 10px;\n}\n\n:local(.expand_wrapper) {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: #ffffff;\n box-shadow: 0 3px 8px rgba(#000000, 0.3);\n z-index: 2;\n padding: 24px 0 40px;\n display: flex;\n justify-content: center;\n\n @media(min-width: theme.$breakpoint-md) {\n padding: 48px 0 70px;\n }\n}\n\n:local(.banner_gradient) {\n order: -3;\n padding: 4px;\n background: radial-gradient(147.61% 1186.51% at 110.24% -15.63%, #FF806F 36.82%, #FFFF98 100%)\n}\n\n:local(.radio_override) {\n margin-bottom: 0;\n\n input {\n background-color: #ffffff;\n }\n\n input:after {\n background-color: #ffffff;\n }\n\n input:checked:after,\n input:checked:hover:after {\n background-color: #170696;\n }\n\n span {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n color: #000000;\n }\n}\n\n:local(.expand_container) {\n max-width: 960px;\n}\n\n:local(.expand_header) {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n padding: 0 24px;\n\n h2 {\n font-family: 'Space Grotesk';\n font-style: normal;\n font-weight: 700;\n font-size: 24px;\n color: #000000;\n\n @media(min-width: theme.$breakpoint-lg) {\n font-size: 40px;\n }\n }\n\n @media(min-width: theme.$breakpoint-lg) {\n margin-bottom: 24px;\n padding: 0 24px;\n }\n\n}\n\n:local(.close_button) {\n color: #000000 !important;\n}\n\n:local(.expand_contents) {\n display: flex;\n flex-direction: column;\n\n @media(min-width: theme.$breakpoint-lg) {\n flex-direction: row;\n }\n}\n\n:local(.checkbox_label) {\n margin-left: 0 !important;\n}\n\n:local(.expand_form) {\n display: flex;\n justify-content: center;\n}\n\n:local(.expand_messaging) {\n p:first-child {\n margin-bottom: 14px;\n }\n}\n\n:local(.expand_messaging),\n:local(.expand_form) {\n\n &>p {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-size: 16px;\n line-height: 150%;\n color: #000000;\n }\n\n padding: 14px 24px;\n\n @media(min-width: theme.$breakpoint-lg) {\n padding: 0 24px;\n width: 50%;\n }\n\n}\n\n:local(.expand_form_fields) {\n width: 300px;\n\n @media(min-width: theme.$breakpoint-md) {\n width: initial;\n }\n}\n\n\n:local(.expand_actions) {\n display: flex;\n\n button[type=\"submit\"] {\n margin-right: 10px;\n }\n}\n\n:local(.expand_form_field) {\n margin-bottom: 24px;\n\n &>div {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n label {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-size: 16px;\n color: #000000;\n }\n\n input {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n color: #000000;\n\n &::placeholder {\n color: #AAAAAA;\n }\n }\n}\n\n:local(.expand_checkbox_field) {\n margin-bottom: 40px;\n\n &>div {\n background-color: #ffffff !important;\n border-color: #1700C7 !important;\n }\n\n\n & p {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n color: #000000;\n line-height: 150% !important;\n\n a {\n color: #1700C7;\n text-decoration: underline;\n }\n }\n}\n\n:local(.message_wrapper) {\n display: flex;\n}\n\n:local(.error_icon) {\n margin-right: 20px;\n height: 32px;\n width: 32px;\n}\n\n:local(.message_title) {\n font-family: 'Space Grotesk';\n font-style: normal;\n font-weight: 700;\n font-size: 28px;\n line-height: 36px;\n margin-bottom: 16px;\n color: #000000;\n}\n\n:local(.error_message_title) {\n font-family: 'Space Grotesk';\n font-style: normal;\n font-weight: 700;\n font-size: 20px;\n line-height: 26px;\n margin-bottom: 8px;\n color: #D32947;\n}\n\n:local(.message_body) {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 500;\n font-size: 16px;\n line-height: 150% !important;\n margin-bottom: 16px;\n width: 220px;\n color: #000000;\n}\n\n:local(.success_image) {\n height: 75px;\n width: 75px;\n margin-right: 20px;\n\n @media(min-width: theme.$breakpoint-sm) {\n height: 134px;\n width: 134px;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={down_arrow:"Banner__down_arrow__ygmPs",downArrow:"Banner__down_arrow__ygmPs",banner_wrapper:"Banner__banner_wrapper__aBWIj",bannerWrapper:"Banner__banner_wrapper__aBWIj",primary_override:"Banner__primary_override__j20PL",primaryOverride:"Banner__primary_override__j20PL",clear_override:"Banner__clear_override__QTJ_e",clearOverride:"Banner__clear_override__QTJ_e",banner_container:"Banner__banner_container__nWMCq",bannerContainer:"Banner__banner_container__nWMCq",branding_container:"Banner__branding_container__SrSLn",brandingContainer:"Banner__branding_container__SrSLn",logo:"Banner__logo__bRLKF",expand_wrapper:"Banner__expand_wrapper__kmANN",expandWrapper:"Banner__expand_wrapper__kmANN",banner_gradient:"Banner__banner_gradient__kBSE5",bannerGradient:"Banner__banner_gradient__kBSE5",radio_override:"Banner__radio_override__VXfio",radioOverride:"Banner__radio_override__VXfio",expand_container:"Banner__expand_container__BZKeP",expandContainer:"Banner__expand_container__BZKeP",expand_header:"Banner__expand_header__F679b",expandHeader:"Banner__expand_header__F679b",close_button:"Banner__close_button__S95Ne",closeButton:"Banner__close_button__S95Ne",expand_contents:"Banner__expand_contents__CIGiq",expandContents:"Banner__expand_contents__CIGiq",checkbox_label:"Banner__checkbox_label__vvotD",checkboxLabel:"Banner__checkbox_label__vvotD",expand_form:"Banner__expand_form__RxewZ",expandForm:"Banner__expand_form__RxewZ",expand_messaging:"Banner__expand_messaging__s00LH",expandMessaging:"Banner__expand_messaging__s00LH",expand_form_fields:"Banner__expand_form_fields__Q8mlF",expandFormFields:"Banner__expand_form_fields__Q8mlF",expand_actions:"Banner__expand_actions__d7liu",expandActions:"Banner__expand_actions__d7liu",expand_form_field:"Banner__expand_form_field__dwhsY",expandFormField:"Banner__expand_form_field__dwhsY",expand_checkbox_field:"Banner__expand_checkbox_field__tCrV5",expandCheckboxField:"Banner__expand_checkbox_field__tCrV5",message_wrapper:"Banner__message_wrapper__kI5Tt",messageWrapper:"Banner__message_wrapper__kI5Tt",error_icon:"Banner__error_icon__W3bKb",errorIcon:"Banner__error_icon__W3bKb",message_title:"Banner__message_title__P9Igh",messageTitle:"Banner__message_title__P9Igh",error_message_title:"Banner__error_message_title__wrLjA",errorMessageTitle:"Banner__error_message_title__wrLjA",message_body:"Banner__message_body__lRjVZ",messageBody:"Banner__message_body__lRjVZ",success_image:"Banner__success_image__dpkQE",successImage:"Banner__success_image__dpkQE"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/home/SignInButton.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".SignInButton__sign-in-button__wkehl{display:none}@media(min-width: 992px){.SignInButton__sign-in-button__wkehl{display:flex}}.SignInButton__mobile-sign-in__iBsWv{display:flex}@media(min-width: 992px){.SignInButton__mobile-sign-in__iBsWv{display:none}}","",{version:3,sources:["webpack://./src/react-components/home/SignInButton.scss"],names:[],mappings:"AAEA,qCACI,YAAA,CACA,yBAFJ,qCAGQ,YAAA,CAAA,CAIR,qCACI,YAAA,CACA,yBAFJ,qCAGQ,YAAA,CAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.sign-in-button) {\n display: none;\n @media(min-width: theme.$breakpoint-lg) {\n display: flex;\n }\n}\n\n:local(.mobile-sign-in) {\n display: flex;\n @media(min-width: theme.$breakpoint-lg) {\n display: none;\n }\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"sign-in-button":"SignInButton__sign-in-button__wkehl",signInButton:"SignInButton__sign-in-button__wkehl","mobile-sign-in":"SignInButton__mobile-sign-in__iBsWv",mobileSignIn:"SignInButton__mobile-sign-in__iBsWv"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/input/CloseButton.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"@media(min-width: 992px)and (min-height: 600px){.CloseButton__lg__CMV4C svg{height:20px;width:20px}}","",{version:3,sources:["webpack://./src/react-components/input/CloseButton.scss"],names:[],mappings:"AAGE,gDACE,4BACE,WAAA,CACA,UAAA,CAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.lg) {\n @media(min-width: theme.$breakpoint-lg) and (min-height: theme.$breakpoint-vr) {\n svg {\n height: 20px;\n width: 20px;\n }\n }\n}'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={lg:"CloseButton__lg__CMV4C"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Center.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Center__center__V2Mzq{display:flex;justify-content:center;align-items:center;flex:1;height:100%}","",{version:3,sources:["webpack://./src/react-components/layout/Center.scss"],names:[],mappings:"AAAA,uBACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,MAAA,CACA,WAAA",sourcesContent:[":local(.center) {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1;\n height: 100%;\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={center:"Center__center__V2Mzq"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Footer.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"footer{display:block;background-color:var(--background2-color);font-size:14px;padding:20px}@media(min-width: 992px){footer{padding:0;display:flex}}footer nav{display:flex}@media(min-width: 992px){footer nav{flex:1;justify-content:flex-end}}footer nav ul{display:flex;margin:0;padding:0;list-style:none;align-items:center;flex-direction:column}@media(min-width: 992px){footer nav ul{flex-direction:row}}footer nav a{color:var(--text1-color);font-weight:bold}footer nav li{display:flex;padding-top:20px;align-items:center}@media(min-width: 992px){footer nav li{padding-top:0;margin-right:20px}}.Footer__container__vNTIL{flex-direction:column;align-items:center}@media(min-width: 992px){.Footer__container__vNTIL{height:80px;flex-direction:row;align-items:inherit}}.Footer__powered-by__oKbdD{text-align:center;color:var(--text1-color);display:flex;justify-content:center;flex-direction:column}@media(min-width: 992px){.Footer__powered-by__oKbdD{margin-left:20px}}.Footer__company-logo__DtHeI{height:49px}@media(min-width: 992px){.Footer__company-logo__DtHeI{margin-left:18px;height:41px}}.Footer__discord-logo__FQyKr{height:24px;width:24px;display:inline;margin-right:4px}","",{version:3,sources:["webpack://./src/react-components/layout/Footer.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,OACE,aAAA,CACA,yCCmKkB,CDlKlB,cCOa,CDNb,YAAA,CAEA,yBANF,OAOI,SAAA,CACA,YAAA,CAAA,CAGF,WACE,YAAA,CAEA,yBAHF,WAII,MAAA,CACA,wBAAA,CAAA,CAIF,cACE,YAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CACA,kBAAA,CACA,qBAAA,CAEA,yBARF,cASI,kBAAA,CAAA,CAIJ,aACE,wBCiEQ,CDhER,gBAAA,CAGF,cACE,YAAA,CACA,gBAAA,CACA,kBAAA,CAEA,yBALF,cAMI,aAAA,CACA,iBAAA,CAAA,CAMR,0BACE,qBAAA,CACA,kBAAA,CAEA,yBAJF,0BAKI,WAAA,CACA,kBAAA,CACA,mBAAA,CAAA,CAIJ,2BACE,iBAAA,CACA,wBCmCY,CDlCZ,YAAA,CACA,sBAAA,CACA,qBAAA,CAEA,yBAPF,2BAQI,gBAAA,CAAA,CAIJ,6BACE,WAAA,CAEA,yBAHF,6BAII,gBAAA,CACA,WAAA,CAAA,CAIJ,6BACE,WAAA,CACA,UAAA,CACA,cAAA,CACA,gBAAA",sourcesContent:['@use "../styles/theme.scss";\n\nfooter {\n display: block;\n background-color: theme.$background2-color;\n font-size: theme.$font-size-md;\n padding: 20px;\n\n @media(min-width: theme.$breakpoint-lg) {\n padding: 0;\n display: flex;\n }\n\n nav {\n display: flex;\n\n @media(min-width: theme.$breakpoint-lg) {\n flex: 1;\n justify-content: flex-end;\n }\n\n\n ul {\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n align-items: center;\n flex-direction: column;\n\n @media(min-width: theme.$breakpoint-lg) {\n flex-direction: row;\n }\n }\n\n a {\n color: theme.$text1-color;\n font-weight: bold;\n }\n\n li {\n display: flex;\n padding-top: 20px;\n align-items: center;\n\n @media(min-width: theme.$breakpoint-lg) {\n padding-top: 0;\n margin-right: 20px;\n }\n }\n }\n}\n\n:local(.container) {\n flex-direction: column;\n align-items: center;\n\n @media(min-width: theme.$breakpoint-lg) {\n height: 80px;\n flex-direction: row;\n align-items: inherit;\n }\n}\n\n:local(.powered-by) {\n text-align: center;\n color: theme.$text1-color;\n display: flex;\n justify-content: center;\n flex-direction: column;\n\n @media(min-width: theme.$breakpoint-lg) {\n margin-left: 20px;\n }\n}\n\n:local(.company-logo) {\n height: 49px;\n\n @media(min-width: theme.$breakpoint-lg) {\n margin-left: 18px;\n height: 41px;\n }\n}\n\n:local(.discord-logo) {\n height: 24px;\n width: 24px;\n display: inline;\n margin-right: 4px;\n}\n',"// Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n PRIMARY INTERACTION\n **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n SECONDARY INTERACTION\n **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n SEMANTIC\n **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n TEXT\n **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n BORDER\n **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n NEUTRALS\n **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n STATUS\n **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n BACKGROUNDS\n **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n MENU\n **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"Footer__container__vNTIL","powered-by":"Footer__powered-by__oKbdD",poweredBy:"Footer__powered-by__oKbdD","company-logo":"Footer__company-logo__DtHeI",companyLogo:"Footer__company-logo__DtHeI","discord-logo":"Footer__discord-logo__FQyKr",discordLogo:"Footer__discord-logo__FQyKr"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Header.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"header{display:block}@media(min-width: 992px){header{padding:0}}header a{color:#000;font-weight:bold;text-decoration:none;white-space:nowrap}header nav{display:flex;flex-direction:column}@media(min-width: 992px){header nav{flex-direction:row}}header nav li{padding-top:20px}header nav li:first-child{padding-top:20px}@media(min-width: 992px){header nav li{padding-top:0}}header nav a{margin:0 16px;font-size:14px;color:var(--text1-color)}header nav ul{display:flex;margin:0;padding:0;list-style:none;flex-direction:column;align-items:center;justify-content:space-between}@media(min-width: 992px){header nav ul{justify-content:flex-end;flex-direction:row}}.Header__container__BpPbH{flex-direction:column;align-items:center}@media(min-width: 992px){.Header__container__BpPbH{height:140px;flex-direction:row;align-items:inherit}}.Header__home-link__bm6Gr{display:inline-block;width:124px}.Header__home-link__bm6Gr img{max-height:83px;height:100%}.Header__sign-in__BKJNU{display:none;flex-direction:column;align-items:center;padding-top:20px;font-size:14px;font-weight:700}.Header__sign-in__BKJNU a{margin-left:8px;color:var(--link-color)}@media(min-width: 992px){.Header__sign-in__BKJNU{display:flex;flex-direction:row;justify-content:flex-end;flex:1;padding-top:0}}.Header__nav-container__jZFTK{position:relative;margin-bottom:-56px;margin-top:1rem;z-index:1;display:flex;align-content:center;flex-direction:row;justify-content:flex-start;width:100vw}@media(min-width: 992px){.Header__nav-container__jZFTK{display:none}}.Header__mobile-nav-wrapper__HP7BC{display:flex;align-content:center;flex-direction:row;justify-content:space-around;margin:auto;max-width:100%}.Header__mobile-nav-wrapper__HP7BC header{width:100vw;height:220px;margin-right:42px;padding:0}.Header__mobile-nav-wrapper__HP7BC svg{margin-left:21px;cursor:pointer;color:var(--text1-color)}.Header__mobile-nav-wrapper__HP7BC li:first-child{padding-top:0}.Header__mobile-nav-wrapper__HP7BC a{font-size:1.2rem}.Header__mobile-nav-wrapper__HP7BC header{visibility:hidden;opacity:0;height:0px;transition:height .3s;overflow:hidden}.Header__mobile-nav-wrapper__HP7BC header.is-active{opacity:1;height:280px;visibility:visible;transition:opacity .4s,visibility .4s,height .6s}.Header__mobile-nav-wrapper__HP7BC header.is-active ul{height:230px;justify-content:space-between}.Header__mobile-nav-wrapper__HP7BC header.cloud{height:230px}.Header__mobile-nav-wrapper__HP7BC header.cloud ul{height:200px;justify-content:center}","",{version:3,sources:["webpack://./src/react-components/layout/Header.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,OACE,aAAA,CAGA,yBAJF,OAKI,SAAA,CAAA,CAGF,SACE,UC2CI,CD1CJ,gBAAA,CACA,oBAAA,CACA,kBAAA,CAGF,WACE,YAAA,CACA,qBAAA,CAEA,yBAJF,WAKI,kBAAA,CAAA,CAGF,cAIE,gBAAA,CAHA,0BACE,gBAAA,CAIF,yBANF,cAOI,aAAA,CAAA,CAIJ,aACE,aAAA,CACA,cC1BS,CD2BT,wBC8DQ,CD3DV,cACE,YAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CACA,qBAAA,CACA,kBAAA,CACA,6BAAA,CAEA,yBATF,cAUI,wBAAA,CACA,kBAAA,CAAA,CAMR,0BACE,qBAAA,CACA,kBAAA,CAEA,yBAJF,0BAKI,YAAA,CACA,kBAAA,CACA,mBAAA,CAAA,CAIJ,0BACE,oBAAA,CACA,WAAA,CAEA,8BACE,eAAA,CACA,WAAA,CAGJ,wBACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,gBAAA,CACA,cCxEa,CDyEb,eClEiB,CDoEjB,0BACE,eAAA,CACA,uBC6BS,CD1BX,yBAbF,wBAcI,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,MAAA,CACA,aAAA,CAAA,CAIJ,8BACE,iBAAA,CACA,mBAAA,CACA,eAAA,CACA,SAAA,CACA,YAAA,CACA,oBAAA,CACA,kBAAA,CACA,0BAAA,CACA,WAAA,CACA,yBAVF,8BAWI,YAAA,CAAA,CAIJ,mCACE,YAAA,CACA,oBAAA,CACA,kBAAA,CACA,4BAAA,CACA,WAAA,CACA,cAAA,CAEA,0CACE,WAAA,CACA,YAAA,CACA,iBAAA,CACA,SAAA,CAEF,uCACE,gBAAA,CACA,cAAA,CACA,wBChCU,CDkCZ,kDACE,aAAA,CAEF,qCACE,gBAAA,CAGF,0CACE,iBAAA,CACA,SAAA,CACA,UAAA,CACA,qBAAA,CACA,eAAA,CAGF,oDACE,SAAA,CACA,YAAA,CACA,kBAAA,CACA,gDAAA,CACA,uDACE,YAAA,CACA,6BAAA,CAGJ,gDACE,YAAA,CACA,mDACE,YAAA,CACA,sBAAA",sourcesContent:['@use "../styles/theme.scss";\n\nheader {\n display: block;\n \n\n @media(min-width: theme.$breakpoint-lg) {\n padding: 0;\n }\n\n a {\n color: theme.$black;\n font-weight: bold;\n text-decoration: none;\n white-space: nowrap;\n }\n\n nav {\n display: flex;\n flex-direction: column;\n\n @media(min-width: theme.$breakpoint-lg) {\n flex-direction: row;\n }\n\n li {\n &:first-child {\n padding-top: 20px;\n }\n padding-top: 20px;\n\n @media(min-width: theme.$breakpoint-lg) {\n padding-top: 0;\n }\n }\n\n a {\n margin: 0 16px;\n font-size: theme.$font-size-md;\n color: theme.$text1-color;\n }\n\n ul {\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n\n @media(min-width: theme.$breakpoint-lg) {\n justify-content: flex-end;\n flex-direction: row;\n }\n }\n }\n}\n\n:local(.container) {\n flex-direction: column;\n align-items: center;\n\n @media(min-width: theme.$breakpoint-lg) {\n height: 140px;\n flex-direction: row;\n align-items: inherit;\n }\n}\n\n:local(.home-link) {\n display: inline-block;\n width: 124px;\n \n img {\n max-height: 83px;\n height: 100%;\n }\n}\n:local(.sign-in) {\n display: none;\n flex-direction: column;\n align-items: center;\n padding-top: 20px;\n font-size: theme.$font-size-md;\n font-weight: theme.$font-weight-bold;\n \n a {\n margin-left: 8px;\n color: theme.$link-color;\n }\n\n @media(min-width: theme.$breakpoint-lg) {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n flex: 1;\n padding-top: 0;\n }\n}\n\n:local(.nav-container) {\n position: relative;\n margin-bottom: -56px;\n margin-top: 1rem;\n z-index: 1;\n display: flex;\n align-content: center;\n flex-direction: row;\n justify-content: flex-start;\n width: 100vw;\n @media(min-width: theme.$breakpoint-lg) {\n display: none;\n }\n}\n\n:local(.mobile-nav-wrapper) {\n display: flex;\n align-content: center;\n flex-direction: row;\n justify-content: space-around;\n margin: auto;\n max-width: 100%;\n\n header {\n width: 100vw;\n height: 220px;\n margin-right: 42px;\n padding: 0;\n }\n svg {\n margin-left: 21px;\n cursor: pointer;\n color: theme.$text1-color;\n }\n li:first-child {\n padding-top: 0;\n }\n a {\n font-size: 1.2rem;\n }\n\n header {\n visibility: hidden;\n opacity: 0;\n height: 0px;\n transition: height .3s;\n overflow: hidden;\n }\n\n header.is-active {\n opacity: 1;\n height:280px;\n visibility: visible;\n transition: opacity .4s, visibility .4s, height .6s;\n ul {\n height:230px;\n justify-content: space-between;\n }\n }\n header.cloud {\n height:230px;\n ul {\n height:200px;\n justify-content: center;\n }\n }\n}\n',"// Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n PRIMARY INTERACTION\n **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n SECONDARY INTERACTION\n **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n SEMANTIC\n **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n TEXT\n **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n BORDER\n **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n NEUTRALS\n **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n STATUS\n **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n BACKGROUNDS\n **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n MENU\n **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"Header__container__BpPbH","home-link":"Header__home-link__bm6Gr",homeLink:"Header__home-link__bm6Gr","sign-in":"Header__sign-in__BKJNU",signIn:"Header__sign-in__BKJNU","nav-container":"Header__nav-container__jZFTK",navContainer:"Header__nav-container__jZFTK","mobile-nav-wrapper":"Header__mobile-nav-wrapper__HP7BC",mobileNavWrapper:"Header__mobile-nav-wrapper__HP7BC"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/layout/Page.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"*{box-sizing:border-box}html,body,#root,#ui-root,.home-root{margin:0;height:100%}body{background:var(--background1-color)}#root,#ui-root,.home-root{display:flex;flex-direction:column}h1{font-size:2rem}h2{font-size:1.5rem}main{display:block;order:-1;flex:1}@media(min-width: 992px){main{order:0;display:flex;flex-direction:column}}","",{version:3,sources:["webpack://./src/react-components/layout/Page.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,EACE,qBAAA,CAGF,oCAKE,QAAA,CACA,WAAA,CAGF,KACE,mCCsJkB,CDnJpB,0BAGE,YAAA,CACA,qBAAA,CAGF,GACE,cAAA,CAGF,GACE,gBAAA,CAGF,KACE,aAAA,CACA,QAAA,CACA,MAAA,CAEA,yBALF,KAMI,OAAA,CACA,YAAA,CACA,qBAAA,CAAA",sourcesContent:['@use "../styles/theme.scss";\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody,\n:global(#root),\n:global(#ui-root),\n:global(.home-root) {\n margin: 0;\n height: 100%;\n}\n\nbody {\n background: theme.$background1-color;\n}\n\n:global(#root),\n:global(#ui-root),\n:global(.home-root) {\n display: flex;\n flex-direction: column;\n}\n\nh1 {\n font-size: 2rem;\n}\n\nh2 {\n font-size: 1.5rem;\n}\n\nmain {\n display: block;\n order: -1;\n flex: 1;\n\n @media (min-width: theme.$breakpoint-lg) {\n order: 0;\n display: flex;\n flex-direction: column;\n }\n}\n',"// Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n PRIMARY INTERACTION\n **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n SECONDARY INTERACTION\n **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n SEMANTIC\n **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n TEXT\n **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n BORDER\n **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n NEUTRALS\n **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n STATUS\n **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n BACKGROUNDS\n **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n MENU\n **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/misc/Spinner.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Spinner__spinner__jvUtq{animation:rotate 3s infinite linear;color:var(--primary-color)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}","",{version:3,sources:["webpack://./src/react-components/misc/Spinner.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,yBACE,mCAAA,CACA,0BC4Jc,CD1Jd,kBACE,GACI,sBAAA,CAEJ,KACI,wBAAA,CAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.spinner) {\n animation: rotate 3s infinite linear;\n color: theme.$primary-color;\n\n @keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n',"// Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n PRIMARY INTERACTION\n **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n SECONDARY INTERACTION\n **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n SEMANTIC\n **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n TEXT\n **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n BORDER\n **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n NEUTRALS\n **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n STATUS\n **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n BACKGROUNDS\n **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n MENU\n **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={spinner:"Spinner__spinner__jvUtq"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]); |