hubs/room-MicSetupModal-stories.88e38c74.iframe.bundle.js

"use strict";(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[9339],{"./src/react-components/room/MicSetupModal.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Denied:()=>Denied,Granted:()=>Granted,NoSpeakers:()=>NoSpeakers,NoVoiceChat:()=>NoVoiceChat,Prompt:()=>Prompt,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MicSetupModal_stories});var _path,_path2,_path3,_path4,react=__webpack_require__("./node_modules/react/index.js"),media_devices_utils=__webpack_require__("./src/utils/media-devices-utils.js"),RoomLayout=__webpack_require__("./src/react-components/layout/RoomLayout.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),Modal=__webpack_require__("./src/react-components/modal/Modal.js"),Button=__webpack_require__("./src/react-components/input/Button.js"),Microphone=__webpack_require__("./src/react-components/icons/Microphone.svg"),MicrophoneMuted=__webpack_require__("./src/react-components/icons/MicrophoneMuted.svg"),VolumeOff=__webpack_require__("./src/react-components/icons/VolumeOff.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 SvgInfo=_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:"M9.688 2.502a7.188 7.188 0 1 0 0 14.376 7.188 7.188 0 0 0 0-14.376Z",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10})),_path2||(_path2=react.createElement("path",{d:"M8.594 8.594h1.25v4.532",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),_path3||(_path3=react.createElement("path",{d:"M8.125 13.281h3.437",stroke:"currentColor",strokeWidth:1.5,strokeMiterlimit:10,strokeLinecap:"round"})),_path4||(_path4=react.createElement("path",{d:"M9.687 5.08a1.016 1.016 0 1 0 0 2.03 1.016 1.016 0 0 0 0-2.03Z",fill:"currentColor"})))};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),MicSetupModal=__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/MicSetupModal.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()(MicSetupModal.Z,options);const room_MicSetupModal=MicSetupModal.Z&&MicSetupModal.Z.locals?MicSetupModal.Z.locals:void 0;var BackButton=__webpack_require__("./src/react-components/input/BackButton.js"),SelectInputField=__webpack_require__("./src/react-components/input/SelectInputField.js"),ToggleInput=__webpack_require__("./src/react-components/input/ToggleInput.js"),Column=__webpack_require__("./src/react-components/layout/Column.js"),lib=__webpack_require__("./node_modules/react-intl/lib/index.js"),useIntl=__webpack_require__("./node_modules/react-intl/lib/src/components/useIntl.js"),message=__webpack_require__("./node_modules/react-intl/lib/src/components/message.js"),Spinner=__webpack_require__("./src/react-components/misc/Spinner.js"),esm=__webpack_require__("./node_modules/@mozilla/lilypad-ui/dist/esm/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["className","microphoneOptions","onChangeMicrophone","speakerOptions","onChangeSpeaker","isMicrophoneEnabled","onPlaySound","isMicrophoneMuted","onChangeMicrophoneMuted","onEnterRoom","onBack","permissionStatus","isAudioInputSelectAvailable","isAudioOutputSelectAvailable","micLevelBar","speakerLevelBar","canVoiceChat"];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}const titleMessages=(0,lib.vU)({microphoneSetup:{id:"mic-setup-modal.title",defaultMessage:"Microphone Setup"},audioSetup:{id:"mic-setup-modal.title-audio",defaultMessage:"Audio Setup"}});function MicSetupModal_MicSetupModal(_ref){let{className,microphoneOptions,onChangeMicrophone,speakerOptions,onChangeSpeaker,isMicrophoneEnabled,onPlaySound,isMicrophoneMuted,onChangeMicrophoneMuted,onEnterRoom,onBack,permissionStatus,isAudioInputSelectAvailable,isAudioOutputSelectAvailable,micLevelBar,speakerLevelBar,canVoiceChat}=_ref,rest=_objectWithoutProperties(_ref,_excluded);const iconStyle=isMicrophoneEnabled?room_MicSetupModal.iconEnabled:room_MicSetupModal.iconDisabled,intl=(0,useIntl.Z)();return(0,jsx_runtime.jsx)(Modal.u,_objectSpread(_objectSpread({title:intl.formatMessage(titleMessages[canVoiceChat?"microphoneSetup":"audioSetup"]),beforeTitle:(0,jsx_runtime.jsx)(BackButton.x,{onClick:onBack}),className},rest),{},{children:(0,jsx_runtime.jsxs)(Column.s,{center:!0,padding:!0,grow:!0,className:room_MicSetupModal.content,children:[(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.check-mic",defaultMessage:"Check your microphone and audio before entering."})}),(0,jsx_runtime.jsxs)("div",{className:room_MicSetupModal.audioCheckContainer,children:[(0,jsx_runtime.jsx)("div",{className:room_MicSetupModal.audioIoContainer,children:canVoiceChat&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("div",{className:room_MicSetupModal.iconContainer,children:[(0,jsx_runtime.jsxs)("div",{children:[permissionStatus===media_devices_utils.nx.PROMPT&&(0,jsx_runtime.jsx)("div",{className:room_MicSetupModal.spinnerContainer,children:(0,jsx_runtime.jsx)(Spinner.$,{})}),permissionStatus===media_devices_utils.nx.GRANTED&&isMicrophoneEnabled&&!isMicrophoneMuted?(0,jsx_runtime.jsx)(Microphone.r,{className:iconStyle}):(0,jsx_runtime.jsx)(MicrophoneMuted.r,{className:iconStyle})]}),permissionStatus===media_devices_utils.nx.GRANTED&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ",micLevelBar]})]}),(0,jsx_runtime.jsx)("div",{className:room_MicSetupModal.actionContainer,children:permissionStatus===media_devices_utils.nx.GRANTED?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(ToggleInput.s,{label:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.mute-mic-toggle-v2",defaultMessage:"Mute"}),checked:isMicrophoneMuted,onChange:onChangeMicrophoneMuted}),(0,jsx_runtime.jsx)(esm.eE,{location:"right",category:"primary",description:"Toggle mic on/off anytime after you enter the room (M)",children:(0,jsx_runtime.jsx)(SvgInfo,{className:room_MicSetupModal.infoIcon})})]}):permissionStatus===media_devices_utils.nx.PROMPT&&(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.mic-permission-prompt",defaultMessage:"Requesting access to your microphone..."})})||permissionStatus===media_devices_utils.nx.DENIED&&(0,jsx_runtime.jsxs)("p",{children:[(0,jsx_runtime.jsx)("span",{className:room_MicSetupModal.errorTitle,children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.error-title",defaultMessage:"Microphone access was blocked.",className:room_MicSetupModal.errorTitle})})," ",(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.error-description",defaultMessage:"To talk in Hubs you will need to allow microphone access."})]})}),permissionStatus===media_devices_utils.nx.GRANTED&&isAudioInputSelectAvailable&&(0,jsx_runtime.jsxs)("div",{className:room_MicSetupModal.selectionContainer,children:[(0,jsx_runtime.jsx)("p",{style:{alignSelf:"start"},children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.microphone-text",defaultMessage:"Microphone"})}),(0,jsx_runtime.jsx)(SelectInputField.q,_objectSpread({className:room_MicSetupModal.selectionInput,buttonClassName:room_MicSetupModal.selectionInput,onChange:onChangeMicrophone},microphoneOptions))]})]})||(0,jsx_runtime.jsxs)("div",{className:room_MicSetupModal.voiceChatDisabled,children:[(0,jsx_runtime.jsx)(MicrophoneMuted.r,{className:room_MicSetupModal.iconDisabled}),(0,jsx_runtime.jsx)("p",{className:room_MicSetupModal.textDisabled,children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.voice-chat-disabled",defaultMessage:"Voice chat is <bold>turned off</bold> for this room.",values:{bold:str=>(0,jsx_runtime.jsx)("b",{children:str})}})})]})}),(0,jsx_runtime.jsxs)("div",{className:room_MicSetupModal.audioIoContainer,children:[(0,jsx_runtime.jsxs)("div",{className:room_MicSetupModal.iconContainer,children:[(0,jsx_runtime.jsx)(VolumeOff.r,{className:room_MicSetupModal.iconEnabled,style:{marginRight:"5px"}}),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[" ",speakerLevelBar," "]})]}),(0,jsx_runtime.jsx)("div",{className:room_MicSetupModal.actionContainer,children:(0,jsx_runtime.jsx)(Button.zx,{preset:"basic",onClick:onPlaySound,sm:!0,children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.test-audio-button",defaultMessage:"Test Audio"})})}),permissionStatus===media_devices_utils.nx.GRANTED&&isAudioOutputSelectAvailable&&(0,jsx_runtime.jsxs)("div",{className:room_MicSetupModal.selectionContainer,children:[(0,jsx_runtime.jsx)("p",{style:{alignSelf:"start"},children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.speakers-text",defaultMessage:"Speakers"})}),(0,jsx_runtime.jsx)(SelectInputField.q,_objectSpread({onChange:onChangeSpeaker,className:room_MicSetupModal.selectionInput,buttonClassName:room_MicSetupModal.selectionInput},speakerOptions))]})]})]}),(0,jsx_runtime.jsx)(Button.zx,{preset:"primary",onClick:onEnterRoom,children:(0,jsx_runtime.jsx)(message.Z,{id:"mic-setup-modal.enter-room-button",defaultMessage:"Enter Room"})})]})}))}MicSetupModal_MicSetupModal.displayName="MicSetupModal",MicSetupModal_MicSetupModal.propTypes={className:prop_types_default().string,onPlaySound:prop_types_default().func,micLevelBar:prop_types_default().node,speakerLevelBar:prop_types_default().node,isMicrophoneEnabled:prop_types_default().bool,isMicrophoneMuted:prop_types_default().bool,onChangeMicrophoneMuted:prop_types_default().func,microphoneOptions:prop_types_default().object,onChangeMicrophone:prop_types_default().func,speakerOptions:prop_types_default().object,onChangeSpeaker:prop_types_default().func,onEnterRoom:prop_types_default().func,onBack:prop_types_default().func,permissionStatus:prop_types_default().string,isAudioInputSelectAvailable:prop_types_default().bool,isAudioOutputSelectAvailable:prop_types_default().bool,canVoiceChat:prop_types_default().bool},MicSetupModal_MicSetupModal.defaultProps={permissionStatus:media_devices_utils.nx.PROMPT},MicSetupModal_MicSetupModal.__docgenInfo={description:"",methods:[],displayName:"MicSetupModal",props:{permissionStatus:{defaultValue:{value:"PermissionStatus.PROMPT",computed:!0},description:"",type:{name:"string"},required:!1},className:{description:"",type:{name:"string"},required:!1},onPlaySound:{description:"",type:{name:"func"},required:!1},micLevelBar:{description:"",type:{name:"node"},required:!1},speakerLevelBar:{description:"",type:{name:"node"},required:!1},isMicrophoneEnabled:{description:"",type:{name:"bool"},required:!1},isMicrophoneMuted:{description:"",type:{name:"bool"},required:!1},onChangeMicrophoneMuted:{description:"",type:{name:"func"},required:!1},microphoneOptions:{description:"",type:{name:"object"},required:!1},onChangeMicrophone:{description:"",type:{name:"func"},required:!1},speakerOptions:{description:"",type:{name:"object"},required:!1},onChangeSpeaker:{description:"",type:{name:"func"},required:!1},onEnterRoom:{description:"",type:{name:"func"},required:!1},onBack:{description:"",type:{name:"func"},required:!1},isAudioInputSelectAvailable:{description:"",type:{name:"bool"},required:!1},isAudioOutputSelectAvailable:{description:"",type:{name:"bool"},required:!1},canVoiceChat:{description:"",type:{name:"bool"},required:!1}}};var _Prompt$parameters,_Prompt$parameters2,_Prompt$parameters2$d,_Granted$parameters,_Granted$parameters2,_Granted$parameters2$,_Denied$parameters,_Denied$parameters2,_Denied$parameters2$d,_NoSpeakers$parameter,_NoSpeakers$parameter2,_NoSpeakers$parameter3,_NoVoiceChat$paramete,_NoVoiceChat$paramete2,_NoVoiceChat$paramete3,LevelBar=__webpack_require__("./src/react-components/misc/LevelBar.js");const MicSetupModal_stories_excluded=["selectedMicrophone","selectedSpeaker"];function MicSetupModal_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 MicSetupModal_stories_objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?MicSetupModal_stories_ownKeys(Object(source),!0).forEach((function(key){MicSetupModal_stories_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):MicSetupModal_stories_ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function MicSetupModal_stories_defineProperty(obj,key,value){return(key=function MicSetupModal_stories_toPropertyKey(arg){var key=function MicSetupModal_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}function MicSetupModal_stories_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function MicSetupModal_stories_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}const micOptions=["Microphone 1","Microphone 2 long text","Microphone 3 even much much longer text"],speakerOptions=["Speaker 1","Speaker 2","Speaker 3","Speaker 4","Speaker 5","Speaker 6","Speaker long text","Speaker event much much longer text"],permissionOptions=[media_devices_utils.nx.PROMPT,media_devices_utils.nx.GRANTED,media_devices_utils.nx.DENIED],MicSetupModal_stories={title:"Room/MicSetupModal",parameters:{layout:"fullscreen"},argTypes:{onChangeMicrophone:{action:"microphone changed",table:{category:"Events"}},onChangeSpeaker:{action:"speaker changed",table:{category:"Events"}},onPlaySound:{action:"sound played",table:{category:"Events"}},onChangeMicrophoneMuted:{action:"microphone mute state changed",table:{category:"Events"}},onEnterRoom:{action:"enter room",table:{category:"Events"}},onBack:{action:"back",table:{category:"Events"}},onTestAudio:{action:"test audio",table:{category:"Events"}},selectedMicrophone:{control:{type:"select",options:micOptions},defaultValue:micOptions[0]},selectedSpeaker:{control:{type:"select",options:speakerOptions},defaultValue:speakerOptions[0]},permissionStatus:{control:{type:"select",options:permissionOptions},defaultValue:permissionOptions[0]},canVoiceChat:{control:"boolean",defaultValue:!0}}};const Template=_ref=>{let{selectedMicrophone,selectedSpeaker}=_ref,rest=MicSetupModal_stories_objectWithoutProperties(_ref,MicSetupModal_stories_excluded);return(0,jsx_runtime.jsx)(RoomLayout.s,{viewport:(0,jsx_runtime.jsx)(MicSetupModal_MicSetupModal,MicSetupModal_stories_objectSpread({microphoneOptions:(micId=selectedMicrophone,{value:micId,options:micOptions.map((option=>({label:option,value:option})))}),speakerOptions:(speakerId=selectedSpeaker,{value:speakerId,options:speakerOptions.map((option=>({label:option,value:option})))}),micLevelBar:(0,jsx_runtime.jsx)(LevelBar.z,{className:room_MicSetupModal.levelBar}),speakerLevelBar:(0,jsx_runtime.jsx)(LevelBar.z,{className:room_MicSetupModal.levelBar})},rest))});var speakerId,micId};Template.displayName="Template",Template.propTypes={selectedMicrophone:prop_types_default().string,selectedSpeaker:prop_types_default().string};const Prompt=Template.bind({});Prompt.args={isMicrophoneEnabled:!0,selectedMicrophone:micOptions[0],selectedSpeaker:speakerOptions[0],isMicrophoneMuted:!1,permissionStatus:media_devices_utils.nx.PROMPT,isAudioInputSelectAvailable:!0,isAudioOutputSelectAvailable:!0};const Granted=Template.bind({});Granted.args={isMicrophoneEnabled:!0,selectedMicrophone:micOptions[0],selectedSpeaker:speakerOptions[0],isMicrophoneMuted:!1,permissionStatus:media_devices_utils.nx.GRANTED,isAudioInputSelectAvailable:!0,isAudioOutputSelectAvailable:!0};const Denied=Template.bind({});Denied.args={isMicrophoneEnabled:!0,selectedMicrophone:micOptions[0],selectedSpeaker:speakerOptions[0],isMicrophoneMuted:!1,permissionStatus:media_devices_utils.nx.DENIED,isAudioInputSelectAvailable:!0,isAudioOutputSelectAvailable:!0};const NoSpeakers=Template.bind({});NoSpeakers.args={isMicrophoneEnabled:!0,selectedMicrophone:micOptions[0],isMicrophoneMuted:!1,permissionStatus:media_devices_utils.nx.GRANTED,isAudioInputSelectAvailable:!0,isAudioOutputSelectAvailable:!1};const NoVoiceChat=Template.bind({});NoVoiceChat.args={canVoiceChat:!1},Prompt.parameters=MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},Prompt.parameters),{},{docs:MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},null===(_Prompt$parameters=Prompt.parameters)||void 0===_Prompt$parameters?void 0:_Prompt$parameters.docs),{},{source:MicSetupModal_stories_objectSpread({originalSource:"({\n  selectedMicrophone,\n  selectedSpeaker,\n  ...rest\n}) => {\n  return <RoomLayout viewport={<MicSetupModal microphoneOptions={getMicOptions(selectedMicrophone)} speakerOptions={getSpeakerOptions(selectedSpeaker)} micLevelBar={<LevelBar className={styles.levelBar} />} speakerLevelBar={<LevelBar className={styles.levelBar} />} {...rest} />} />;\n}"},null===(_Prompt$parameters2=Prompt.parameters)||void 0===_Prompt$parameters2||null===(_Prompt$parameters2$d=_Prompt$parameters2.docs)||void 0===_Prompt$parameters2$d?void 0:_Prompt$parameters2$d.source)})}),Granted.parameters=MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},Granted.parameters),{},{docs:MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},null===(_Granted$parameters=Granted.parameters)||void 0===_Granted$parameters?void 0:_Granted$parameters.docs),{},{source:MicSetupModal_stories_objectSpread({originalSource:"({\n  selectedMicrophone,\n  selectedSpeaker,\n  ...rest\n}) => {\n  return <RoomLayout viewport={<MicSetupModal microphoneOptions={getMicOptions(selectedMicrophone)} speakerOptions={getSpeakerOptions(selectedSpeaker)} micLevelBar={<LevelBar className={styles.levelBar} />} speakerLevelBar={<LevelBar className={styles.levelBar} />} {...rest} />} />;\n}"},null===(_Granted$parameters2=Granted.parameters)||void 0===_Granted$parameters2||null===(_Granted$parameters2$=_Granted$parameters2.docs)||void 0===_Granted$parameters2$?void 0:_Granted$parameters2$.source)})}),Denied.parameters=MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},Denied.parameters),{},{docs:MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},null===(_Denied$parameters=Denied.parameters)||void 0===_Denied$parameters?void 0:_Denied$parameters.docs),{},{source:MicSetupModal_stories_objectSpread({originalSource:"({\n  selectedMicrophone,\n  selectedSpeaker,\n  ...rest\n}) => {\n  return <RoomLayout viewport={<MicSetupModal microphoneOptions={getMicOptions(selectedMicrophone)} speakerOptions={getSpeakerOptions(selectedSpeaker)} micLevelBar={<LevelBar className={styles.levelBar} />} speakerLevelBar={<LevelBar className={styles.levelBar} />} {...rest} />} />;\n}"},null===(_Denied$parameters2=Denied.parameters)||void 0===_Denied$parameters2||null===(_Denied$parameters2$d=_Denied$parameters2.docs)||void 0===_Denied$parameters2$d?void 0:_Denied$parameters2$d.source)})}),NoSpeakers.parameters=MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},NoSpeakers.parameters),{},{docs:MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},null===(_NoSpeakers$parameter=NoSpeakers.parameters)||void 0===_NoSpeakers$parameter?void 0:_NoSpeakers$parameter.docs),{},{source:MicSetupModal_stories_objectSpread({originalSource:"({\n  selectedMicrophone,\n  selectedSpeaker,\n  ...rest\n}) => {\n  return <RoomLayout viewport={<MicSetupModal microphoneOptions={getMicOptions(selectedMicrophone)} speakerOptions={getSpeakerOptions(selectedSpeaker)} micLevelBar={<LevelBar className={styles.levelBar} />} speakerLevelBar={<LevelBar className={styles.levelBar} />} {...rest} />} />;\n}"},null===(_NoSpeakers$parameter2=NoSpeakers.parameters)||void 0===_NoSpeakers$parameter2||null===(_NoSpeakers$parameter3=_NoSpeakers$parameter2.docs)||void 0===_NoSpeakers$parameter3?void 0:_NoSpeakers$parameter3.source)})}),NoVoiceChat.parameters=MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},NoVoiceChat.parameters),{},{docs:MicSetupModal_stories_objectSpread(MicSetupModal_stories_objectSpread({},null===(_NoVoiceChat$paramete=NoVoiceChat.parameters)||void 0===_NoVoiceChat$paramete?void 0:_NoVoiceChat$paramete.docs),{},{source:MicSetupModal_stories_objectSpread({originalSource:"({\n  selectedMicrophone,\n  selectedSpeaker,\n  ...rest\n}) => {\n  return <RoomLayout viewport={<MicSetupModal microphoneOptions={getMicOptions(selectedMicrophone)} speakerOptions={getSpeakerOptions(selectedSpeaker)} micLevelBar={<LevelBar className={styles.levelBar} />} speakerLevelBar={<LevelBar className={styles.levelBar} />} {...rest} />} />;\n}"},null===(_NoVoiceChat$paramete2=NoVoiceChat.parameters)||void 0===_NoVoiceChat$paramete2||null===(_NoVoiceChat$paramete3=_NoVoiceChat$paramete2.docs)||void 0===_NoVoiceChat$paramete3?void 0:_NoVoiceChat$paramete3.source)})});const __namedExportsOrder=["Prompt","Granted","Denied","NoSpeakers","NoVoiceChat"]},"./src/react-components/input/BackButton.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{x:()=>BackButton_BackButton});__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),BackButton=__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/BackButton.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()(BackButton.Z,options);const input_BackButton=BackButton.Z&&BackButton.Z.locals?BackButton.Z.locals:void 0;var IconButton=__webpack_require__("./src/react-components/input/IconButton.js"),ChevronBack=__webpack_require__("./src/react-components/icons/ChevronBack.svg"),message=__webpack_require__("./node_modules/react-intl/lib/src/components/message.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["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 BackButton_BackButton(_ref){let{className}=_ref,rest=_objectWithoutProperties(_ref,_excluded);return(0,jsx_runtime.jsxs)(IconButton.h,_objectSpread(_objectSpread({className:classnames_default()(input_BackButton.backButton,className)},rest),{},{children:[(0,jsx_runtime.jsx)(ChevronBack.r,{}),(0,jsx_runtime.jsx)("span",{children:(0,jsx_runtime.jsx)(message.Z,{id:"back-button",defaultMessage:"Back"})})]}))}BackButton_BackButton.displayName="BackButton",BackButton_BackButton.propTypes={className:prop_types_default().string,children:prop_types_default().node},BackButton_BackButton.__docgenInfo={description:"",methods:[],displayName:"BackButton",props:{className:{description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1}}}},"./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/react-components/icons/ChevronBack.svg":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__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"})))}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/input/BackButton.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,".BackButton__back-button__tGiDz{margin-left:-8px}","",{version:3,sources:["webpack://./src/react-components/input/BackButton.scss"],names:[],mappings:"AAAA,gCACE,gBAAA",sourcesContent:[":local(.back-button) {\n  margin-left: -8px;\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"back-button":"BackButton__back-button__tGiDz",backButton:"BackButton__back-button__tGiDz"};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___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/room/MicSetupModal.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,".MicSetupModal__content__HyAJG p{font-size:12px;font-weight:500;line-height:1.2}.MicSetupModal__content__HyAJG>:last-child{margin-top:auto}.MicSetupModal__audio-check-container__DqNni{display:flex;gap:24px 24px}@media(max-width: 450px){.MicSetupModal__audio-check-container__DqNni{flex-flow:wrap}}.MicSetupModal__audio-io-container__p_zLQ{width:200px;border-radius:8px;display:flex;flex:auto;flex-direction:column;gap:10px 10px;padding:20px;align-items:center;border:1px solid var(--toolbar-basic-border-color);background-color:rgba(0,0,0,0);transition:background-color .1s ease-in-out,border-color .1s ease-in-out}.MicSetupModal__icon-enabled__6YNrZ{width:48px;height:48px;color:var(--text1-color)}.MicSetupModal__icon-enabled__6YNrZ path{stroke-width:1}.MicSetupModal__icon-disabled__Ye6un{width:48px;height:48px;color:var(--disabled-text-color)}.MicSetupModal__icon-disabled__Ye6un path{stroke-width:1;color:var(--disabled-icon-color)}.MicSetupModal__icon-container__Cgq7i{display:flex;margin-bottom:10px}.MicSetupModal__voice-chat-disabled__QpjpD{display:flex;flex:auto;align-items:center;justify-content:center;flex-flow:column;gap:20px}.MicSetupModal__text-disabled__iflBg{color:var(--disabled-text-color)}.MicSetupModal__action-container__h3C_p{height:48px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.MicSetupModal__selection-container__inBu_{display:flex;flex-direction:column;flex:auto;gap:10px 10px;align-self:stretch}.MicSetupModal__selection-input__mrlP_{width:100%;max-width:none}.MicSetupModal__popover__bua5Q{background-color:#000;border:1px solid #000}.MicSetupModal__popover-arrow__eaSQH{color:#000}.MicSetupModal__popover-content__PsqFV{width:200px;padding:12px;font-size:12px;color:var(--text5-color);line-height:20px}.MicSetupModal__error-title__ee_La{font-size:12px;font-weight:700}.MicSetupModal__spinner-container__Adr6x{position:absolute;margin-left:-11px;margin-top:-11px}.MicSetupModal__info-icon__Uu81j{color:#868686}.MicSetupModal__level-bar__Qf5Gj{width:24px;height:100%}","",{version:3,sources:["webpack://./src/react-components/room/MicSetupModal.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAKE,iCACE,cCKW,CDJX,eCWiB,CDVjB,eAAA,CAGF,2CACE,eAAA,CAIJ,6CACE,YAAA,CACA,aAAA,CAEA,yBAJF,6CAKI,cAAA,CAAA,CAIJ,0CACE,WAAA,CACA,iBCLsB,CDMtB,YAAA,CACA,SAAA,CACA,qBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,kDAAA,CACA,8BCDY,CDGZ,wEAAA,CAGF,oCAKE,UAAA,CACA,WAAA,CACA,wBCsDY,CD5DZ,yCACE,cAAA,CAQJ,qCAME,UAAA,CACA,WAAA,CACA,gCC+HoB,CDtIpB,0CACE,cAAA,CACA,gCCsIkB,CD9HtB,sCACE,YAAA,CACA,kBAAA,CAGF,2CACE,YAAA,CACA,SAAA,CACA,kBAAA,CACA,sBAAA,CACA,gBAAA,CACA,QAAA,CAGF,qCACE,gCC6GoB,CD1GtB,wCACE,WAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,QAAA,CAGF,2CACE,YAAA,CACA,qBAAA,CACA,SAAA,CACA,aAAA,CACA,kBAAA,CAGF,uCACE,UAAA,CACA,cAAA,CAGF,+BACE,qBC/CM,CDgDN,qBAAA,CAGF,qCACE,UCpDM,CDuDR,uCACE,WAAA,CACA,YAAA,CACA,cCrGa,CDsGb,wBAAA,CACA,gBAAA,CAGF,mCACE,cC3Ga,CD4Gb,eCpGiB,CDuGnB,yCACE,iBAAA,CACA,iBAAA,CACA,gBAAA,CAGF,iCACE,aC/ES,CDkFX,iCACE,UAAA,CACA,WAAA",sourcesContent:['@use "../styles/theme.scss";\n\n$mobile-breakpoint-width: 450px;\n\n:local(.content) {\n  p {\n    font-size: theme.$font-size-sm;\n    font-weight: theme.$font-weight-medium;\n    line-height: 1.2;\n  }\n\n  & > :last-child {\n    margin-top: auto;\n  }\n}\n\n:local(.audio-check-container) {\n  display: flex;\n  gap: 24px 24px;\n\n  @media (max-width: $mobile-breakpoint-width) {\n    flex-flow: wrap;\n  }\n}\n\n:local(.audio-io-container) {\n  width: 200px;\n  border-radius: theme.$border-radius-regular;\n  display: flex;\n  flex: auto;\n  flex-direction: column;\n  gap: 10px 10px;\n  padding: 20px;\n  align-items: center;\n  border: 1px solid var(--toolbar-basic-border-color);\n  background-color: theme.$transparent;\n\n  transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;\n}\n\n:local(.icon-enabled) {\n  path {\n    stroke-width: 1;\n  }\n\n  width: 48px;\n  height: 48px;\n  color: theme.$text1-color;\n}\n\n:local(.icon-disabled) {\n  path {\n    stroke-width: 1;\n    color: theme.$disabled-icon-color;\n  }\n\n  width: 48px;\n  height: 48px;\n  color: theme.$disabled-text-color;\n}\n\n:local(.icon-container) {\n  display: flex;\n  margin-bottom: 10px;\n}\n\n:local(.voice-chat-disabled) {\n  display: flex;\n  flex: auto;\n  align-items: center;\n  justify-content: center;\n  flex-flow: column;\n  gap: 20px;\n}\n\n:local(.text-disabled) {\n  color: theme.$disabled-text-color;\n}\n\n:local(.action-container) {\n  height: 48px;\n  margin-bottom: 10px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n:local(.selection-container) {\n  display: flex;\n  flex-direction: column;\n  flex: auto;\n  gap: 10px 10px;\n  align-self: stretch;\n}\n\n:local(.selection-input) {\n  width: 100%;\n  max-width: none;\n}\n\n:local(.popover) {\n  background-color: theme.$black;\n  border: 1px solid theme.$black;\n}\n\n:local(.popover-arrow) {\n  color: theme.$black;\n}\n\n:local(.popover-content) {\n  width: 200px;\n  padding: 12px;\n  font-size: theme.$font-size-sm;\n  color: theme.$text5-color;\n  line-height: 20px;\n}\n\n:local(.error-title) {\n  font-size: theme.$font-size-sm;\n  font-weight: theme.$font-weight-bold;\n}\n\n:local(.spinner-container) {\n  position: absolute;\n  margin-left: -11px;\n  margin-top: -11px;\n}\n\n:local(.info-icon) {\n  color: theme.$darkgrey;\n}\n\n:local(.level-bar) {\n  width: 24px;\n  height: 100%;\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={content:"MicSetupModal__content__HyAJG","audio-check-container":"MicSetupModal__audio-check-container__DqNni",audioCheckContainer:"MicSetupModal__audio-check-container__DqNni","audio-io-container":"MicSetupModal__audio-io-container__p_zLQ",audioIoContainer:"MicSetupModal__audio-io-container__p_zLQ","icon-enabled":"MicSetupModal__icon-enabled__6YNrZ",iconEnabled:"MicSetupModal__icon-enabled__6YNrZ","icon-disabled":"MicSetupModal__icon-disabled__Ye6un",iconDisabled:"MicSetupModal__icon-disabled__Ye6un","icon-container":"MicSetupModal__icon-container__Cgq7i",iconContainer:"MicSetupModal__icon-container__Cgq7i","voice-chat-disabled":"MicSetupModal__voice-chat-disabled__QpjpD",voiceChatDisabled:"MicSetupModal__voice-chat-disabled__QpjpD","text-disabled":"MicSetupModal__text-disabled__iflBg",textDisabled:"MicSetupModal__text-disabled__iflBg","action-container":"MicSetupModal__action-container__h3C_p",actionContainer:"MicSetupModal__action-container__h3C_p","selection-container":"MicSetupModal__selection-container__inBu_",selectionContainer:"MicSetupModal__selection-container__inBu_","selection-input":"MicSetupModal__selection-input__mrlP_",selectionInput:"MicSetupModal__selection-input__mrlP_",popover:"MicSetupModal__popover__bua5Q","popover-arrow":"MicSetupModal__popover-arrow__eaSQH",popoverArrow:"MicSetupModal__popover-arrow__eaSQH","popover-content":"MicSetupModal__popover-content__PsqFV",popoverContent:"MicSetupModal__popover-content__PsqFV","error-title":"MicSetupModal__error-title__ee_La",errorTitle:"MicSetupModal__error-title__ee_La","spinner-container":"MicSetupModal__spinner-container__Adr6x",spinnerContainer:"MicSetupModal__spinner-container__Adr6x","info-icon":"MicSetupModal__info-icon__Uu81j",infoIcon:"MicSetupModal__info-icon__Uu81j","level-bar":"MicSetupModal__level-bar__Qf5Gj",levelBar:"MicSetupModal__level-bar__Qf5Gj"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);