@teambit/env 1.0.126 → 1.0.128
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/artifacts/env-template/public/{203.3b98fe8ed6e7a43a98d7.js → 233.e249396e9ac1b0fce527.js} +40 -40
- package/artifacts/env-template/public/{244.22bc92671ca9cffa0f8d.js → 308.729ec77393b5acc968db.js} +6 -6
- package/artifacts/env-template/public/{29.e64528586e29b0b9349e.js → 310.638be24bae8666afae49.js} +267 -287
- package/artifacts/env-template/public/{404.98062a929c496380a169.js → 420.3d8bba34b76f6985ad06.js} +13 -13
- package/artifacts/env-template/public/assets-manifest.json +22 -22
- package/artifacts/env-template/public/compositions.c97e8cc820a7ffc50a43.js +17 -0
- package/artifacts/env-template/public/compositions.html +1 -1
- package/artifacts/env-template/public/{overview.7bbe8298fe133aec1a98.js → overview.d42bd5fa24d3ff07ea5c.js} +2 -2
- package/artifacts/env-template/public/overview.html +1 -1
- package/artifacts/env-template/public/peers.36775f39765c4b414c40.js +1 -0
- package/artifacts/env-template/public/{preview-root.bd28dc877f029d22d7f9.js → preview-root.3d1e6099878a30186fee.js} +1 -1
- package/artifacts/env-template/public/static/css/310.583a1356.css +1 -0
- package/artifacts/env-template/public/static/css/compositions.2a7f63f9.css +1 -0
- package/artifacts/env-template/public/static/css/preview-root.c3e85b27.css +1 -0
- package/artifacts/preview/teambit_envs_env-preview.js +1 -1
- package/dist/{preview-1704511392073.js → preview-1704683765150.js} +2 -2
- package/package.json +9 -9
- package/artifacts/env-template/public/compositions.0c7c0d7ee154cf67e8b5.js +0 -17
- package/artifacts/env-template/public/peers.a4b5584e5dee5e737be9.js +0 -1
- package/artifacts/env-template/public/static/css/29.500e7f14.css +0 -1
- package/artifacts/env-template/public/static/css/compositions.e163efe5.css +0 -1
- package/artifacts/env-template/public/static/css/preview-root.120a1d04.css +0 -1
- /package/{compositions-1704511392073.js → compositions-1704683765150.js} +0 -0
- /package/{overview-1704511392073.js → overview-1704683765150.js} +0 -0
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";(self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[]).push([[384],{1318:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BitBaseEvent=void 0;class BitBaseEvent{constructor(type,version,timestamp,data){this.type=type,this.version=version,this.timestamp=timestamp,this.data=data}}exports.BitBaseEvent=BitBaseEvent},95962:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BitBaseEvent",{enumerable:!0,get:function(){return _bitBaseEvent().BitBaseEvent}}),Object.defineProperty(exports,"PubsubAspect",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _pubsub().PubsubAspect}}),Object.defineProperty(exports,"usePubSub",{enumerable:!0,get:function(){return _pubsubContext().usePubSub}}),Object.defineProperty(exports,"usePubSubIframe",{enumerable:!0,get:function(){return _pubsubContext().usePubSubIframe}});function _pubsub(){const data=__webpack_require__(69594);return _pubsub=function(){return data},data}function _bitBaseEvent(){const data=__webpack_require__(1318);return _bitBaseEvent=function(){return data},data}function _pubsubContext(){const data=__webpack_require__(51283);return _pubsubContext=function(){return data},data}},51283:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.createProvider=createProvider,exports.pubsubRegistry=void 0,exports.usePubSub=usePubSub,exports.usePubSubIframe=usePubSubIframe;function _react(){const data=_interopRequireWildcard(__webpack_require__(67294));return _react=function(){return data},data}function _getRequireWildcardCache(e){if(typeof WeakMap!="function")return null;var r=new WeakMap,t=new WeakMap;return(_getRequireWildcardCache=function(e2){return e2?t:r})(e)}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(e===null||typeof e!="object"&&typeof e!="function")return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}const pubsubRegistry=exports.pubsubRegistry=(0,_react().createContext)(void 0);function createProvider(pubSubContext){return({children})=>_react().default.createElement(pubsubRegistry.Provider,{value:pubSubContext},children)}function usePubSub(){return(0,_react().useContext)(pubsubRegistry)}function usePubSubIframe(ref){const pubSub=usePubSub();(0,_react().useEffect)(()=>{if(!ref?.current||!pubSub)return()=>{};const destroyConnection=pubSub.connect(ref.current);return()=>destroyConnection()},[ref?.current,pubSub])}},69594:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PubsubAspect=void 0;function _harmony(){const data=__webpack_require__(56225);return _harmony=function(){return data},data}const PubsubAspect=exports.PubsubAspect=_harmony().Aspect.create({id:"teambit.harmony/pubsub",dependencies:[]});var _default=exports.default=PubsubAspect},23154:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.ClickInsideAnIframeEvent=void 0;function _pubsub(){const data=__webpack_require__(95962);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class ClickInsideAnIframeEventData{constructor(clickEvent){this.clickEvent=clickEvent}}class ClickInsideAnIframeEvent extends _pubsub().BitBaseEvent{constructor(timestamp=Date.now(),clickEvent){super(ClickInsideAnIframeEvent.TYPE,"0.0.1",timestamp,new ClickInsideAnIframeEventData(clickEvent));this.timestamp=timestamp,this.clickEvent=clickEvent}}exports.ClickInsideAnIframeEvent=ClickInsideAnIframeEvent,_defineProperty(ClickInsideAnIframeEvent,"TYPE","click-inside-an-iframe")},47250:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0});var _clickInsideAnIframe=__webpack_require__(23154);Object.keys(_clickInsideAnIframe).forEach(function(key){key==="default"||key==="__esModule"||key in exports&&exports[key]===_clickInsideAnIframe[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function(){return _clickInsideAnIframe[key]}})})},69632:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundlingStrategyNotFound=void 0;class BundlingStrategyNotFound extends Error{constructor(strategyName){super(`bundling strategy with name ${strategyName} was not found`);this.strategyName=strategyName}}exports.BundlingStrategyNotFound=BundlingStrategyNotFound},2874:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BundlingStrategyNotFound",{enumerable:!0,get:function(){return _bundlingStrategyNotFound().BundlingStrategyNotFound}}),Object.defineProperty(exports,"PreviewArtifactNotFound",{enumerable:!0,get:function(){return _previewArtifactNotFound().PreviewArtifactNotFound}}),Object.defineProperty(exports,"PreviewNotFound",{enumerable:!0,get:function(){return _previewNotFound().PreviewNotFound}}),Object.defineProperty(exports,"PreviewOutputFileNotFound",{enumerable:!0,get:function(){return _previewOutputFileNotFound().PreviewOutputFileNotFound}});function _previewNotFound(){const data=__webpack_require__(2382);return _previewNotFound=function(){return data},data}function _previewArtifactNotFound(){const data=__webpack_require__(62682);return _previewArtifactNotFound=function(){return data},data}function _bundlingStrategyNotFound(){const data=__webpack_require__(69632);return _bundlingStrategyNotFound=function(){return data},data}function _previewOutputFileNotFound(){const data=__webpack_require__(66777);return _previewOutputFileNotFound=function(){return data},data}},62682:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewArtifactNotFound=void 0;function _bitError(){const data=__webpack_require__(31035);return _bitError=function(){return data},data}class PreviewArtifactNotFound extends _bitError().BitError{constructor(componentId){super(`preview for component ${componentId.toString()} was not found`)}}exports.PreviewArtifactNotFound=PreviewArtifactNotFound},2382:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewNotFound=void 0;class PreviewNotFound extends Error{constructor(name){super(`Preview for name: ${name} was not found`)}}exports.PreviewNotFound=PreviewNotFound},66777:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.PreviewOutputFileNotFound=void 0;function _bitError(){const data=__webpack_require__(31035);return _bitError=function(){return data},data}class PreviewOutputFileNotFound extends _bitError().BitError{constructor(componentId,filePath){super(`preview output file for component: "${componentId.toString()}" was not found in the path: "${filePath}".
|
|
2
|
-
|
|
3
|
-
This is usually a result of an error during the bundling process.
|
|
4
|
-
The error might be an error of another component that uses the same env.
|
|
5
|
-
Run "bit build" with "--dev" to see more info.
|
|
6
|
-
Run "bit envs" to see other components that uses the same env`)}}exports.PreviewOutputFileNotFound=PreviewOutputFileNotFound},66323:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.fetchComponentAspects=fetchComponentAspects;function _graphqlRequest(){const data=__webpack_require__(42748);return _graphqlRequest=function(){return data},data}const GQL_SERVER="/graphql",GET_COMPONENT_ASPECTS=(0,_graphqlRequest().gql)`
|
|
7
|
-
query getComponentAspects($id: String!) {
|
|
8
|
-
getHost {
|
|
9
|
-
id
|
|
10
|
-
get(id: $id) {
|
|
11
|
-
aspects {
|
|
12
|
-
id
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
`;async function fetchComponentAspects(componentId){try{return(await(0,_graphqlRequest().request)(GQL_SERVER,GET_COMPONENT_ASPECTS,{id:componentId.toString()})).getHost.get.aspects.map(x=>x.id)}catch(err){console.error(`[gql] error on "getComponentAspects" - "${err.toString()}"`);return}}},2724:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.loadLink=loadLink,exports.loadScript=loadScript;function loadScript({src}){return new Promise((resolve,reject)=>{const script=document.createElement("script");script.setAttribute("defer","defer"),script.src=src,script.onload=()=>resolve(),script.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load script: ${message}`)),document.head.appendChild(script)})}function loadLink({href}){return new Promise((resolve,reject)=>{const link=document.createElement("link");href.endsWith(".css")&&link.setAttribute("rel","stylesheet"),link.setAttribute("href",href),link.onload=()=>resolve(),link.onerror=(message,_,_1,_2,error)=>reject(error||new Error(`[preview.preview] failed to load link: ${message}`)),document.head.appendChild(link)})}},27314:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PREVIEW_MODULES",{enumerable:!0,get:function(){return _previewModules().PREVIEW_MODULES}}),Object.defineProperty(exports,"PreviewModules",{enumerable:!0,get:function(){return _previewModules().PreviewModules}}),Object.defineProperty(exports,"linkModules",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _previewModules(){const data=__webpack_require__(59741);return _previewModules=function(){return data},data}},35409:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PreviewRuntime=exports.PreviewAspect=void 0;function _harmony(){const data=__webpack_require__(56225);return _harmony=function(){return data},data}const PreviewRuntime=exports.PreviewRuntime=new(_harmony()).RuntimeDefinition("preview"),PreviewAspect=exports.PreviewAspect=_harmony().Aspect.create({id:"teambit.preview/preview",dependencies:[],defaultConfig:{},declareRuntime:PreviewRuntime});var _default=exports.default=PreviewAspect},35383:(__unused_webpack_module,exports,__webpack_require__)=>{var __webpack_unused_export__;__webpack_unused_export__={value:!0},__webpack_unused_export__=void 0,Object.defineProperty(exports,"Bu",{enumerable:!0,get:function(){return _previewModules().linkModules}});function _pubsub(){const data=_interopRequireDefault(__webpack_require__(95962));return _pubsub=function(){return data},data}function _harmony(){const data=__webpack_require__(56225);return _harmony=function(){return data},data}function _componentId(){const data=__webpack_require__(99581);return _componentId=function(){return data},data}function _crossFetch(){const data=_interopRequireDefault(__webpack_require__(1897));return _crossFetch=function(){return data},data}function _memoizee(){const data=_interopRequireDefault(__webpack_require__(43727));return _memoizee=function(){return data},data}function _lodash(){const data=__webpack_require__(12982);return _lodash=function(){return data},data}function _exceptions(){const data=__webpack_require__(2874);return _exceptions=function(){return data},data}function _preview(){const data=__webpack_require__(35409);return _preview=function(){return data},data}function _events(){const data=__webpack_require__(47250);return _events=function(){return data},data}function _renderingContext(){const data=__webpack_require__(19783);return _renderingContext=function(){return data},data}function _fetchComponentAspects(){const data=__webpack_require__(66323);return _fetchComponentAspects=function(){return data},data}function _previewModules(){const data=__webpack_require__(27314);return _previewModules=function(){return data},data}function _htmlUtils(){const data=__webpack_require__(2724);return _htmlUtils=function(){return data},data}function _sizeEvent(){const data=__webpack_require__(42951);return _sizeEvent=function(){return data},data}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class PreviewPreview{constructor(pubsub,previewSlot,renderingContextSlot){this.pubsub=pubsub,this.previewSlot=previewSlot,this.renderingContextSlot=renderingContextSlot,_defineProperty(this,"isDev",!1),_defineProperty(this,"_setupPromise",void 0),_defineProperty(this,"setup",()=>this.isReady()?Promise.resolve():(this._setupPromise??=new Promise(resolve=>{_previewModules().PREVIEW_MODULES.onSet.add(()=>{this.isReady()&&resolve()})}),this._setupPromise)),_defineProperty(this,"render",async rootExt=>{window.document.body.style.width="fit-content";const{previewName,componentId,envId}=this.getLocation(),name=previewName||this.getDefault();rootExt&&(this.isDev=rootExt==="teambit.workspace/workspace");const preview=this.getPreview(name);if(!preview||!componentId)throw new(_exceptions()).PreviewNotFound(previewName);const includesAll=await Promise.all((preview.include||[]).map(async inclPreviewName=>{const includedPreview=this.getPreview(inclPreviewName);if(!includedPreview)return;const inclPreviewModule=await this.getPreviewModule(inclPreviewName,componentId);return includedPreview.selectPreviewModel?.(componentId.fullName,inclPreviewModule)})),query=this.getQuery(),includes=this.getParam(query,"onlyOverview")==="true"?[]:includesAll.filter(module=>!!module),componentAspects=this.isDev?await this.getComponentAspects(componentId.toString()):void 0,previewModule=await this.getPreviewModule(name,componentId),render=preview.render(componentId,envId||"",previewModule,includes,this.getRenderingContext(componentAspects));return this.reportSize(),this.setViewport(),render}),_defineProperty(this,"getComponentAspects",(0,_memoizee().default)(_fetchComponentAspects().fetchComponentAspects,{max:100,maxAge:12*60*60*1e3})),this.registerClickPubSub()}registerClickPubSub(){window.addEventListener("click",e=>{const timestamp=Date.now(),clickEvent=Object.assign({},e);this.pubsub.pub(_preview().PreviewAspect.id,new(_events()).ClickInsideAnIframeEvent(timestamp,clickEvent))})}isReady(){const{previewName}=this.getLocation(),name=previewName||this.getDefault();if(!_previewModules().PREVIEW_MODULES.has(name))return!1;const preview=this.getPreview(name);return!(!preview||!(preview.include?.every(included=>_previewModules().PREVIEW_MODULES.has(included))??!0))}setViewport(){const query=this.getQuery(),viewPort=this.getParam(query,"viewport");if(!viewPort){window.document.body.style.width="100%";return}window.document.body.style.maxWidth=`${viewPort}px`}reportSize(){if(!window?.parent||!window?.document)return;const sendPubsubEvent=()=>{this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))};window.document.body.addEventListener("resize",(0,_lodash().debounce)(sendPubsubEvent,300));let counter=0;const interval=setInterval(()=>{if(counter+=1,counter>10){clearInterval(interval);return}this.pubsub.pub(_preview().PreviewAspect.id,new(_sizeEvent()).SizeEvent({width:window.document.body.offsetWidth,height:window.document.body.offsetHeight}))},200)}async getPreviewModule(previewName,id){const compShortId=id.fullName,relevantModel=_previewModules().PREVIEW_MODULES.get(previewName);if(!relevantModel)throw new Error(`[preview.preview] missing preview "${previewName}"`);if(relevantModel.componentMap[compShortId])return relevantModel;const componentPreviews=await this.fetchComponentPreview(id,previewName);_previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId,componentPreviews);const component=componentPreviews[previewName],metadata=componentPreviews[`${previewName}_metadata`];return{modulesMap:relevantModel.modulesMap,componentMap:{[id.fullName]:component},componentMapMetadata:{[id.fullName]:metadata}}}async fetchComponentPreview(id,name){let previewFile;const allFiles=await this.fetchComponentPreviewFiles(id,name);return allFiles===null?{}:(await Promise.all(allFiles.map(file=>{if(file.endsWith("-preview.js")){previewFile=file;return}return this.addComponentFileElement(id,file)})),previewFile?this.loadPreviewScript(id,name,previewFile):{})}addComponentFileElement(id,previewBundleFileName){if(previewBundleFileName.endsWith(".js"))return this.addComponentFileScriptElement(id,previewBundleFileName);this.addComponentFileLinkElement(id,previewBundleFileName).catch(err=>{throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err?.toString()}"`)})}async fetchComponentPreviewFiles(id,previewName){const previewAssetsRoute="~aspect/preview-assets",url=`/api/${id.toString()}/${previewAssetsRoute}`,res=await(0,_crossFetch().default)(url);if(res.status>=400)throw new(_exceptions()).PreviewNotFound(previewName);const parsed=await res.json();if(parsed.isBundledWithEnv)return null;if(!parsed.files||!parsed.files.length)throw new(_exceptions()).PreviewNotFound(previewName);return parsed.files}addComponentFileScriptElement(id,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;return(0,_htmlUtils().loadScript)({src})}addComponentFileLinkElement(id,previewBundleFileName){const href=`/api/${id.toString()}/~aspect/component-preview/${previewBundleFileName}`;return(0,_htmlUtils().loadLink)({href})}async loadPreviewScript(id,previewName,previewBundleFileName){const previewRoute="~aspect/component-preview",src=`/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;await(0,_htmlUtils().loadScript)({src});const globalId=`${id.toStringWithoutVersion()}-preview`,componentPreview=window[globalId];if(!componentPreview)throw new(_exceptions()).PreviewNotFound(previewName);return componentPreview}registerPreview(preview){return this.previewSlot.register(preview),this}getRenderingContext(aspectsFilter){return new(_renderingContext()).RenderingContext(this.renderingContextSlot,{aspectsFilter})}registerRenderContext(renderContext){return this.renderingContextSlot.register(renderContext),this}getDefault(){const previews=this.previewSlot.values();return previews.find(previewCandidate=>previewCandidate.default)?.name||previews[0].name}getPreview(previewName){return this.previewSlot.values().find(previewCandidate=>previewCandidate.name===previewName)}getParam(query,param){return new URLSearchParams(query).get(param)}getQuery(){const withoutHash=window.location.hash.substring(1),[,after]=withoutHash.split("?");return after}getLocation(){const withoutHash=window.location.hash.substring(1),[before,after]=withoutHash.split("?");return{previewName:this.getParam(after,"preview"),envId:this.getParam(after,"env"),componentId:_componentId().ComponentID.tryFromString(before)}}static async provider([pubsub],config,[previewSlot,renderingContextSlot]){const preview=new PreviewPreview(pubsub,previewSlot,renderingContextSlot);return window.addEventListener("hashchange",()=>{preview.render()}),preview}}__webpack_unused_export__=PreviewPreview,_defineProperty(PreviewPreview,"runtime",_preview().PreviewRuntime),_defineProperty(PreviewPreview,"dependencies",[_pubsub().default]),_defineProperty(PreviewPreview,"slots",[_harmony().Slot.withType(),_harmony().Slot.withType()]),_preview().PreviewAspect.addRuntime(PreviewPreview)},19783:(__unused_webpack_module,exports)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.RenderingContext=void 0;class RenderingContext{constructor(contexts,options={}){this.contexts=contexts,this.options=options}get(aspectId){return this.contexts.get(aspectId)?.(this.options)}}exports.RenderingContext=RenderingContext},42951:(__unused_webpack_module,exports,__webpack_require__)=>{Object.defineProperty(exports,"__esModule",{value:!0}),exports.SizeEvent=void 0;function _pubsub(){const data=__webpack_require__(95962);return _pubsub=function(){return data},data}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return typeof i=="symbol"?i:String(i)}function _toPrimitive(t,r){if(typeof t!="object"||!t)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var i=e.call(t,r||"default");if(typeof i!="object")return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}class SizeEvent extends _pubsub().BitBaseEvent{constructor(sizeEvent){super(SizeEvent.TYPE,"0.0.1",new Date().getTime(),sizeEvent)}}exports.SizeEvent=SizeEvent,_defineProperty(SizeEvent,"TYPE","preview-size")},49536:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(35383),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(5659),_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__);(0,_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{modulesMap:{default:_home_circleci_bit_bit_node_modules_teambit_react_ui_compositions_app_dist_index_js__WEBPACK_IMPORTED_MODULE_1__},isSplitComponentBundle:!1,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[404,244,203,629],()=>__webpack_exec__(49536));var __webpack_exports__=__webpack_require__.O()}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{"use strict";var __webpack_modules__={95538:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__2)=>{var react__WEBPACK_IMPORTED_MODULE_2___namespace_cache,react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache,_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__2(38168),_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__2(3905),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__2(67294),react_dom__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__2(73935),globalObj=window;guard("TeambitMdxUiMdxScopeContext",_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__),guard("MdxJsReact",_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__),guard("React",react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2))),guard("ReactDom",react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2))),globalObj.TeambitMdxUiMdxScopeContext=_teambit_mdx_ui_mdx_scope_context__WEBPACK_IMPORTED_MODULE_0__,globalObj.MdxJsReact=_mdx_js_react__WEBPACK_IMPORTED_MODULE_1__,globalObj.React=react__WEBPACK_IMPORTED_MODULE_2___namespace_cache||(react__WEBPACK_IMPORTED_MODULE_2___namespace_cache=__webpack_require__2.t(react__WEBPACK_IMPORTED_MODULE_2__,2)),globalObj.ReactDom=react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache||(react_dom__WEBPACK_IMPORTED_MODULE_3___namespace_cache=__webpack_require__2.t(react_dom__WEBPACK_IMPORTED_MODULE_3__,2));function guard(property,expected){var existing=globalObj[property];if(existing===expected&&expected!==void 0)console.warn('[expose-peers] "'+property+'" already exists in global scope, but with correct value');else if(existing!==void 0)throw new Error('[expose-peers] "'+property+'" already exists in the global scope, cannot overwrite')}}},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(cachedModule!==void 0)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,(()=>{var deferred=[];__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(chunkIds){priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority];return}for(var notFulfilled=1/0,i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(priority&!1||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every(key=>__webpack_require__.O[key](chunkIds[j]))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();r!==void 0&&(result=r)}}return result}})(),__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},(()=>{var getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,leafPrototypes;__webpack_require__.t=function(value,mode){if(mode&1&&(value=this(value)),mode&8||typeof value=="object"&&value&&(mode&4&&value.__esModule||mode&16&&typeof value.then=="function"))return value;var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=mode&2&&value;typeof current=="object"&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach(key=>def[key]=()=>value[key]);return def.default=()=>value,__webpack_require__.d(ns,def),ns}})(),__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.g=function(){if(typeof globalThis=="object")return globalThis;try{return this||new Function("return this")()}catch{if(typeof window=="object")return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),__webpack_require__.r=exports=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),(()=>{var installedChunks={703:0};__webpack_require__.O.j=chunkId=>installedChunks[chunkId]===0;var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var[chunkIds,moreModules,runtime]=data,moduleId,chunkId,i=0;if(chunkIds.some(id=>installedChunks[id]!==0)){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.__loadChunks_EnvTemplate=self.__loadChunks_EnvTemplate||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})();var __webpack_exports__=__webpack_require__.O(void 0,[244],()=>__webpack_require__(95538));__webpack_exports__=__webpack_require__.O(__webpack_exports__)})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.circular-font_circularFont__2U4VL{font-family:"CircularXX","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}@font-face{font-family:"CircularXX";src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Regular.woff2)}@font-face{font-family:"CircularXX";font-weight:700;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Bold.woff2)}@font-face{font-family:"CircularXX";font-weight:800;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Black.woff2)}@font-face{font-family:"CircularXX";font-style:italic;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Italic.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:700;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-BoldItalic.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:800;src:url(https://static.bit.dev/circular-xx/CirculrXXWeb-BlackItalic.woff2)}@font-face{font-family:"CircularXX";font-weight:300;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-light.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:300;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-lightItalic.woff2)}@font-face{font-family:"CircularXX";font-weight:500;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-Medium.woff2)}@font-face{font-family:"CircularXX";font-style:italic;font-weight:500;src:url(https://static.bit.dev/circular-xx/CircularXXWeb-MediumItalic.woff2)}.base-theme_theme__20K5p{background:var(--background-color);color:var(--on-background-color);min-height:100%}.theme-toggler_toggler__10ZbF{background:#fff;background:var(--surface-color,#fff);border-radius:8px;cursor:pointer;padding:.5em;transition:color .18s,background-color .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggler_toggler__10ZbF:hover{background:#edebfc;background:var(--surface-hover-color,#edebfc)}.theme-toggler_toggler__10ZbF:active{background:#dcd8f9;background:var(--surface-active-color,#dcd8f9)}.docs-app_compositionSection__2rAWY{margin-top:40px}.docs-app_compositionCard__2BFqj{max-height:500px;max-width:100%;overflow:hidden}.docs-app_docsMainBlock__1Vyyg{box-sizing:border-box;margin:0 0 150px;max-width:1440px;padding:20px 40px 10px;width:100%}.docs-app_docsMainBlock__1Vyyg .docs-app_heading__25cfc{margin-bottom:0}.docs-app_mdx__WbON7{font-size:16px}.abs-container_container__32Ee7{position:relative}.abs-container_containee__32F4t{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__32F4t{visibility:visible}.positions_top__3z-mm{bottom:100%}.positions_top-start__3Dd97{bottom:100%;left:0}.positions_top-end__p3_DQ{bottom:100%;right:0}.positions_right__2Uww5{left:100%}.positions_right-start__1dNL6{left:100%;top:0}.positions_right-end__1cvYe{bottom:0;left:100%}.positions_bottom__2JHnG{top:100%}.positions_bottom-start__PrOJ6{left:0;top:100%}.positions_bottom-end__3ioJM{right:0;top:100%}.positions_left__1_mZZ{right:100%}.positions_left-start__28qkr{right:100%;top:0}.positions_left-end__2wuCk{bottom:0;right:100%}.positions_cover__3zbKy{left:0;top:0}.displacement_displacement__2_tNV[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__2_tNV[data-position=bottom-start],.displacement_displacement__2_tNV[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position=bottom-end],.displacement_displacement__2_tNV[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position^=left-start],.displacement_displacement__2_tNV[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__2_tNV[data-position^=left-end],.displacement_displacement__2_tNV[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1MTHB{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__C_z3h{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__3294z{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__3psqj{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.roundness_sharp__HxXUj{border-radius:2px}.roundness_default__2lyQQ{border-radius:5px}.roundness_small__3Cwbi{border-radius:8px}.roundness_medium__rMVHV{border-radius:10px}.roundness_circle__18nMU{border-radius:50%}.background_bedrock__3FKrB{background:var(--bit-bg-bedrock)}.background_base__29SaX,.background_layer__Sl4XN{background:var(--bit-bg-color)}.background_crust__3IFae{background:var(--bit-bg-tooltip)}.background_topping__bd7wA{background:var(--bit-bg-color)}.background_topping__bd7wA:hover{background:var(--bit-bg-heavy)}.background_dent__3lLeg{background:var(--bit-bg-dent)}.menu-item_menuItem__2i2Bc{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__R2hUp>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__R2hUp.menu-item_active__3DvI7>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__WtT7p:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__3DvI7,.menu-item_active__3DvI7:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_dropdownPlaceholder__skuzt{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.844em 1em}.dropdown_dropdownPlaceholder__skuzt:hover{background-color:#f4f5f6;background-color:var(--surface-neutral-hover-color,#f4f5f6);border:1px solid #cecece;border:1px solid var(--border-medium-hover-color,#cecece)}.dropdown_dropdownPlaceholder__skuzt:active{background-color:#eeeff2;background-color:var(--surface-neutral-active-color,#eeeff2);border:1px solid #babec9;border:1px solid var(--border-high-color,#babec9)}.dropdown_removePlaceholderBorder__x5DFh .dropdown_dropdownPlaceholder__skuzt{border:none}.dropdown_dropdownMenu__3HatQ{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;min-width:220px;padding:8px 0;z-index:102}.button_vanillaButton__1ij7P{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__1mwwS{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__1mwwS>*{animation:1.27s ease-in-out infinite both;animation-name:dots-loader_scale-down__3k3Xd;display:inline-block}.dots-loader_dotsLoader__1mwwS>:first-child{animation-delay:-.37s}.dots-loader_dotsLoader__1mwwS>:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__3k3Xd{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__2YTx9{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__2YTx9.icon-button_iconOnly__mU2Gj{padding:6px 8px}.icon-button_iconButton__2YTx9[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__2YTx9[data-priority=ghost].icon-button_active__3NW_G{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__2YTx9[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__2YTx9[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff)}.icon-button_iconButton__2YTx9[data-priority=cta]:hover:not(:disabled){background-color:#5d4aec;background-color:var(--bit-accent-heavy,#5d4aec);border:1px solid #5d4aec;border:1px solid var(--bit-accent-heavy,#5d4aec)}.icon-button_iconButton__2YTx9[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__2YTx9:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__2YTx9:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__24uLr{color:inherit;font-size:16px}.icon-button_margin__tDWIN{margin-right:8px}.sizes_buttonSizes__2RvCY[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__2RvCY[data-size=l]{font-size:14px;height:40px}.buttons-plugin_buttonsHolder__1Jgxp{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color,#ededed);display:flex;justify-content:space-between;padding:12px 16px 4px}.buttons-plugin_clearText__1SWFB{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.menu-item_menuItem__i5XZu{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__1n5cW>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__1n5cW.menu-item_active__1FrfV>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__2X6ku:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__1FrfV,.menu-item_active__1FrfV:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.tab-line_tabLine__1YKuy{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute}.tab-line_tabLine__1YKuy[data-position=top]{top:0}.tab-line_tabLine__1YKuy[data-position=bottom]{bottom:0}.tab-folder_tabFolder__2y7hL{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-folder_folderStyle__RbJOR{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.tab-inner_tabInner__24JZ8{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-inner_innerStyle__2cC1U{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabInner__33_VX{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_innerStyle__18Db-,.responsive-navbar_tab__2jEiA[data-priority=inner].responsive-navbar_noAnimation__1ke0W{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabFolder__2U7FL{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_folderStyle__2A0xo,.responsive-navbar_tab__2jEiA[data-priority=folder].responsive-navbar_noAnimation__1ke0W{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.responsive-navbar_tab__2jEiA{align-items:center;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);outline:none;padding:8px 16px;pointer-events:none;position:relative;transition:color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.responsive-navbar_tab__2jEiA[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__2jEiA.responsive-navbar_active__2-64I,.responsive-navbar_tab__2jEiA:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__2jEiA.responsive-navbar_active__2-64I[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__2jEiA.responsive-navbar_active__2-64I[data-priority=folder],.responsive-navbar_tab__2jEiA.responsive-navbar_active__2-64I[data-priority=inner]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__2jEiA[data-priority=line] .responsive-navbar_lineStyle__D_SdX{width:100%}.responsive-navbar_tab__2jEiA[data-priority=folder],.responsive-navbar_tab__2jEiA[data-priority=inner]{z-index:1}.responsive-navbar_tab__2jEiA>*{pointer-events:auto}.responsive-navbar_navTabs__1px-u{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__1px-u.responsive-navbar_overflow__1-2s9{overflow-x:auto}.responsive-navbar_more__39dv2{align-items:center;display:flex}.responsive-navbar_more__39dv2 .responsive-navbar_dots__Mn9ny{align-items:center;border-radius:8px;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:background-color .3s ease-in-out}.responsive-navbar_more__39dv2 .responsive-navbar_dots__Mn9ny>img{width:16px}.responsive-navbar_secondaryTabContainer__2kM5F{z-index:5000}.responsive-navbar_secondaryTabContainer__2kM5F .responsive-navbar_item__1zAIE{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__2kM5F .responsive-navbar_item__1zAIE .responsive-navbar_menuItem__1YGeg{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__2kM5F .responsive-navbar_item__1zAIE .responsive-navbar_menuItem__1YGeg>*{padding:8px;width:100%}.responsive-navbar_hidden__fwM6v{display:none}.top-bar-nav_topBarLink__2Mg-_{align-items:center;box-sizing:border-box;color:inherit;display:flex;padding:0 4px;position:relative;text-decoration:none;transition:color .3s}.top-bar-nav_topBarLink__2Mg-_:hover:not(.top-bar-nav_active__-Swyn)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__2Mg-_.top-bar-nav_active__-Swyn{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__2Mg-_.top-bar-nav_active__-Swyn:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__2Mg-_:after{background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:background-color .3s,height .3s}.top-bar-nav_topBarLink__2Mg-_>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.menu_topBar__1zVDB{justify-content:space-between;width:100%}.menu_leftSide__2QCN9,.menu_topBar__1zVDB{align-items:center;display:flex;height:100%;min-width:0}.menu_leftSide__2QCN9{flex-grow:1}.menu_navigation__2VobK{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__2VobK{padding-left:0}}.menu_navigation__2VobK li{display:block;height:100%;margin-right:16px}.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:flex}@media screen and (max-width:768px){.menu_navigation__2VobK.menu_desktopNav__3ueBm{display:none}}.menu_navigation__2VobK.menu_mobileNav__2jp2R{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__2VobK.menu_mobileNav__2jp2R{display:flex;margin-right:8px}}.menu_rightSide__NGGSx{align-items:center;display:flex;height:100%;padding-left:16px}.menu_rightSide__NGGSx>*{margin-right:12px}@media screen and (max-width:1200px){.menu_rightSide__NGGSx>*{margin-right:8px}}.menu_rightSide__NGGSx .menu_widget__2le2h{font-size:17px}.menu_useBox__2ibV5{--bit-drawer-margin:14px}.menu_componentVersionMenu__1nAMz{width:350px}.menu_tab__313mY>div{color:#2b2b2b;color:var(--on-background-color,#2b2b2b);padding:0}.menu_topBarNav__3RUac{height:100%}.menu_topBarNav__3RUac.menu_noBorder__Jr9_p:after{display:none}@media screen and (max-width:768px){.menu_hideOnMobile__1DK_k{display:none}}.ellipsis_ellipsisDiv__3ErBy,.ellipsis_ellipsis__2Jyl3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__3ErBy{display:inline-block}.dark-theme_darkMod__1or3J{--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948;color:#ededed}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{left:11px;top:calc(50% - 3px);transform:rotate(90deg)}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{right:11px;top:calc(50% - 3px);transform:rotate(-90deg)}.tippy-svg-arrow{fill:#333;height:16px;text-align:left;text-align:initial;width:16px}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box[data-theme~=teambit]{background:#2b2b2b;background:var(--bit-bg-tooltip,#2b2b2b);border-radius:8px;color:#fff;color:var(--bit-text-color,#fff)}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip,#2b2b2b)}.time-ago_dateTooltipContent__140y9,.time-ago_dateTooltip__2raq5{display:flex}.time-ago_dateTooltip__2raq5{max-width:none!important;width:-moz-max-content;width:max-content}.styles_avatar__2EwCK{align-items:center;border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:50%;box-sizing:border-box;display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.styles_avatar__2EwCK .styles_letter__31VOa{color:#fff;color:var(--on-primary-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__2EwCK .styles_orgDefault__1TsW4{display:inline-block;text-align:center}.styles_avatarImg__1fJqq{border-radius:50%;bottom:0;box-sizing:border-box;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.styles_avatarImg__1fJqq.styles_blob__3cRP3{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__2XAN_{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__1-pm7{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;color:#707279;color:var(--on-background-medium-color,#707279)}.letter-colors_a__3mLwj{color:#ff6b81}.letter-colors_b__2P96Q{color:coral}.letter-colors_c__11SwA{color:#efc951}.letter-colors_d__35Ku_{color:#94cd53}.letter-colors_e__1aoBg{color:#57606f}.letter-colors_f__M9vtr{color:#ffa502}.letter-colors_g__2yU-C{color:#409d94}.letter-colors_h__3z_gj{color:#ff4757}.letter-colors_i__2pKJb{color:#747d8c}.letter-colors_j__2BxW7{color:#2f3542}.letter-colors_k__2mWRo{color:#c47367}.letter-colors_l__1SgHt{color:#70a1ff}.letter-colors_m__OfCsE{color:#6665e2}.letter-colors_n__OjEBm{color:#2c437e}.letter-colors_o__1lm-q{color:#60a3bc}.letter-colors_p__1iHnb{color:#2ed573}.letter-colors_q__3rtVD{color:#1e90ff}.letter-colors_r__3oNWQ{color:#275a80}.letter-colors_s__zZX-J{color:#7e6a6a}.letter-colors_t__14EPF{color:#5fc068}.letter-colors_u__3AeQN{color:#d03961}.letter-colors_v__2ZQFy{color:#006266}.letter-colors_w__TXwXT{color:#833471}.letter-colors_x__2cb1V{color:#fda7df}.letter-colors_y__2slnh{color:#12cbc4}.letter-colors_z__OjazO{color:#4a69bd}.letter-bg-colors_a__1VSrm{background-color:#ff6b81}.letter-bg-colors_b__2vnVd{background-color:coral}.letter-bg-colors_c__14F99{background-color:#efc951}.letter-bg-colors_d__3_j5_{background-color:#94cd53}.letter-bg-colors_e__14jyP{background-color:#57606f}.letter-bg-colors_f__llnWL{background-color:#ffa502}.letter-bg-colors_g__1MV_F{background-color:#409d94}.letter-bg-colors_h__1OZB_{background-color:#ff4757}.letter-bg-colors_i__1aayb{background-color:#747d8c}.letter-bg-colors_j__2UqHH{background-color:#2f3542}.letter-bg-colors_k__16Y0q{background-color:#c47367}.letter-bg-colors_l__3LrPW{background-color:#70a1ff}.letter-bg-colors_m__1ioZC{background-color:#6665e2}.letter-bg-colors_n__2njkR{background-color:#2c437e}.letter-bg-colors_o__2KHPz{background-color:#60a3bc}.letter-bg-colors_p__3dMpC{background-color:#2ed573}.letter-bg-colors_q__1HaVh{background-color:#1e90ff}.letter-bg-colors_r__3fkrJ{background-color:#275a80}.letter-bg-colors_s__3-cJA{background-color:#7e6a6a}.letter-bg-colors_t__29dwb{background-color:#5fc068}.letter-bg-colors_u__MVQdv{background-color:#d03961}.letter-bg-colors_v__1JPX0{background-color:#006266}.letter-bg-colors_w__2JA1-{background-color:#833471}.letter-bg-colors_x__8oQMg{background-color:#fda7df}.letter-bg-colors_y__2na8v{background-color:#12cbc4}.letter-bg-colors_z__3eC8X{background-color:#4a69bd}.skeleton_block__8z2-C,.skeleton_circle__ST6yi,.skeleton_skeleton__1XABe{background:currentColor}.skeleton_line__VW5CM>*,.skeleton_skeletonContent__1g-Ne>*,.skeleton_word__ful4_>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__ful4_{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__VW5CM>*{width:100%}.skeleton_circle__ST6yi{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__1fIsf>*,.skeleton-design_skeletonContent__33_rD>*,.skeleton-design_word__VPMf3>*{border-radius:4px}.skeleton-design_block__1GGuy,.skeleton-design_circle__aZtII,.skeleton-design_line__1fIsf>*,.skeleton-design_shimmer__1RJ-Q,.skeleton-design_skeletonContent__33_rD>*,.skeleton-design_skeleton__3Bczv,.skeleton-design_word__VPMf3>*{animation:skeleton-design_placeHolderShimmer__1DHY2 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,hsla(0,0%,100%,.38) 30%,hsla(0,0%,100%,.38) 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__3WTpN{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__1DHY2{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__1GGuy{border-radius:4px}.version-dropdown-placeholder_detailed__3GVrd,.version-dropdown-placeholder_simple__TwjFa{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;gap:8px;height:30px;line-height:1.2em;padding:8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_detailed__3GVrd:hover,.version-dropdown-placeholder_simple__TwjFa:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK,.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK{background-color:#ededed;cursor:default}.version-dropdown-placeholder_detailed__3GVrd.version-dropdown-placeholder_disabled__1TpJK>span,.version-dropdown-placeholder_simple__TwjFa.version-dropdown-placeholder_disabled__1TpJK>span{display:none}.version-dropdown-placeholder_versionName__NFtt9{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__1-G6n{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__2M3Z2{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__2TTe1{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown-placeholder_loader__2TTe1>span{padding:4px}.item_menuItem__2iG9-{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__2iG9- .item_icon__LD-Dg{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__CchIQ:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active___p9uE,.item_active___p9uE:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active___p9uE .item_icon__LD-Dg{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.abs-container_container__3jc_-{position:relative}.abs-container_containee__sUgPK{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__sUgPK{visibility:visible}.positions_top__3CNP9{bottom:100%}.positions_top-start__3LoBV{bottom:100%;left:0}.positions_top-end__NTwpX{bottom:100%;right:0}.positions_right__2AfM7{left:100%}.positions_right-start__3yB8R{left:100%;top:0}.positions_right-end__GWeJT{bottom:0;left:100%}.positions_bottom__3xoLw{top:100%}.positions_bottom-start__2PESM{left:0;top:100%}.positions_bottom-end__17lEw{right:0;top:100%}.positions_left__3v492{right:100%}.positions_left-start__3bGeX{right:100%;top:0}.positions_left-end__3G_gd{bottom:0;right:100%}.positions_cover__1JzmP{left:0;top:0}.displacement_displacement__1Bxbx[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__1Bxbx[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__1Bxbx[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__1Bxbx[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__1Bxbx[data-position=bottom-start],.displacement_displacement__1Bxbx[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__1Bxbx[data-position=bottom-end],.displacement_displacement__1Bxbx[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__1Bxbx[data-position^=left-start],.displacement_displacement__1Bxbx[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__1Bxbx[data-position^=left-end],.displacement_displacement__1Bxbx[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1C-MI{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.abs-container_container__xj5y6{position:relative}.abs-container_containee__2RWGf{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__2RWGf{visibility:visible}.positions_top__Dlp3S{bottom:100%}.positions_top-start__3codA{bottom:100%;left:0}.positions_top-end__1l_On{bottom:100%;right:0}.positions_right__Ia6-o{left:100%}.positions_right-start__2P_Y_{left:100%;top:0}.positions_right-end__1R3_v{bottom:0;left:100%}.positions_bottom__IBuiX{top:100%}.positions_bottom-start__2crtJ{left:0;top:100%}.positions_bottom-end__IvlOT{right:0;top:100%}.positions_left__2cBPP{right:100%}.positions_left-start__1TVrh{right:100%;top:0}.positions_left-end__34RI3{bottom:0;right:100%}.positions_cover__2IpHP{left:0;top:0}.displacement_displacement__3Agrg[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3Agrg[data-position=bottom-start],.displacement_displacement__3Agrg[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position=bottom-end],.displacement_displacement__3Agrg[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position^=left-start],.displacement_displacement__3Agrg[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3Agrg[data-position^=left-end],.displacement_displacement__3Agrg[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.elevations_low__1hVha{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__3klNF{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__34Cbm{box-shadow:var(--bit-shadow-hover-high)}.dropdown_dropdown__NIBbx{padding:8px}.fade-in-out_fadeInOut__3K09R{opacity:0;transform:scale(.61);transition:all .18s}[data-open=true]>.fade-in-out_fadeInOut__3K09R{opacity:1;transform:scale(1)}.tab_tab__3FBGN{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__3FBGN.tab_active__3zLR9{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.version-dropdown_versionDropdown__26zMI{height:100%}.version-dropdown_versionDropdown__26zMI>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__26zMI .version-dropdown_menu__3gzq4{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0;z-index:5000}.version-dropdown_title__3hQ6s{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__3HByT{margin-bottom:2px}.version-dropdown_versionContainerRoot__3qX9w{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__33k0f{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__33k0f.version-dropdown_localVersion__1_Kj1{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__33k0f .version-dropdown_versionTimestamp__2slIn{margin-right:2px}.version-dropdown_versionRow__33k0f .version-dropdown_versionUserAvatar__28p6g{padding:0 8px}.version-dropdown_versionRow__33k0f .version-dropdown_laneIcon__3wXox{padding:0 4px}.version-dropdown_versionRow__33k0f .version-dropdown_version__32b-4{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__33k0f .version-dropdown_versionName__1MBcM{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__3soV6{cursor:pointer}.version-dropdown_withVersions__3soV6>div{margin-right:5px}.version-dropdown_withVersions__3soV6>span{display:inline;display:initial}.version-dropdown_withVersions__3soV6:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__3soV6{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__3soV6,[data-open=true] .version-dropdown_withVersions__3soV6:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__2kYKG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;margin-top:8px;overflow-x:auto;padding:0 24px}.version-dropdown_tabs__2kYKG .version-dropdown_tab__3dSKy{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loader__3s76A,.version-dropdown_loading__VHpGU{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown_loader__3s76A>div{padding:8px 0}.version-dropdown_versionMenuContainer__2KM1E{display:inline;display:initial}.version-dropdown_versionMenuContainer__2KM1E.version-dropdown_hide__2llxh{display:none}.pill-label_pillLabel__W9O5W{align-items:center;border:1px solid #ededed;border-color:var(--bit-border-color-lightest,#ededed);border-radius:12px;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);padding:2px 8px;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.version-label_label__HHySb.version-label_latest__1_NVT{border-color:#37b26c;color:#37b26c}.version-label_label__HHySb.version-label_current__2TKNe{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__5CJbp{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__1--AS{height:25px;margin-bottom:16px}.version-label_labelContainer__3ABdi{display:flex;flex-direction:column}.version-info_versionRow__sk5Vp{align-items:center;display:flex;height:40px;justify-content:space-between;line-height:1.2em;padding:0 16px}.version-info_versionTimestamp__m888-{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__l37Sw{flex:none;padding:0 8px}.version-info_laneIcon__2hi5u{padding:0 4px}.version-info_version__2P46N{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;max-width:70%;overflow:hidden}.version-info_versionName__1u2vs{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-info_commitMessage__21dib{flex-grow:1;padding:0 8px}.version-info_emptyMessage__1gMR5{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:var-bit-p-xs,14px;font-style:italic;padding:0 8px}.lane-info_versionRow__1ALU1{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__1ALU1 .lane-info_versionTimestamp__2BmOW{margin-right:2px}.lane-info_versionRow__1ALU1 .lane-info_versionUserAvatar__3gd_r{padding:0 8px}.lane-info_versionRow__1ALU1 .lane-info_laneIcon__mdCcY{padding:0 4px}.lane-info_versionRow__1ALU1 .lane-info_version__Q2Rmg{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__1ALU1 .lane-info_versionName__1Rjli{padding:0 8px}.abs-container_container__2Z_xp{position:relative}.abs-container_containee__pZebB{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__pZebB{visibility:visible}.positions_top__2_9vd{bottom:100%}.positions_top-start__2nvam{bottom:100%;left:0}.positions_top-end__1pH84{bottom:100%;right:0}.positions_right__1aEA1{left:100%}.positions_right-start__3kBQS{left:100%;top:0}.positions_right-end__2GMPw{bottom:0;left:100%}.positions_bottom__p7uWm{top:100%}.positions_bottom-start__QsVZh{left:0;top:100%}.positions_bottom-end__3qqQO{right:0;top:100%}.positions_left__1f49M{right:100%}.positions_left-start__11Mt8{right:100%;top:0}.positions_left-end__1uaM4{bottom:0;right:100%}.positions_cover__3aqvK{left:0;top:0}.displacement_displacement__j43dm[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__j43dm[data-position=bottom-start],.displacement_displacement__j43dm[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position=bottom-end],.displacement_displacement__j43dm[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position^=left-start],.displacement_displacement__j43dm[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__j43dm[data-position^=left-end],.displacement_displacement__j43dm[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.tooltip-card_menu__3dWcg{background:var(--bit-bg-tooltip);padding:8px}.arrow_arrow__1FQ9D{margin:0 auto;position:absolute}.arrow_arrow__1FQ9D:before{background:var(--bit-bg-tooltip);content:"";display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-position_bottom__8vlM8,.arrow-position_top__PZHJG{left:calc(50% - 5px)}.arrow-position_left__1yldm,.arrow-position_right__MK8IT{top:calc(50% - 5px)}.arrow-position_cover__3zqai,.arrow-position_none__86cQo{display:none}.arrow-shadow_top-end__2u1Yf:before,.arrow-shadow_top-start__34UQ0:before,.arrow-shadow_top__3TKYi:before{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_bottom-end__zFI_x:before,.arrow-shadow_bottom-start__aKHFr:before,.arrow-shadow_bottom__32vBi:before{box-shadow:-2px -2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_right-end__3e_rr:before,.arrow-shadow_right-start__1S1dt:before,.arrow-shadow_right__badwP:before{box-shadow:-2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_left-end__2xptV:before,.arrow-shadow_left-start__1yaQL:before,.arrow-shadow_left__1P6F5:before{box-shadow:2px -2px 4px 0 rgba(0,0,0,.1)}.tooltip-drawer_tooltip__1kqNH{--bit-drawer-margin:10px}.tooltip-drawer_arrow__11qDF{--bit-drawer-margin:5px;--bit-drawer-indent:8px}.key_keyCombo__PL5PA{align-items:center;display:flex;white-space:nowrap}.key_keyCombo__PL5PA .key_keycap__1y0bf{margin-right:4px}.key_keyCombo__PL5PA .key_keycap__1y0bf:last-child{margin-right:0}.key_keySequence__vPmqS{align-items:center;display:flex;white-space:nowrap}.key_keycap__1y0bf{align-items:center;background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6);border-radius:3px;box-sizing:border-box;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:12px;height:1.7em;justify-content:center;min-width:1.7em;padding:0 .4em;text-transform:uppercase}.key_thenSep__2a-aE{font-size:.8em;margin:0 4px}.main-dropdown_mainDropdown__3RALE{height:100%}.main-dropdown_mainDropdown__3RALE>div{align-items:center;display:flex;height:100%}.main-dropdown_mainDropdown__3RALE .main-dropdown_menu__3LwDV{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:-5px;width:300px}.main-dropdown_mainDropdown__3RALE .main-dropdown_menu__3LwDV>div{margin-bottom:8px}.main-dropdown_iconAnchor__3zgUr{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:30px;transition:background-color .3s ease-in-out}[data-open=true] .main-dropdown_iconAnchor__3zgUr{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__3zgUr,[data-open=true] .main-dropdown_iconAnchor__3zgUr:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.main-dropdown_iconAnchor__3zgUr:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__2ZlG-{padding:0 8px}.main-dropdown_menuBlock__1gkRE{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 0 10px}.main-dropdown_menuBlock__1gkRE:last-child{border-bottom:none}.main-dropdown_title__2B5xg{color:#878c9a;font-size:10px;font-weight:700;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.main-dropdown_line__2P4qc{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px}.main-dropdown_line__2P4qc:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_menu__3AsW5{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px;z-index:102}.dropdown_placeholder__7bsgi{align-items:center;background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #37b26c;border-radius:6px;box-sizing:border-box;color:#37b26c;cursor:pointer;display:flex;height:30px;padding:0 6px;transition:background-color .3s,color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_placeholder__7bsgi:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__7bsgi{padding:0 8px}.dropdown_placeholder__7bsgi .dropdown_content__1wo2u{display:none}}.dropdown_placeholder__7bsgi>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__7bsgi{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff);transition:color .3s,background-color .3s ease-in-out}.dropdown_placeholder__7bsgi>div{padding:0 6px}.tab_tab__3Z3uk{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__3Z3uk.tab_active__29uQ2{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.menu_container__20plr{z-index:5000}.menu_top__3me6T{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__1i2Zn{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__1i2Zn>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__1g36E{justify-content:space-between}.menu_drawer__1g36E>div{align-items:center;display:flex}.menu_drawer__1g36E>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__3TV0N{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;overflow-x:auto;padding:0 24px}.menu_registry__Xkwzo>div:last-child{border-top:none;padding:0}.menu_importContent__3ZdSc>div{margin:12px 0}.menu_importContent__3ZdSc>div:nth-child(2),.menu_importContent__3ZdSc>div:nth-child(4){margin-bottom:24px}.menu_bottom__smiMq{align-items:center;display:flex}.menu_bottom__smiMq>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_disabled__cjhTG{background-color:#fffcf4;background-color:var(--warning-surface-color,#fffcf4);font-size:12px;font-size:var(--bit-p-xs,12px);padding:4px}.menu_warnIcon__37C0C{filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%);padding-right:4px}.tab-content_middle__2Dk45{margin:0 24px 16px}.tab-content_middle__2Dk45>div{margin:12px 0}.tab-content_bottom__1OU_Y{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__10PC2{align-items:center;display:flex;justify-content:space-between}.tab-content_open__6rSTc{transform:rotate(180deg)}.bottom-link_link__2ew5L{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);cursor:pointer;display:flex;height:40px;padding:0 24px;text-decoration:none;text-decoration:initial}.bottom-link_link__2ew5L:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__2ew5L>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.copied-message_copiedMessage__21wkM{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__3DtoO{opacity:1;visibility:visible}.grid_gridContainer__4VBNN{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__1ss_5{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__3P4lU{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__wODMm{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__tUeI_{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__1kjOk{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__3LVbF{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__-UOpc{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__1KjEh{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__1__QR{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__1ul_n{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__2S7Tu{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__UwwbB{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__1rYvu{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__1He1E{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__TMFFR{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__2MhHN{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3WGI1{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__1q_C8{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__1hX_J{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__1h7Jj{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__6dGFi{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__2teW3{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2Aha_{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__1ALzl{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__2qnzc{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__354WX{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__17hwz{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__10tSX{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__agmQE{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__3AK3h{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__11c2e{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__xfZLG{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__2KE0o{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__3zT0y{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__1jVOK{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__29fxZ{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__28Twr{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__2kDBI{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__1lPCd{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__2cSru{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__2YUIf{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__CYkFQ{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__GA5wI{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__4Fb_8{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__39kEU{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__36AOH{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__2NhTM{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__FCphT{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__6oelD{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__ivU4a{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__Kib8u{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__1mabe{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__3-Ua-{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__910kE{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__juIPn{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__13do1{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__3txev{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__2nWIW{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__WSiRs{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__ZZSUh{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__3nDUt{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__1LuKR{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__8Gk5M{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__11cAC{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__2PSIX{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__1St0q{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__2p7B1{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__3V7p3{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__stzpr{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__1WPG9{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__XIH79{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__545uh{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__3-Wg_{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__36P4G{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__2uxtf{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__WVTUJ{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__9dbT_{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__3A-zw{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__3bfsE{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__3sX2W{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__1_9Ml{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__1xPfh{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__1XdEa{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__2b0DF{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__CPXlk{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;line-height:115%;min-width:80px;padding:0 11px}.copy-box_copyBox__CPXlk .copy-box_leftSection__pTlsR{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_button__1KS6m{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__rcsHe{align-items:center;display:flex;position:relative}.copy-box_copyIcon__2GVcn{font-size:var(--bit-p-lg)}.tab-content_middle__1L8eQ{margin:0 24px 16px}.tab-content_middle__1L8eQ>div{margin:12px 0}.tab-content_bottom__1NgOP{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__-t7bQ{align-items:center;display:flex;justify-content:space-between}.tab-content_open__v_oY_{transform:rotate(180deg)}.bottom-link_link__zzsez{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);cursor:pointer;display:flex;height:40px;padding:0 24px;text-decoration:none;text-decoration:initial}.bottom-link_link__zzsez:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__zzsez>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.bit-info_moreInfo__3FTm1>div:last-child{border-top:none;padding:0}.inline-code_inlineCode__1FiLp{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__4YZsC{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.size-definition_headingFontSize__1PHYm{--bit-h-xxs:18px;--bit-h-xs:26px;--bit-h-sm:36px;--bit-h-md:40px;--bit-h-lg:50px;--bit-h-xl:60px;--bit-h-xxl:80px}.size-definition_textFontSize__3ICoU{--bit-p-xxs:12px;--bit-p-xs:14px;--bit-p-sm:15px;--bit-p-md:16px;--bit-p-lg:18px;--bit-p-xl:20px;--bit-p-xxl:24px}.shadow-definition_shadowTheme__3jVqm{--bit-shadow-none:none;--bit-shadow-faint:0 2px 10px 0 rgba(0,0,0,.1);--bit-shadow-resting:0px 0px 4px rgba(0,0,0,.08),0px 2px 4px rgba(0,0,0,.08);--bit-shadow-raised-low:0 -1px 1px 0 rgba(0,0,0,.09),0 2px 2px 0 rgba(0,0,0,.23);--bit-shadow-hover-low:0 2px 8px 0 rgba(0,0,0,.2);--bit-shadow-hover-medium:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);--bit-shadow-hover-high:0px 11px 29px 0px rgba(0,0,0,.23)}.color-definition_primaryPalette__3oy3v{--bit-text-color:#414141;--bit-text-color-heavy:#2b2b2b;--bit-text-color-light:#6c707c;--bit-text-inactive:#babec9;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#babec9;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#cccfd4;--bit-border-color-lightest:#ededed;--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6;--bit-bg-color:#fff;--bit-bg-heavy:#f6f6f6;--bit-bg-heaviest:#ededed;--bit-bg-bedrock:#fff;--bit-bg-navigation:#f6f6f6;--bit-bg-overlay:#fff;--bit-bg-modal:#fff;--bit-bg-tooltip:#fff;--bit-bg-tooltip-heavy:#f6f6f6;--bit-bg-dent:#f6f6f6;--bit-error-color:#e62e5c;--bit-error-heavy:#d31948;--bit-error-light:#f086a0;--bit-error-bg:#fdeff2;--bit-error-bg-heavy:#f7bac9;color:#414141}.brand-definition_brands__3U8QG{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__1tFjF{--bit-h1Margin:20px;--bit-h2Margin:20px;--bit-h3Margin:20px;--bit-h4Margin:8px;--bit-h5Margin:8px;--bit-h6Margin:8px;--bit-h7Margin:8px}@font-face{font-family:"CircularPro";src:url(https://static.bit.dev/fonts/CircularPro-Book.otf)}@font-face{font-family:"CircularPro";font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-Bold.otf)}@font-face{font-family:"CircularPro";font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-Black.otf)}@font-face{font-family:"CircularPro";font-style:italic;src:url(https://static.bit.dev/fonts/CircularPro-BookItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-BoldItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-BlackItalic.otf)}.book-font_bookFont__3DQbg{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__t8Yd6{line-height:1.23}.sizes_heading__wpEPv{--bit-h-xxs:16px;--bit-h-xs:18px;--bit-h-sm:24px;--bit-h-md:26px;--bit-h-lg:36px;--bit-h-xl:40px;--bit-h-xxl:50px}.global_overrides__19p1X{line-height:normal}.pane_pane__5auYJ{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__5auYJ,[data-split-layout*=last]>.pane_pane__5auYJ{max-width:none;min-width:0;min-width:auto}.splitter_splitter__3oXaY{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__3oXaY{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__3oXaY{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__3NU9t{display:flex;flex-direction:column}.split-pane_splitPane__3NU9t.split-pane_isDragging__1TJaj{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__3NU9t[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__3NU9t[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__3NU9t[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__3NU9t[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__3NU9t[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__15QHM{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__3CR3-{height:100%;width:100%}.splitter_highlighter__3CR3-,.splitter_highlighter__3CR3-:after,.splitter_highlighter__3CR3-:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__3CR3-:hover,.splitter_highlighter__3CR3-:hover:after,.splitter_highlighter__3CR3-:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-is-dragging=true]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__3CR3-:after,.splitter_highlighter__3CR3-:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after,[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__15QHM>.splitter_highlighter__3CR3-:after{bottom:-200%}.table-heading-column_headingColumn__1p6_E{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__3_VR_{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__3_VR_.table-heading-row_hide__2jbmt{display:none}.table-heading-row_titleCol__wci4P{color:var(--bit-text-color-light);text-transform:uppercase}.table-column_tableColumn__2K6_b{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__PprUo{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,var(--bit-border-color-lightest,#ededed));margin-bottom:8px;padding:18px 20px}.table-row_propRow__PprUo.table-row_singleColumn__3D7aw{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__1oYJt{display:none}.table-row_mobileTitle__1oYJt.table-row_show__10BrG{color:var(--bit-text-color-light);display:flex;font-size:var(--bit-p-xxs);font-weight:700;min-width:110px;text-transform:uppercase}.table-row_columnContent__1jh3Y,.table-row_column__3Sk6-{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__20l2S{margin:initial;text-transform:capitalize}.table-row_required__2JYwI{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__1oKif{color:#4646c6;margin-right:5px}.table-row_name__1oKif,.table-row_type__1lHI3{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_type__1lHI3{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff);border-radius:4px;display:inline-block;padding:5px;width:-moz-fit-content;width:fit-content}.table-row_typeColumn__z8Whd .table-row_highlighted__MIvK_{background:transparent none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;display:flex!important;flex-grow:1;font-family:Roboto mono;font-size:var(--bit-p-xxs);margin:0;padding:0!important;white-space:pre-wrap;word-break:break-word}.table-row_typeColumn__z8Whd .table-row_highlighted__MIvK_>code>span{color:#397300}.table-row_typeColumn__z8Whd .table-row_highlighted__MIvK_>code{font-family:inherit}.table-row_default__2n23P{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__33VJu{word-break:break-word}.table_table__3Ya9Q>div{grid-gap:16px 24px}.tabs_tabContainer__3ffie{display:flex}.tabs_tab__1u6Qx{color:#878c9a;color:var(--on-background-color,#878c9a);cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:8px;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}.tabs_tab__1u6Qx:hover{color:var(--bit-text-color-heavy)}.tabs_tab__1u6Qx.tabs_disabled__21PDt{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__1u6Qx.tabs_active__1QtYl{color:var(--bit-text-color-heavy)}.tabs_tab__1u6Qx.tabs_active__1QtYl:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.collapser-button_collapser__2qEPm{bottom:80px;cursor:pointer;position:absolute;transition:right .3s,left .3s ease-in-out;z-index:100}.collapser-button_collapser__2qEPm.collapser-button_open__3y1Vb .collapser-button_circle__2cuYC>div{transform:rotate(-.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__2cuYC{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:0 -1px 1px 0 rgba(0,0,0,.09),0 1px 2px 0 rgba(0,0,0,.23);font-size:12px;height:100%;padding:10px;transition:padding .3s ease-in-out}.collapser-button_circle__2cuYC>div{transition:transform .3s ease-in-out}.collapser-button_right__3kYNA .collapser-button_circle__2cuYC{border-bottom-right-radius:50%;border-top-right-radius:50%;padding-left:10px}.collapser-button_right__3kYNA .collapser-button_circle__2cuYC:hover{padding-left:16px}.collapser-button_left__m-Exj .collapser-button_circle__2cuYC{border-bottom-left-radius:50%;border-top-left-radius:50%;padding-right:10px}.collapser-button_left__m-Exj .collapser-button_circle__2cuYC:hover{padding-right:16px}.empty-box_emptyCompositions__2q68e{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__2q68e *{text-overflow:ellipsis}.empty-box_innerBorder__1PkOP{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__1PkOP>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__1PkOP>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__1PkOP>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.preview_preview__1HyM7{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-menu-bar_compositionsMenuBar__xLcO9{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__3Il2G{flex:1 0}.block-quote_blockQuote__1wIaN{background-color:hsla(0,2%,79%,.2);border-left:5px solid #897dec;border-radius:5px;margin:0 0 1em;padding:1em 10px 1em 18px}.block-quote_blockQuote__1wIaN>:last-child{margin-bottom:0}.bold_bold__7wsx3{font-weight:700}.external-link_link__37pYW{text-decoration:none}.external-link_link__37pYW:hover{text-decoration:underline}.heading-sizes_xxs__1VpMc{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__R0ZyQ{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__3IZye{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__2QpEc{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__BXSCe{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__2FlJW{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__NfYqN{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__2AhnG,.heading_h2__2h_l6,.heading_h3__oe__I,.heading_h4__1vCKH,.heading_h5__3com4,.heading_h6__1SAtV{font-weight:700;margin:0}.heading_h1__2AhnG{margin-bottom:20px}.anchor_anchor__PthmN{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__2xXOm{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__Yov3s{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__Yov3s:hover .linked-heading_anchor__3k5Dg{opacity:1;visibility:inherit}.linked-heading_heading__KoZRh{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3k5Dg{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__383jO{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__383jO[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__383jO[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__383jO[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__383jO.create-heading_mainHeadingStyles__DHpSm{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__383jO:first-child{padding-top:0}.image_img__DuAT6{max-width:100%}.image_img__DuAT6:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__x6zDz{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__2D3V2{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__YnrVY{font-style:italic}.ol_ol__1t4Nq{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__1t4Nq ol,.ol_ol__1t4Nq ul{padding-left:18px}.ol_ol__1t4Nq>li>p{margin-bottom:0}.text-sizes_xxs__3H1C0{font-size:12px;font-size:var(--bit-p-xxs,12px)}.text-sizes_xs__2T9zA{font-size:14px;font-size:var(--bit-p-xs,14px)}.text-sizes_sm__1KP6p{font-size:15px;font-size:var(--bit-p-sm,15px)}.text-sizes_md__1kc0J{font-size:16px;font-size:var(--bit-p-md,16px)}.text-sizes_lg__-zy_i{font-size:18px;font-size:var(--bit-p-lg,18px)}.text-sizes_xl__3ulEO{font-size:20px;font-size:var(--bit-p-xl,20px)}.text-sizes_xxl__8s7sQ{font-size:24px;font-size:var(--bit-p-xxl,24px)}.paragraph_paragraph__2tnlB{margin:0 0 1em}.separator_separator__gCjbY{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.copied-message_copiedMessage__2Nw9Y{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__MPaRY{opacity:1;visibility:visible}.code-snippet_snippetWrapper__2zgEB{position:relative}.code-snippet_snippetWrapper__2zgEB:hover .code-snippet_copyIcon__27BPh{opacity:1}.code-snippet_snippetWrapper__2zgEB .code-snippet_codeSnippet__81Vbs{background-color:#fff;border-radius:10px;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0!important;padding:16px!important}.code-snippet_snippetWrapper__2zgEB .code-snippet_copyIcon__27BPh{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#414141;cursor:pointer;margin-left:8px;opacity:0;padding:2px;transition:opacity .3s ease-in-out;width:24px}.code-snippet_snippetWrapper__2zgEB code{font-family:inherit!important}.code-snippet_copy__IyaM7{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__Aedkj{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__1Kovw{height:450px}.react-playground_column__1Kovw .react-playground_codePane__19Xda,.react-playground_column__1Kovw .react-playground_previewPane__1Rkn-{max-height:90%;min-height:10%;width:100%}.react-playground_column__1Kovw .react-playground_error__1zi13,.react-playground_column__1Kovw .react-playground_previewPane__1Rkn-{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__2rYBD{height:100%;max-height:450px}.react-playground_row__2rYBD .react-playground_codePane__19Xda,.react-playground_row__2rYBD .react-playground_previewPane__1Rkn-{height:100%;max-width:90%;min-width:10%}.react-playground_row__2rYBD .react-playground_error__1zi13,.react-playground_row__2rYBD .react-playground_previewPane__1Rkn-{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__1zi13{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;margin:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out}.react-playground_codePane__19Xda{background-color:#282c34;overflow:auto}.react-playground_editor__1LFjB{font-family:Roboto mono!important;font-size:11px;max-width:none!important;min-width:100%;width:-moz-fit-content;width:fit-content}.react-playground_editor__1LFjB>textarea{outline:none;white-space:pre!important}.react-playground_editor__1LFjB>pre{white-space:pre!important}.react-playground_splitter__R480r{background-color:#282c34}.react-playground_previewPane__1Rkn-{border:1px solid var(--bit-border-color-lightest);box-sizing:border-box;display:flex;flex-shrink:1!important;overflow:auto;position:relative;transform:translateZ(0)}.react-playground_previewBox__1quIl{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__1mVdr{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__1mVdr>div{width:100%}.snippet_snippet__3w3tl{margin-bottom:16px}.sup_sup__64Wp4{font-size:smaller;vertical-align:super}.base-table_table__3-Ob3{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-collapse:collapse;border-radius:8px;border-spacing:0;display:block;margin-bottom:16px;max-width:100%;overflow:auto;width:-moz-fit-content;width:fit-content}.base-table_table__3-Ob3 tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__3-Ob3 thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__3-Ob3 th{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);font-size:var(--bit-p-xs);font-weight:700;padding:12px 20px}.base-table_table__3-Ob3 td,.base-table_table__3-Ob3 th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__3-Ob3 table,.base-table_table__3-Ob3 td,.base-table_table__3-Ob3 th,.base-table_table__3-Ob3 thead,.base-table_table__3-Ob3 tr{text-align:start}.base-table_table__3-Ob3 table[align=center],.base-table_table__3-Ob3 td[align=center],.base-table_table__3-Ob3 th[align=center],.base-table_table__3-Ob3 thead[align=center],.base-table_table__3-Ob3 tr[align=center]{text-align:center}.base-table_table__3-Ob3 table[align=left],.base-table_table__3-Ob3 td[align=left],.base-table_table__3-Ob3 th[align=left],.base-table_table__3-Ob3 thead[align=left],.base-table_table__3-Ob3 tr[align=left]{text-align:start}.base-table_table__3-Ob3 table[align=right],.base-table_table__3-Ob3 td[align=right],.base-table_table__3-Ob3 th[align=right],.base-table_table__3-Ob3 thead[align=right],.base-table_table__3-Ob3 tr[align=right]{text-align:end}.td_td__39hRo{padding:12px 20px}.tr_tr__-kZVH:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__3-8jB{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__3-8jB>li>ol,.ul_ul__3-8jB>li>ul{margin-bottom:0;padding-left:18px}.ul_ul__3-8jB>li>p{margin-bottom:none}.mdx-layout_mdxContent__3MR2u{line-height:1.5}.mdx-layout_mdxContent__3MR2u img{max-width:100%}.link_link__eKYlx{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__eKYlx:hover{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);text-decoration:underline}.admonition{border-radius:8px;margin-bottom:1em;padding:15px 30px 15px 15px}.admonition h3{display:flex;margin-bottom:8px;margin-top:0;text-transform:uppercase}.admonition-heading>div{margin-bottom:0;margin-top:0}.admonition-icon{display:inline-flex;margin-right:4px;padding-top:1px}.admonition-icon svg{stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block;height:22px;width:18px}.admonition-content>:last-child{margin-bottom:0}.admonition{background-color:#eceaff;background-color:var(--bit-accent-primary-bg,#eceaff);border-left:8px solid #6c5ce7;border-left:8px solid var(--bit-accent-primary-color,#6c5ce7)}.admonition h5{color:#6c5ce7;color:var(--bit-accent-primary-color,#6c5ce7);display:flex}.admonition-caution{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-caution h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.admonition-tip{background-color:#eefaf3;background-color:var(--bit-accent-success-bg,#eefaf3);border-left:8px solid #37b26c;border-left:8px solid var(--bit-accent-success-color,#37b26c)}.admonition-tip h5{color:#37b26c;color:var(--bit-accent-success-color,#37b26c)}.admonition-warning{background-color:#fdeff2;background-color:var(--bit-accent-impulsive-bg,#fdeff2);border-left:8px solid #e62e5c;border-left:8px solid var(--bit-accent-impulsive-color,#e62e5c)}.admonition-warning h5{color:#e62e5c;color:var(--bit-accent-impulsive-color,#e62e5c)}.admonition-important{background-color:#f3faff;background-color:var(--bit-accent-process-color,#f3faff);border-left:8px solid #0984e3;border-left:8px solid var(--bit-accent-process-color,#0984e3)}.admonition-important h5{color:#0984e3;color:var(--bit-accent-process-color,#0984e3)}.admonition-note{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-note h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.separator_separator__1JNXS{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__3JnE-{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__2NEpY{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__3Whdh{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__2XY8O{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__VnNuJ{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__2ctQr{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__1SRy-{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2hbfE{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__39RVQ,.heading_h2__2S7-G,.heading_h3__1BSp1,.heading_h4__L5mNd,.heading_h5__2i6xN,.heading_h6__1XRJP{font-weight:700;margin:0}.heading_h1__39RVQ{margin-bottom:20px}.card_card__37xow{box-sizing:border-box;padding:20px}.accent-color_primary__3frqn{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__2hAqH{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__A1-5J{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__2f4vr{--bit-accent-color:#ffc640;--bit-accent-heavy:#ff991f;--bit-accent-light:#ffe380;--bit-accent-text:#ffc640;--bit-accent-text-heavy:#ff991f;--bit-text-on-accent:#0c0c0c;--bit-accent-bg:#fff5dd;--bit-accent-bg-heavy:#fff0b3}.accent-color_success__bd5oL{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__2YrEO{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__3yGcN{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__gff6l{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.level-icon_notificationIcon__RS1GD{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__RS1GD:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__17wUu{padding:24px}.alert-card_heading__3FxkY{display:flex;margin-bottom:24px}.alert-card_icon__k2M3m{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__mPrsf{margin-bottom:24px}.option-button_optionButton__3Dcjp{align-items:center;background:none;border:none;border-radius:.5em;box-sizing:border-box;color:inherit;display:inline-flex;font-size:inherit;height:2em;padding:0 .5em}.option-button_optionButton__3Dcjp:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__3Dcjp.option-button_active__T_VvJ{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__3Dcjp:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__3R2vp{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__-8Thp{font-size:25px;margin-right:16px}.message-card_textBox__QkVYn{font-size:14px}.message-card_textBox__QkVYn,.message-card_textBox__QkVYn>*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__QkVYn>div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__1vwOT{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__2odrt{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__1IMJY{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__2DgsL{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__3ee_2{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__3Ijv3{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__2XIGE{height:100%;width:100%}.compositions_compositionPreview__2pQD_{padding-top:20px;width:100%}.compositions_left__1yoSj{display:flex;flex-direction:column}.compositions_left__1yoSj,.compositions_right__1OzrT{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__1OzrT{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__1owlG{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__2cJan{position:relative}.compositions_splitter__2cJan>:first-child{position:absolute;z-index:101}.compositions_collapser__3bIFa{right:0}.compositions_tabsContainer__3HLzI{display:flex;flex-direction:column;height:100%}.compositions_tabs__2tiBY{flex:none}.compositions_tabContent__2Cklv{flex:1 1;overflow:auto}.compositions_tabContent__2Cklv:empty{display:none}.compositions_compositions__3lEI2{padding:16px 8px 0}.compositions_openInNewTab__24wPr{color:inherit;text-decoration:none}.compositions_openInNewTab__24wPr:active{color:inherit}.compositions_noCompositionsPage__3q5mS{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3q5mS .compositions_title__1mv6f{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3q5mS .compositions_separator__KJxPc{margin-bottom:41px}.compositions_buildStatusMessage__X2Qik{margin:auto}.compositions_compositionPanel__3rdng{display:flex;flex:1 1}.menu-widget-icon_icon__2D5MT{font-size:16px}.menu-widget-icon_widgetMenuIcon__1YXKi{align-items:center;display:flex;justify-content:center}.compositions-panel_linkWrapper__-mm5p{align-items:center;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;padding:0 12px;transition:all .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__-mm5p:hover .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff);display:flex}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_box__37jb9{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__-mm5p.compositions-panel_active__2_9Nv .compositions-panel_right__8a-pK .compositions-panel_icon__2Neha:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__-mm5p .compositions-panel_right__8a-pK{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:center;opacity:0;transition:visibility .2s,opacity .1s ease-in-out;visibility:hidden}.compositions-panel_linkWrapper__-mm5p .compositions-panel_codeLink__1J8dt{cursor:pointer}.compositions-panel_box__37jb9{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__8GKMN{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__2iHHl{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;min-width:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.compositions-panel_panelLink__2iHHl:active{color:inherit}.compositions-panel_tabs__qjxZP{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__qjxZP>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__qjxZP>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__qjxZP>div:first-child:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:10px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.component_container__wKARi{display:flex;flex-direction:column;height:100%}.page-frame_centerColumn__3NPav{margin-left:auto;margin-right:auto;max-width:1000px;width:calc(100% - 40px)}.page-frame_wideColumn__1ChZv{margin-left:auto;margin-right:auto;max-width:1440px;width:calc(100% - 40px)}.page-frame_textColumn__3zLbU{max-width:700px}.label_label__1OitV{background:var(--bit-accent-bg);border-radius:6px;color:var(--bit-accent-heavy);display:inline-block;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;padding:4px 8px;text-transform:uppercase}.label-list_labelList__U6ppw{margin-bottom:16px}.label-list_labelList__U6ppw>*{margin-bottom:1em}.label-list_labelList__U6ppw>:not(:last-child){margin-right:1em}.section_section__e878i:empty{display:none}.section_sectionMargin__JFu0O{margin-bottom:40px}.drawer_placeholder__2iLKe{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__3qFal{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__Cihlx{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__fHVH-{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.background_bedrock__1Mwpm{background:#fff;background:var(--bit-bg-bedrock,#fff)}.background_base__341RZ,.background_layer__3wYrE{background:#fff;background:var(--bit-bg-color,#fff)}.background_crust__3d_5u{background:#fff;background:var(--bit-bg-tooltip,#fff)}.background_topping__J-j-R{background:#fff;background:var(--bit-bg-color,#fff)}.background_topping__J-j-R:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.background_dent__1P0zE{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6)}.dropdown_dropdownPlaceholder__ENj4A{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.69em 1em}.dropdown_dropdownPlaceholder__ENj4A:hover{background-color:#f4f5f6;background-color:var(--surface-neutral-hover-color,#f4f5f6);border:1px solid #cecece;border:1px solid var(--border-medium-hover-color,#cecece)}.dropdown_dropdownPlaceholder__ENj4A:active{background-color:#eeeff2;background-color:var(--surface-neutral-active-color,#eeeff2);border:1px solid #babec9;border:1px solid var(--border-high-color,#babec9)}.dropdown_removePlaceholderBorder__2eC_W .dropdown_dropdownPlaceholder__ENj4A{border:none}.dropdown_dropdownMenu__1bnSD{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;min-width:220px;padding:8px 0}.icon-button_iconButton__S3fS4{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__S3fS4.icon-button_iconOnly__3cbLJ{padding:6px 8px}.icon-button_iconButton__S3fS4[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__S3fS4[data-priority=ghost].icon-button_active__1Pn8s,.icon-button_iconButton__S3fS4[data-priority=ghost].icon-button_active__1Pn8s.icon-button_withIcon__20rqO>:first-child{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__S3fS4[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__S3fS4[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__S3fS4[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__S3fS4[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-text-on-accent,#fff)}.icon-button_iconButton__S3fS4[data-priority=cta]:hover:not(:disabled){background-color:#5d4aec;background-color:var(--bit-accent-heavy,#5d4aec);border:1px solid #5d4aec;border:1px solid var(--bit-accent-heavy,#5d4aec)}.icon-button_iconButton__S3fS4[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__S3fS4:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__S3fS4:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_iconButton__S3fS4.icon-button_withoutBorder__2hdhf{border:1px solid transparent}.icon-button_withIcon__20rqO>:first-child{color:inherit;font-size:16px}.icon-button_withIcon__20rqO.icon-button_margin__2tuir>:first-child{margin-right:8px}.sizes_buttonSizes__3K0yT[data-size=s]{font-size:14px;height:32px}.sizes_buttonSizes__3K0yT[data-size=m]{font-size:16px;height:40px}.sizes_buttonSizes__3K0yT[data-size=l]{font-size:16px;height:48px}.buttons-plugin_buttonsHolder__2hyL2{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color,#ededed);display:flex;justify-content:space-between;padding:12px 16px 4px}.buttons-plugin_clearText__22cso{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.tab-line_tabLine__1yccg{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute;transition:transform .15s ease-in-out,width .15s ease-in-out}.tab-line_tabLine__1yccg[data-position=top]{top:0}.tab-line_tabLine__1yccg[data-position=bottom]{bottom:0}.tab-folder_tabFolder__2w9SB{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0;bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute;transition:transform .15s ease-in-out,width .15s ease-in-out}.responsive-navbar_tab__3GbZU{align-items:center;color:#878c9a;cursor:pointer;display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);outline:none;padding:8px 16px;pointer-events:none;position:relative;transition:color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.responsive-navbar_tab__3GbZU.responsive-navbar_active__3rFTm,.responsive-navbar_tab__3GbZU:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__3GbZU.responsive-navbar_active__3rFTm[data-priority=folder]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__3GbZU[data-priority=folder]{z-index:1}.responsive-navbar_tab__3GbZU>*{pointer-events:auto}.responsive-navbar_navTabs__2a6Gj{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__2a6Gj.responsive-navbar_overflow__2nZqe{overflow-x:auto}.responsive-navbar_more__rWE4g{align-items:center;display:flex}.responsive-navbar_more__rWE4g .responsive-navbar_dots__Pm413{align-items:center;border-radius:8px;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:background-color .3s ease-in-out}.responsive-navbar_more__rWE4g .responsive-navbar_dots__Pm413>img{width:16px}.responsive-navbar_secondaryTabContainer__2mkC3 .responsive-navbar_item__uSKXR{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__2mkC3 .responsive-navbar_item__uSKXR .responsive-navbar_menuItem__2qbbJ{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__2mkC3 .responsive-navbar_item__uSKXR .responsive-navbar_menuItem__2qbbJ>*{padding:8px;width:100%}.responsive-navbar_hidden__3j5qe{display:none}.muted-text_mutedText__2iqXg{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.paragraph_paragraph__9ufJX{margin:0 0 1em}.sub-title_subTitle__3rmt5{margin-bottom:16px}.row_row__33zQY{align-items:center;display:flex;flex-wrap:wrap}.component-overview_componentTitle__3Y6eo>h1{margin:0}.component-overview_badgeContainer__1EUM_{align-items:center;display:flex;flex-wrap:wrap;margin-top:8px}.component-overview_badgeContainer__1EUM_>*{margin:0 8px}.component-overview_subTitle__33VBo{white-space:break-spaces}.component-overview_titleRow__2a_tW{margin-bottom:20px}.component-overview_contentTabs__2eM7b{margin-bottom:16px;max-width:100%;min-width:70%}@media screen and (max-width:920px){.component-overview_contentTabs__2eM7b{width:100%}}.component-overview_contentTabs__2eM7b .component-overview_nav__3LHyZ>div{font-size:12px;padding:6px 12px}.component-overview_contentTabs__2eM7b .component-overview_tab__zAMj4{border-bottom:0}.component-overview_copyBox__uABOj{background:#fff;background:var(--background-color,#fff);border-top-left-radius:0}.component-overview_title__iwGv8{letter-spacing:-1px}.heading-sizes_xxs__sqY6F{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__2vIO-{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__SWCg7{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1VfRy{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__12r2v{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__18vfm{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__1XBq0{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__18YHt,.heading_h2__1ja7_,.heading_h3__3SLRc,.heading_h4__uSuLS,.heading_h5__30dq2,.heading_h6__2CGfq{font-weight:700;margin:0}.heading_h1__18YHt{margin-bottom:20px}.anchor_anchor__3Kymc{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__osznX{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__1exDt{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__1exDt:hover .linked-heading_anchor__3xkqo{opacity:1;visibility:inherit}.linked-heading_heading__28Zmh{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3xkqo{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.composition-card_compositionPreview__3TVxb{height:170px;overflow:hidden;padding:5px;position:relative;width:264px}.composition-card_compositionCard__3sHyv{border:1px solid #babec9;border:1px solid var(--border-high-color,#babec9);border-radius:8px;box-sizing:border-box;width:100%}.composition-card_compositionCard__3sHyv .composition-card_icon__1H-Ib{transition:visibility .3s,ease-in-out;visibility:hidden}.composition-card_compositionCard__3sHyv:hover{border-color:#8c8f96;border-color:var(--border-high-active-color,#8c8f96)}.composition-card_compositionCard__3sHyv:hover .composition-card_icon__1H-Ib{transition:visibility .3s,ease-in-out;visibility:visible}.composition-card_previewOverlay__1AMju{background-color:transparent;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.composition-card_bottom__1OcNv{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--border-medium-color,#ededed);display:flex;font-size:14px;justify-content:space-between}.composition-card_displayName__1We1l{padding:8px 12px}.composition-card_link__234ph{color:#707279;color:var(--on-background-medium-color,#707279);font-size:12px;text-decoration:none}.composition-card_link__234ph:hover{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}.composition-card-skeleton_compositionCardSkeleton__2lkvU{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;box-sizing:border-box;font-size:16px;max-width:300px;min-width:300px}.composition-card-skeleton_preview__2liLH{border-radius:8px 8px 0 0;color:#ededed;color:var(--border-medium-color,#ededed);height:170px;padding:5px}.composition-card-skeleton_preview__2liLH>*{margin-bottom:8px}.composition-card-skeleton_preview__2liLH .composition-card-skeleton_block__Z6FZE{width:140px}.composition-card-skeleton_bottom__1tO_1{border-top:1px solid #ededed;border-top:1px solid var(--border-medium-color,#ededed);padding:8px 12px}.composition-card-skeleton_bottom__1tO_1>*{margin-right:8px}.composition-gallery_carousel__36_gL{align-items:center;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.composition-gallery_carousel__36_gL .composition-gallery_compositionGalleryCard__18Ued{cursor:pointer;width:300px}.composition-gallery_title__3uNKe{margin-bottom:32px}.composition-gallery_title__3uNKe>h3{align-items:center;display:flex;gap:8px}.composition-gallery_compositionGallery__3cKqD{padding:20px 40px 10px}.composition-gallery_preview__2DrfB{height:170px;width:264px}.composition-gallery-skeleton_compositionGallerySkeleton__1FO9x{background-color:#fff;background-color:var(--background-color,#fff);box-sizing:border-box;color:#ededed;color:var(--border-medium-color,#ededed);font-size:20px;width:100%}.composition-gallery-skeleton_title__3dsTo{margin-bottom:20px}.composition-gallery-skeleton_compositionGalleryGrid__LJakn{align-items:center;cursor:pointer;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:12px}.overview_overviewWrapper__1l3gU{--bit-h-lg:36px;overflow:auto}.overview_overviewWrapper__1l3gU .overview_componentOverviewBlock__1_2hV{margin-bottom:0;max-width:1440px;padding:50px 40px 10px}.overview_overviewWrapper__1l3gU .overview_title__3ipIL{margin-bottom:0;padding-left:40px;padding-top:24px;position:relative;z-index:1}.overview_overviewWrapper__1l3gU .overview_title__3ipIL>h3{align-items:center;display:flex;gap:8px}.overview_legacyPreview__1y7yd{margin:0 auto}.overview_compositions__1juds{margin-top:10px;padding-left:40px}.overview_readme__3rLft{position:relative}.overview_readmeSkeleton__3CGhV{background-color:#fff;background-color:var(--background-color,#fff);bottom:0;box-sizing:border-box;color:#ededed;color:var(--border-medium-color,#ededed);left:0;max-width:1440px;padding:20px 40px 10px;position:absolute;right:0;top:0;width:100%}.overview_readmeSkeleton__3CGhV>*{margin-bottom:8px}.overview_block__3OYy0{width:300px}.overview_overviewPropsTable__20WTG{padding:20px 40px 10px}.flex-center_flexCenter__1OE5Q{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-fallback_icon__22fU3{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23e62e5c' d='M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm120.262-340.502-86.038 84.5 86.038 84.511c10.451 10.275 10.183 25.962 0 35.968-10.077 9.891-25.68 10.17-36.038 0l-84.222-82.743-84.235 82.743c-10.345 10.17-25.949 9.891-36.026 0-10.182-10.007-10.461-25.693 0-35.968l86.038-84.511-86.038-84.501c-10.461-10.286-10.182-25.971 0-35.978 10.077-9.891 25.681-10.159 36.026 0l84.235 82.743 84.222-82.743c10.358-10.159 25.962-9.891 36.038 0 10.183 10.007 10.451 25.692 0 35.978z'/%3E%3C/svg%3E");background-size:contain;border-radius:100%;height:24px;margin-bottom:16px;width:24px}.error-fallback_message__7TfMY{color:#e62e5c;color:var(--bit-error-color,#e62e5c);margin-bottom:8px}.error-fallback_errorFallback__3WyiR{animation:error-fallback_enter__3s9LR .3s ease-in forwards;border:4px solid #f086a0;border:4px solid var(--bit-error-light,#f086a0);border-radius:4px;box-sizing:border-box;color:#e62e5c;color:var(--bit-error-color,#e62e5c);font-family:sans-serif;height:100%;padding:8px}.error-fallback_errorFallback__3WyiR>*{flex:none}@keyframes error-fallback_enter__3s9LR{0%{opacity:.1}to{opacity:1}}.error-fallback_icon__14G2V{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23e62e5c' d='M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm120.262-340.502-86.038 84.5 86.038 84.511c10.451 10.275 10.183 25.962 0 35.968-10.077 9.891-25.68 10.17-36.038 0l-84.222-82.743-84.235 82.743c-10.345 10.17-25.949 9.891-36.026 0-10.182-10.007-10.461-25.693 0-35.968l86.038-84.511-86.038-84.501c-10.461-10.286-10.182-25.971 0-35.978 10.077-9.891 25.681-10.159 36.026 0l84.235 82.743 84.222-82.743c10.358-10.159 25.962-9.891 36.038 0 10.183 10.007 10.451 25.692 0 35.978z'/%3E%3C/svg%3E");background-size:contain;border-radius:100%;height:24px;margin-bottom:16px;width:24px}.error-fallback_message__117oc{color:#e62e5c;color:var(--bit-error-color,#e62e5c);margin-bottom:8px}.error-fallback_errorFallback__kJ8rj{animation:error-fallback_enter__1ihzj .3s ease-in forwards;border:4px solid #f086a0;border:4px solid var(--bit-error-light,#f086a0);border-radius:4px;box-sizing:border-box;color:#e62e5c;color:var(--bit-error-color,#e62e5c);font-family:sans-serif;height:100%;padding:8px}.error-fallback_errorFallback__kJ8rj>*{flex:none}@keyframes error-fallback_enter__1ihzj{0%{opacity:.1}to{opacity:1}}.themed-text_themedText__-5NI1{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.composition-card_compositionCard__1TGzH{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:var(--bit-shadow-raised-low);display:flex;flex:none;flex-direction:column;min-height:122px;min-width:199px;padding:0}.composition-card_compositionCard__1TGzH:hover .composition-card_linkToComposition__uWeCP{opacity:1;visibility:visible}.composition-card_compositionContainer__1fvHN{box-sizing:border-box;margin:auto;max-width:100%;overflow:auto;padding:16px;position:relative;transform:translateZ(0)}.composition-card_title__1pxwS{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);display:flex;flex:none;font-size:.875em;justify-content:space-between;padding:8px 16px}.composition-card_title__1pxwS>span{margin-right:8px}.composition-card_linkToComposition__uWeCP{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);opacity:0;text-decoration:none;transition:opacity .3s,visibility .3s ease-in-out;visibility:hidden}.composition-card_compositionCardError__1YDP3{border-radius:4px 4px 0 0}.compositions-overview_background__1G-zc{background:#f6f6f6;background:var(--bit-bg-dent,#f6f6f6);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:6px;display:flex;max-height:500px;overflow-x:auto;padding:12px}.compositions-overview_background__1G-zc>*{margin-right:16px}.compositions-overview_background__1G-zc>:last-child{margin:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.loader-ribbon_loader__2GCaR{opacity:0;transition:opacity 1.27s ease-out;width:100%}.loader-ribbon_loader__2GCaR.loader-ribbon_loading__3uSHa{opacity:1}.loader-ribbon_loader__2GCaR .loader-ribbon_progress__12zF8{animation:loader-ribbon_completed__33Bjc 1.27s forwards}.loader-ribbon_loader__2GCaR.loader-ribbon_loading__3uSHa>.loader-ribbon_progress__12zF8{animation:loader-ribbon_progress__12zF8 3.3s ease-out infinite forwards}.loader-ribbon_progress__12zF8{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);border-radius:4px;box-shadow:0 0 3px rgba(#6c5ce7,.381);box-shadow:0 0 3px rgba(var(--bit-accent-color,#6c5ce7),.381);height:3px;max-width:100%;width:0}@keyframes loader-ribbon_progress__12zF8{to{width:100%}}@keyframes loader-ribbon_completed__33Bjc{0%{height:3px}50%{height:7px;width:100%}to{height:3px;opacity:0;width:100%}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.frame_overlayBorder__16yQg{border:2px solid #eebcc9;border:2px solid var(--bit-highlighter-color,#eebcc9);border-radius:11px;box-sizing:border-box;padding:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.frame_hidden__2sf70{display:none}.label_othersContainer__1ExfG>*{margin-bottom:8px}.label_othersContainer__1ExfG>:last-child{margin-bottom:0}.label_othersTooltip__1HBaz{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label_othersTooltip__1HBaz:before{content:"▾";display:inline-block;transition:transform .3s}.label_othersTooltip__1HBaz.label_active__7E4-a:before{transform:rotate(-180deg)}.label_hidden__3j8Bq{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}.component-strip_componentStrip__3tWW4{border-radius:.5em;box-shadow:var(--bit-highlighter-shadow);display:flex;white-space:nowrap;width:-moz-fit-content;width:fit-content}.component-strip_componentStrip__3tWW4>*{background:#eebcc9;background:var(--bit-highlighter-color,#eebcc9);line-height:1.5;margin-right:.125em;padding:0 .5em;transform:translateZ(0);transition:filter .3s,background-color .3s}.component-strip_componentStrip__3tWW4>:link,.component-strip_componentStrip__3tWW4>:visited{color:inherit;text-decoration:inherit}.component-strip_componentStrip__3tWW4>:link:hover,.component-strip_componentStrip__3tWW4>:visited:hover{background:#f6dae2;background:var(--bit-highlighter-color-hover,#f6dae2)}.component-strip_componentStrip__3tWW4>:link:active,.component-strip_componentStrip__3tWW4>:visited:active{background:#e79db1;background:var(--bit-highlighter-color-active,#e79db1);color:inherit}.component-strip_componentStrip__3tWW4>:first-child{border-bottom-left-radius:.5em;border-top-left-radius:.5em}.component-strip_componentStrip__3tWW4>:last-child{border-bottom-right-radius:.5em;border-top-right-radius:.5em;margin-right:0}.component-strip_nameBlock__LE_FT{display:flex}.component-strip_nameBlock__LE_FT .component-strip_version__aIZP1{max-width:13ch;overflow:hidden;text-overflow:ellipsis;transition:max-width .48s;white-space:nowrap}.component-strip_nameBlock__LE_FT .component-strip_version__aIZP1:hover{max-width:61ch}.element-highlighter_label__zdp2_{padding:8px}.element-highlighter_frame__Ra14a,.element-highlighter_label__zdp2_{z-index:15500}.highlighter-provider_highlighter__124yM{border:solid #ededed;border:0 solid var(--bit-border-color-lightest,#ededed);box-sizing:border-box;height:100%;transition:border .3s}.highlighter-provider_highlighter__124yM.highlighter-provider_active__oBUtA{border-width:8px;overflow:auto}.highlighter-provider_label__rMBbJ{font-family:sans-serif;font-size:12px}
|
|
File without changes
|
|
File without changes
|