hubs/room-ObjectMenu-stories.8898057b.iframe.bundle.js

/*! For license information please see room-ObjectMenu-stories.8898057b.iframe.bundle.js.LICENSE.txt */
(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[1410],{"./src/react-components/room/ObjectMenu.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Base:()=>Base,WithSidebarOpen:()=>WithSidebarOpen,__namedExportsOrder:()=>__namedExportsOrder,default:()=>ObjectMenu_stories});var react=__webpack_require__("./node_modules/react/index.js"),RoomLayout=__webpack_require__("./src/react-components/layout/RoomLayout.js"),Pin=__webpack_require__("./src/react-components/icons/Pin.svg"),Link=__webpack_require__("./src/react-components/icons/Link.svg"),GoTo=__webpack_require__("./src/react-components/icons/GoTo.svg"),Delete=__webpack_require__("./src/react-components/icons/Delete.svg"),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),joinChildren=__webpack_require__("./src/react-components/misc/joinChildren.js"),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),ObjectMenu=__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/room/ObjectMenu.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()(ObjectMenu.Z,options);const room_ObjectMenu=ObjectMenu.Z&&ObjectMenu.Z.locals?ObjectMenu.Z.locals:void 0;var _path,_path2,_path3,IconButton=__webpack_require__("./src/react-components/input/IconButton.js"),Close=__webpack_require__("./src/react-components/icons/Close.svg"),ChevronBack=__webpack_require__("./src/react-components/icons/ChevronBack.svg"),ArrowBack=__webpack_require__("./src/react-components/icons/ArrowBack.svg"),ArrowForward=__webpack_require__("./src/react-components/icons/ArrowForward.svg");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 SvgLightbulb=_ref=>{let{title,titleId,...props}=_ref;return react.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.createElement("title",{id:titleId},title):null,_path||(_path=react.createElement("path",{d:"M11.25 18.125h-2.5a.625.625 0 1 0 0 1.25h2.5a.625.625 0 0 0 0-1.25Z",fill:"currentColor"})),_path2||(_path2=react.createElement("path",{d:"M11.875 16.25h-3.75a.625.625 0 0 0 0 1.25h3.75a.625.625 0 1 0 0-1.25Z",fill:"currentColor"})),_path3||(_path3=react.createElement("path",{d:"M14.43 2.449A6.214 6.214 0 0 0 10 .625a6.235 6.235 0 0 0-6.25 6.25c0 1.821.698 3.525 1.914 4.674l.17.16c.704.657 1.666 1.558 1.666 2.354V15a.625.625 0 0 0 .625.625h.938a.313.313 0 0 0 .312-.312v-4.578a.313.313 0 0 0-.2-.291 5.104 5.104 0 0 1-1.022-.561.625.625 0 1 1 .726-1.016c.289.205.845.508 1.121.508s.832-.304 1.122-.508a.625.625 0 0 1 .725 1.016 5.102 5.102 0 0 1-1.022.56.313.313 0 0 0-.2.291v4.579a.313.313 0 0 0 .313.312h.937A.625.625 0 0 0 12.5 15v-.937c0-.777.952-1.677 1.646-2.335l.192-.182c1.251-1.194 1.912-2.811 1.912-4.67a6.216 6.216 0 0 0-1.82-4.427Z",fill:"currentColor"})))};var LightbulbOutline_path,LightbulbOutline_path2,LightbulbOutline_path3,_path4,_path5;function LightbulbOutline_extends(){return LightbulbOutline_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},LightbulbOutline_extends.apply(this,arguments)}const SvgLightbulbOutline=_ref=>{let{title,titleId,...props}=_ref;return react.createElement("svg",LightbulbOutline_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.createElement("title",{id:titleId},title):null,LightbulbOutline_path||(LightbulbOutline_path=react.createElement("path",{d:"M11.875 15v-.937c0-1.133 1.232-2.204 2.031-2.969 1.127-1.077 1.719-2.523 1.719-4.218A5.595 5.595 0 0 0 10 1.25a5.61 5.61 0 0 0-5.625 5.625c0 1.634.618 3.179 1.719 4.218.795.75 2.031 1.825 2.031 2.97V15",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),LightbulbOutline_path2||(LightbulbOutline_path2=react.createElement("path",{d:"M8.75 18.75h2.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),LightbulbOutline_path3||(LightbulbOutline_path3=react.createElement("path",{d:"M8.125 16.875h3.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react.createElement("path",{d:"M10 15v-5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path5||(_path5=react.createElement("path",{d:"M11.484 9.375S10.644 10 10 10s-1.484-.625-1.484-.625",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))};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 ObjectMenuButton(_ref){let{children,className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsx)(IconButton.h,_objectSpread(_objectSpread({compactSm:!0,className:classnames_default()(room_ObjectMenu.objectMenuButton,className)},rest),{},{children}))}function ObjectMenu_ObjectMenu(_ref2){let{children,title,onClose,onBack,onPrevObject,onNextObject,currentObjectIndex,objectCount,onToggleLights,lightsEnabled,isAvatar}=_ref2;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(IconButton.h,{className:room_ObjectMenu.backButton,onClick:onBack,children:(0,jsx_runtime.jsx)(ChevronBack.r,{width:24,height:24})}),(0,jsx_runtime.jsx)(IconButton.h,{className:room_ObjectMenu.lightsButton,onClick:onToggleLights,children:lightsEnabled?(0,jsx_runtime.jsx)(SvgLightbulbOutline,{title:"Turn Lights Off",width:24,height:24}):(0,jsx_runtime.jsx)(SvgLightbulb,{title:"Turn Lights On",width:24,height:24})}),(0,jsx_runtime.jsxs)("div",{className:room_ObjectMenu.objectMenuContainer,children:[(0,jsx_runtime.jsxs)("div",{className:room_ObjectMenu.objectMenu,children:[(0,jsx_runtime.jsxs)("div",{className:room_ObjectMenu.header,children:[(0,jsx_runtime.jsx)(IconButton.h,{className:room_ObjectMenu.closeButton,onClick:onClose,children:(0,jsx_runtime.jsx)(Close.r,{width:16,height:16})}),(0,jsx_runtime.jsx)("h5",{children:title}),(0,jsx_runtime.jsx)(IconButton.h,{className:room_ObjectMenu.lightsHeaderButton,onClick:onToggleLights,children:lightsEnabled?(0,jsx_runtime.jsx)(SvgLightbulbOutline,{title:"Turn Lights Off",width:16,height:16}):(0,jsx_runtime.jsx)(SvgLightbulb,{title:"Turn Lights On",width:16,height:16})})]}),(0,jsx_runtime.jsx)("div",{className:room_ObjectMenu.menu,children:(0,joinChildren.l)(children,(()=>(0,jsx_runtime.jsx)("div",{className:room_ObjectMenu.separator})))})]}),!isAvatar&&(0,jsx_runtime.jsxs)("div",{className:room_ObjectMenu.pagination,children:[(0,jsx_runtime.jsx)(IconButton.h,{onClick:onPrevObject,children:(0,jsx_runtime.jsx)(ArrowBack.r,{width:24,height:24})}),(0,jsx_runtime.jsxs)("p",{children:[currentObjectIndex+1,"/",objectCount]}),(0,jsx_runtime.jsx)(IconButton.h,{onClick:onNextObject,children:(0,jsx_runtime.jsx)(ArrowForward.r,{width:24,height:24})})]})]})]})}ObjectMenuButton.displayName="ObjectMenuButton",ObjectMenuButton.propTypes={className:prop_types_default().string,children:prop_types_default().node},ObjectMenu_ObjectMenu.propTypes={currentObjectIndex:prop_types_default().number.isRequired,objectCount:prop_types_default().number.isRequired,onPrevObject:prop_types_default().func,onNextObject:prop_types_default().func,children:prop_types_default().node,title:prop_types_default().node,onClose:prop_types_default().func,onBack:prop_types_default().func,onToggleLights:prop_types_default().func,lightsEnabled:prop_types_default().bool,isAvatar:prop_types_default().bool},ObjectMenuButton.__docgenInfo={description:"",methods:[],displayName:"ObjectMenuButton",props:{className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}}},ObjectMenu_ObjectMenu.__docgenInfo={description:"",methods:[],displayName:"ObjectMenu",props:{currentObjectIndex:{description:"",type:{name:"number"},required:!0},objectCount:{description:"",type:{name:"number"},required:!0},onPrevObject:{description:"",type:{name:"func"},required:!1},onNextObject:{description:"",type:{name:"func"},required:!1},children:{description:"",type:{name:"node"},required:!1},title:{description:"",type:{name:"node"},required:!1},onClose:{description:"",type:{name:"func"},required:!1},onBack:{description:"",type:{name:"func"},required:!1},onToggleLights:{description:"",type:{name:"func"},required:!1},lightsEnabled:{description:"",type:{name:"bool"},required:!1},isAvatar:{description:"",type:{name:"bool"},required:!1}}};var _Base$parameters,_Base$parameters2,_Base$parameters2$doc,_WithSidebarOpen$para,_WithSidebarOpen$para2,_WithSidebarOpen$para3,Sidebar=__webpack_require__("./src/react-components/sidebar/Sidebar.js");function ObjectMenu_stories_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 ObjectMenu_stories_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ObjectMenu_stories_ownKeys(Object(source),!0).forEach((function(key){ObjectMenu_stories_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ObjectMenu_stories_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function ObjectMenu_stories_defineProperty(obj,key,value){return(key=function ObjectMenu_stories_toPropertyKey(arg){var key=function ObjectMenu_stories_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}const ObjectMenu_stories={title:"Room/ObjectMenu"},Base=()=>(0,jsx_runtime.jsx)(RoomLayout.s,{objectFocused:!0,viewport:(0,jsx_runtime.jsxs)(ObjectMenu_ObjectMenu,{title:"Object",currentObjectIndex:1,objectCount:12,children:[(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(Pin.r,{}),(0,jsx_runtime.jsx)("span",{children:"Pin"})]}),(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(Link.r,{}),(0,jsx_runtime.jsx)("span",{children:"Link"})]}),(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(GoTo.r,{}),(0,jsx_runtime.jsx)("span",{children:"View"})]}),(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(Delete.r,{}),(0,jsx_runtime.jsx)("span",{children:"Delete"})]})]})});Base.displayName="Base";const WithSidebarOpen=()=>(0,jsx_runtime.jsx)(RoomLayout.s,{objectFocused:!0,viewport:(0,jsx_runtime.jsxs)(ObjectMenu_ObjectMenu,{title:"Object",currentObjectIndex:1,objectCount:12,children:[(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(Pin.r,{}),(0,jsx_runtime.jsx)("span",{children:"Pin"})]}),(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(Link.r,{}),(0,jsx_runtime.jsx)("span",{children:"Link"})]}),(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(GoTo.r,{}),(0,jsx_runtime.jsx)("span",{children:"View"})]}),(0,jsx_runtime.jsxs)(ObjectMenuButton,{children:[(0,jsx_runtime.jsx)(Delete.r,{}),(0,jsx_runtime.jsx)("span",{children:"Delete"})]})]}),sidebar:(0,jsx_runtime.jsx)(Sidebar.Y,{title:"Sidebar"})});WithSidebarOpen.displayName="WithSidebarOpen",Base.parameters=ObjectMenu_stories_objectSpread(ObjectMenu_stories_objectSpread({},Base.parameters),{},{docs:ObjectMenu_stories_objectSpread(ObjectMenu_stories_objectSpread({},null===(_Base$parameters=Base.parameters)||void 0===_Base$parameters?void 0:_Base$parameters.docs),{},{source:ObjectMenu_stories_objectSpread({originalSource:'() => <RoomLayout objectFocused viewport={<ObjectMenu title="Object" currentObjectIndex={1} objectCount={12}>\n        <ObjectMenuButton>\n          <PinIcon />\n          <span>Pin</span>\n        </ObjectMenuButton>\n        <ObjectMenuButton>\n          <LinkIcon />\n          <span>Link</span>\n        </ObjectMenuButton>\n        <ObjectMenuButton>\n          <GoToIcon />\n          <span>View</span>\n        </ObjectMenuButton>\n        <ObjectMenuButton>\n          <DeleteIcon />\n          <span>Delete</span>\n        </ObjectMenuButton>\n      </ObjectMenu>} />'},null===(_Base$parameters2=Base.parameters)||void 0===_Base$parameters2||null===(_Base$parameters2$doc=_Base$parameters2.docs)||void 0===_Base$parameters2$doc?void 0:_Base$parameters2$doc.source)})}),WithSidebarOpen.parameters=ObjectMenu_stories_objectSpread(ObjectMenu_stories_objectSpread({},WithSidebarOpen.parameters),{},{docs:ObjectMenu_stories_objectSpread(ObjectMenu_stories_objectSpread({},null===(_WithSidebarOpen$para=WithSidebarOpen.parameters)||void 0===_WithSidebarOpen$para?void 0:_WithSidebarOpen$para.docs),{},{source:ObjectMenu_stories_objectSpread({originalSource:'() => <RoomLayout objectFocused viewport={<ObjectMenu title="Object" currentObjectIndex={1} objectCount={12}>\n        <ObjectMenuButton>\n          <PinIcon />\n          <span>Pin</span>\n        </ObjectMenuButton>\n        <ObjectMenuButton>\n          <LinkIcon />\n          <span>Link</span>\n        </ObjectMenuButton>\n        <ObjectMenuButton>\n          <GoToIcon />\n          <span>View</span>\n        </ObjectMenuButton>\n        <ObjectMenuButton>\n          <DeleteIcon />\n          <span>Delete</span>\n        </ObjectMenuButton>\n      </ObjectMenu>} sidebar={<Sidebar title="Sidebar" />} />'},null===(_WithSidebarOpen$para2=WithSidebarOpen.parameters)||void 0===_WithSidebarOpen$para2||null===(_WithSidebarOpen$para3=_WithSidebarOpen$para2.docs)||void 0===_WithSidebarOpen$para3?void 0:_WithSidebarOpen$para3.source)})});const __namedExportsOrder=["Base","WithSidebarOpen"];Base.__docgenInfo={description:"",methods:[],displayName:"Base"},WithSidebarOpen.__docgenInfo={description:"",methods:[],displayName:"WithSidebarOpen"}},"./src/react-components/misc/joinChildren.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{l:()=>joinChildren});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function joinChildren(children,renderSeparator){return react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children).reduce(((acc,child)=>null===acc?child:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[acc,renderSeparator(),child]})),null)}},"./src/react-components/sidebar/Sidebar.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>Sidebar_Sidebar});__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),Sidebar=__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/sidebar/Sidebar.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()(Sidebar.Z,options);const sidebar_Sidebar=Sidebar.Z&&Sidebar.Z.locals?Sidebar.Z.locals:void 0;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Sidebar_Sidebar(_ref){let{title,beforeTitle,afterTitle,children,contentClassName,className,disableOverflowScroll}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()(sidebar_Sidebar.sidebar,className),children:[(title||beforeTitle||afterTitle)&&(0,jsx_runtime.jsxs)("div",{className:sidebar_Sidebar.header,children:[(0,jsx_runtime.jsx)("div",{className:sidebar_Sidebar.beforeTitle,children:beforeTitle}),(0,jsx_runtime.jsx)("h5",{children:title}),(0,jsx_runtime.jsx)("div",{className:sidebar_Sidebar.afterTitle,children:afterTitle})]}),(0,jsx_runtime.jsx)("div",{className:classnames_default()(sidebar_Sidebar.content,disableOverflowScroll?"":sidebar_Sidebar.overflowY,contentClassName),children})]})}Sidebar_Sidebar.displayName="Sidebar",Sidebar_Sidebar.propTypes={title:prop_types_default().node,beforeTitle:prop_types_default().node,afterTitle:prop_types_default().node,children:prop_types_default().node,className:prop_types_default().string,contentClassName:prop_types_default().string,disableOverflowScroll:prop_types_default().bool},Sidebar_Sidebar.defaultProps={disableOverflowScroll:!1},Sidebar_Sidebar.__docgenInfo={description:"",methods:[],displayName:"Sidebar",props:{disableOverflowScroll:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{description:"",type:{name:"node"},required:!1},beforeTitle:{description:"",type:{name:"node"},required:!1},afterTitle:{description:"",type:{name:"node"},required:!1},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1},contentClassName:{description:"",type:{name:"string"},required:!1}}}},"./src/react-components/icons/ArrowBack.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgArrowBack});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 SvgArrowBack=_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:"M9.531 15.625 3.906 10l5.625-5.625",stroke:"currentColor",strokeWidth:2.25,strokeLinecap:"round",strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M4.688 10h11.406",stroke:"currentColor",strokeWidth:2.25,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/ArrowForward.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgArrowForward});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 SvgArrowForward=_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:"M10.469 4.375 16.094 10l-5.625 5.625",stroke:"currentColor",strokeWidth:2.25,strokeLinecap:"round",strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M15.313 10H3.905",stroke:"currentColor",strokeWidth:2.25,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/ChevronBack.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgChevronBack});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 SvgChevronBack=_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:"m14 3-7 7 7 7",stroke:"currentColor",strokeWidth:2.25,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/Close.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__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/Delete.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgDelete});var _path,_path2,_path3,_path4,_path5,_path6,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 SvgDelete=_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:"m4.375 4.375.781 12.5c.037.723.563 1.25 1.25 1.25h7.188c.69 0 1.206-.527 1.25-1.25l.781-12.5",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M3.125 4.375h13.75",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M7.5 4.375V2.813a.935.935 0 0 1 .938-.938h3.124a.935.935 0 0 1 .938.938v1.562",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10 6.876v8.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path5||(_path5=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m7.188 6.876.312 8.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path6||(_path6=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m12.813 6.876-.313 8.75",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/GoTo.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgGoTo});var _path,_path2,_path3,_path4,_path5,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 SvgGoTo=_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:"m12.274 18.84-2.218-4.482-1.753-2.242a2.844 2.844 0 0 1-.396-1.447V5.624h.612a1.57 1.57 0 0 1 1.572 1.571v7.163",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path2||(_path2=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M4.996 11.446v-2.91s1.456-2.912 2.911-2.912",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path3||(_path3=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m14.457 10.719-2.582-1.696",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path4||(_path4=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"m6.661 18.684 2.09-3.06",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path5||(_path5=react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{d:"M10.09 4.169a1.455 1.455 0 1 0 0-2.911 1.455 1.455 0 0 0 0 2.91Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})))}},"./src/react-components/icons/Link.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgLink});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 SvgLink=_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",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.851 11.038a2.906 2.906 0 1 0 4.11 4.11l1.768-1.768a.844.844 0 0 1 1.194 1.193l-1.768 1.768a4.594 4.594 0 1 1-6.497-6.496l1.768-1.768A.844.844 0 0 1 6.619 9.27l-1.768 1.768Zm3.227-4.42a.844.844 0 0 1 0-1.193l1.767-1.767a4.594 4.594 0 0 1 6.497 6.496l-1.768 1.768a.844.844 0 1 1-1.193-1.193l1.768-1.768a2.906 2.906 0 0 0-4.11-4.11L9.27 6.619a.844.844 0 0 1-1.193 0Zm-1.236 5.345a.844.844 0 0 0 1.194 1.193l5.176-5.176a.844.844 0 0 0-1.193-1.194l-5.177 5.177Z",fill:"currentColor"})))}},"./src/react-components/icons/Pin.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>SvgPin});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 SvgPin=_ref=>{let{title,titleId,...props}=_ref;return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",_extends({width:22,height:22,viewBox:"0 0 22 22",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",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.463 12.668a.751.751 0 0 1-.07.08l-5.08 5.081a.75.75 0 1 1-1.061-1.06l5.08-5.081a.758.758 0 0 1 .081-.07l-.386-.386-2.536-2.537a1.12 1.12 0 0 1-.331-.8c0-.266.092-.542.285-.753a4.598 4.598 0 0 1 3.593-1.516h.193a2.74 2.74 0 0 0 2.739-2.739v-.67c0-.304.119-.589.33-.8a1.143 1.143 0 0 1 1.608 0l5.68 5.68c.211.21.33.495.33.799 0 .625-.514 1.14-1.13 1.14h-.67a2.74 2.74 0 0 0-2.74 2.738V11.986a4.995 4.995 0 0 1-1.47 3.528 1.143 1.143 0 0 1-1.608 0l-2.536-2.546-.3-.3Zm-.486-5.544.03.002h.224a4.24 4.24 0 0 0 4.233-4.032L18.91 7.54a4.24 4.24 0 0 0-4.031 4.234V11.986c0 .798-.28 1.574-.787 2.197l-2.266-2.273-.001-.002-1.737-1.737-2.276-2.275a3.098 3.098 0 0 1 2.165-.772Z",fill:"currentColor"})))}},"./node_modules/classnames/index.js":(module,exports)=>{var __WEBPACK_AMD_DEFINE_RESULT__;!function(){"use strict";var hasOwn={}.hasOwnProperty;function classNames(){for(var classes=[],i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){var argType=typeof arg;if("string"===argType||"number"===argType)classes.push(arg);else if(Array.isArray(arg)){if(arg.length){var inner=classNames.apply(null,arg);inner&&classes.push(inner)}}else if("object"===argType){if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){classes.push(arg.toString());continue}for(var key in arg)hasOwn.call(arg,key)&&arg[key]&&classes.push(key)}}}return classes.join(" ")}module.exports?(classNames.default=classNames,module.exports=classNames):void 0===(__WEBPACK_AMD_DEFINE_RESULT__=function(){return classNames}.apply(exports,[]))||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}()},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/ObjectMenu.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__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,".ObjectMenu__back-button__ICMWs,.ObjectMenu__lights-button__fapNn{position:absolute;top:16px;pointer-events:auto}.ObjectMenu__back-button__ICMWs svg,.ObjectMenu__lights-button__fapNn svg{color:var(--overlay-text-color)}@media(min-width: 992px)and (min-height: 600px){.ObjectMenu__back-button__ICMWs,.ObjectMenu__lights-button__fapNn{display:none}}.ObjectMenu__back-button__ICMWs{left:8px}.ObjectMenu__lights-button__fapNn{right:8px}.ObjectMenu__object-menu-container__ot90K{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;pointer-events:auto}.ObjectMenu__object-menu__IKHRK{display:flex;flex-direction:column;background-color:rgba(0,0,0,.7);width:max-content;color:var(--overlay-text-color);border-radius:12px}.ObjectMenu__object-menu__IKHRK svg{color:var(--overlay-text-color)}.ObjectMenu__header__Rbudi{display:none;height:48px;align-items:center;justify-content:center}@media(min-width: 992px)and (min-height: 600px){.ObjectMenu__header__Rbudi{display:flex}}.ObjectMenu__close-button__WCIkA{position:absolute;left:16px}.ObjectMenu__lights-header-button__Cowoe{position:absolute;right:16px}.ObjectMenu__menu__CAJfI{display:flex;padding:16px}@media(min-width: 992px)and (min-height: 600px){.ObjectMenu__menu__CAJfI{padding-top:0}}.ObjectMenu__object-menu-button__TEFnB{height:36px;padding:0 16px;color:var(--overlay-text-color)}.ObjectMenu__separator__rZsbV{width:1px;margin:0 4px;background-color:var(--overlay-border-color)}.ObjectMenu__pagination__tAo_e{display:flex;align-items:center;justify-content:space-between;color:var(--overlay-text-color);margin-top:24px;padding:0 4px}.ObjectMenu__pagination__tAo_e svg{color:var(--overlay-text-color)}@media(min-width: 992px)and (min-height: 600px){.ObjectMenu__pagination__tAo_e{display:none}}.keyboard-user .ObjectMenu__back-button__ICMWs:focus,.keyboard-user .ObjectMenu__object-menu-container__ot90K :focus{box-shadow:0 0 0 3px #fff}","",{version:3,sources:["webpack://./src/react-components/room/ObjectMenu.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,kEAEE,iBAAA,CACA,QAAA,CACA,mBAAA,CAEA,0EACE,+BCuNiB,CDpNnB,gDAVF,kEAWI,YAAA,CAAA,CAIJ,gCACE,QAAA,CAGF,kCACE,SAAA,CAGF,0CACE,iBAAA,CACA,WAAA,CACA,QAAA,CACA,0BAAA,CACA,YAAA,CACA,qBAAA,CACA,mBAAA,CAGF,gCACE,YAAA,CACA,qBAAA,CACA,+BAAA,CACA,iBAAA,CACA,+BCwLmB,CDvLnB,kBAAA,CAEA,oCACE,+BCoLiB,CDhLrB,2BACE,YAAA,CACA,WAAA,CACA,kBAAA,CACA,sBAAA,CAEA,gDANF,2BAOI,YAAA,CAAA,CAIJ,iCACE,iBAAA,CACA,SAAA,CAGF,yCACE,iBAAA,CACA,UAAA,CAGF,yBACE,YAAA,CACA,YAAA,CAEA,gDAJF,yBAKI,aAAA,CAAA,CAIJ,uCACE,WAAA,CACA,cAAA,CACA,+BC+ImB,CD5IrB,8BACE,SAAA,CACA,YAAA,CACA,4CC0IqB,CDvIvB,+BACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,+BCkImB,CDjInB,eAAA,CACA,aAAA,CAEA,mCACE,+BC6HiB,CD1HnB,gDAZF,+BAaI,YAAA,CAAA,CAKF,qHAEE,yBAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.back-button),\n:local(.lights-button) {\n  position: absolute;\n  top: 16px;\n  pointer-events: auto;\n\n  svg {\n    color: theme.$overlay-text-color;\n  }\n\n  @media (min-width: theme.$breakpoint-lg) and (min-height: theme.$breakpoint-vr) {\n    display: none;\n  }\n}\n\n:local(.back-button) {\n  left: 8px;\n}\n\n:local(.lights-button) {\n  right: 8px;\n}\n\n:local(.object-menu-container) {\n  position: absolute;\n  bottom: 16px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  pointer-events: auto;\n}\n\n:local(.object-menu) {\n  display: flex;\n  flex-direction: column;\n  background-color: rgba(0, 0, 0, 0.7);\n  width: max-content;\n  color: theme.$overlay-text-color;\n  border-radius: 12px;\n\n  svg {\n    color: theme.$overlay-text-color;\n  }\n}\n\n:local(.header) {\n  display: none;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n\n  @media (min-width: theme.$breakpoint-lg) and (min-height: theme.$breakpoint-vr) {\n    display: flex;\n  }\n}\n\n:local(.close-button) {\n  position: absolute;\n  left: 16px;\n}\n\n:local(.lights-header-button) {\n  position: absolute;\n  right: 16px;\n}\n\n:local(.menu) {\n  display: flex;\n  padding: 16px;\n\n  @media (min-width: theme.$breakpoint-lg) and (min-height: theme.$breakpoint-vr) {\n    padding-top: 0;\n  }\n}\n\n:local(.object-menu-button) {\n  height: 36px;\n  padding: 0 16px;\n  color: theme.$overlay-text-color;\n}\n\n:local(.separator) {\n  width: 1px;\n  margin: 0 4px;\n  background-color: theme.$overlay-border-color;\n}\n\n:local(.pagination) {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  color: theme.$overlay-text-color;\n  margin-top: 24px;\n  padding: 0 4px;\n\n  svg {\n    color: theme.$overlay-text-color;\n  }\n\n  @media (min-width: theme.$breakpoint-lg) and (min-height: theme.$breakpoint-vr) {\n    display: none;\n  }\n}\n\n:global(.keyboard-user) {\n  :local(.back-button):focus,\n  :local(.object-menu-container) :focus {\n    box-shadow: 0 0 0 3px theme.$white;\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={"back-button":"ObjectMenu__back-button__ICMWs",backButton:"ObjectMenu__back-button__ICMWs","lights-button":"ObjectMenu__lights-button__fapNn",lightsButton:"ObjectMenu__lights-button__fapNn","object-menu-container":"ObjectMenu__object-menu-container__ot90K",objectMenuContainer:"ObjectMenu__object-menu-container__ot90K","object-menu":"ObjectMenu__object-menu__IKHRK",objectMenu:"ObjectMenu__object-menu__IKHRK",header:"ObjectMenu__header__Rbudi","close-button":"ObjectMenu__close-button__WCIkA",closeButton:"ObjectMenu__close-button__WCIkA","lights-header-button":"ObjectMenu__lights-header-button__Cowoe",lightsHeaderButton:"ObjectMenu__lights-header-button__Cowoe",menu:"ObjectMenu__menu__CAJfI","object-menu-button":"ObjectMenu__object-menu-button__TEFnB",objectMenuButton:"ObjectMenu__object-menu-button__TEFnB",separator:"ObjectMenu__separator__rZsbV",pagination:"ObjectMenu__pagination__tAo_e"};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/sidebar/Sidebar.scss":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__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,".Sidebar__sidebar__KYENJ{position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--background1-color);pointer-events:auto;overflow-wrap:break-word}@media(min-width: 992px)and (min-height: 600px){.Sidebar__sidebar__KYENJ{border-left:1px solid var(--border1-color)}}.Sidebar__header__zbsTL{display:flex;height:48px;flex-shrink:0;border-bottom:1px solid var(--border1-color);align-items:center;justify-content:center}.Sidebar__before-title__SDmnu{position:absolute;left:0;margin-left:16px}.Sidebar__after-title__tQwef{position:absolute;right:0;margin-right:16px}.Sidebar__content__PP6Vz{position:absolute;top:48px;left:0;right:0;bottom:0;display:flex;flex:1;flex-direction:column}.Sidebar__overflow-y__iAkyO{overflow-y:auto}","",{version:3,sources:["webpack://./src/react-components/sidebar/Sidebar.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,yBACE,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,WAAA,CACA,yCC+JkB,CD9JlB,mBAAA,CACA,wBAAA,CAEA,gDATF,yBAUI,0CAAA,CAAA,CAIJ,wBACE,YAAA,CACA,WAAA,CACA,aAAA,CACA,4CAAA,CACA,kBAAA,CACA,sBAAA,CAGF,8BACE,iBAAA,CACA,MAAA,CACA,gBAAA,CAGF,6BACE,iBAAA,CACA,OAAA,CACA,iBAAA,CAGF,yBACE,iBAAA,CACA,QAAA,CACA,MAAA,CACA,OAAA,CACA,QAAA,CACA,YAAA,CACA,MAAA,CACA,qBAAA,CAGF,4BACE,eAAA",sourcesContent:['@use "../styles/theme.scss";\n\n:local(.sidebar) {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: theme.$background1-color;\n  pointer-events: auto;\n  overflow-wrap: break-word;\n  \n  @media(min-width: theme.$breakpoint-lg) and (min-height: theme.$breakpoint-vr) {\n    border-left: 1px solid theme.$border1-color;\n  }\n}\n\n:local(.header) {\n  display: flex;\n  height: 48px;\n  flex-shrink: 0;\n  border-bottom: 1px solid theme.$border1-color;\n  align-items: center;\n  justify-content: center;\n}\n\n:local(.before-title) {\n  position: absolute;\n  left: 0;\n  margin-left: 16px;\n}\n\n:local(.after-title) {\n  position: absolute;\n  right: 0;\n  margin-right: 16px;\n}\n\n:local(.content) {\n  position: absolute;\n  top: 48px;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n}\n\n:local(.overflow-y) {\n  overflow-y: auto;\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={sidebar:"Sidebar__sidebar__KYENJ",header:"Sidebar__header__zbsTL","before-title":"Sidebar__before-title__SDmnu",beforeTitle:"Sidebar__before-title__SDmnu","after-title":"Sidebar__after-title__tQwef",afterTitle:"Sidebar__after-title__tQwef",content:"Sidebar__content__PP6Vz","overflow-y":"Sidebar__overflow-y__iAkyO",overflowY:"Sidebar__overflow-y__iAkyO"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);