@teambit/docs 1.0.258 → 1.0.260

package/dist/overview/overview.js

@@ -83,7 +83,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) 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 ("default" !== u && {}.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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 let BadgePosition = exports.BadgePosition = /*#__PURE__*/function (BadgePosition) {
   BadgePosition[BadgePosition["Title"] = 0] = "Title";
   BadgePosition[BadgePosition["SubTitle"] = 1] = "SubTitle";

package/dist/overview/overview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_component","_previewUi","_componentUi","_compositionsPanels","_baseReactThemes","_readmeSkeleton","_overviewModule","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","TaggedAPI","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","current","useThemePicker","overviewProps","flatten","values","showHeader","preview","legacyHeader","EmptyState","buildFailed","buildStatus","toLowerCase","host","isScaling","Boolean","includesEnvTemplate","defaultLoadingState","React","useMemo","isLoading","setLoading","useState","iframeQueryParams","onlyOverview","skipIncludes","overviewPropsValues","themeParams","themeName","_ref","onLoad","style","rest","onPreviewLoad","useCallback","props","useEffect","id","toString","createElement","className","classNames","styles","overviewWrapper","noOverflow","ComponentOverview","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","readme","ReadmeSkeleton","CompositionGallerySkeleton","compositionsLength","Math","min","compositions","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","width","height","minHeight","undefined","CompositionGallery","componentId"],"sources":["overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType, useState } from 'react';\nimport classNames from 'classnames';\nimport { flatten } from 'lodash';\n// import { Icon } from '@teambit/design.elements.icon';\n// import { LinkedHeading } from '@teambit/documenter.ui.linked-heading';\nimport { ComponentContext, useComponentDescriptor } from '@teambit/component';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\n// import { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { ComponentOverview } from '@teambit/component.ui.component-meta';\nimport { CompositionGallery, CompositionGallerySkeleton } from '@teambit/compositions.panels.composition-gallery';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { ReadmeSkeleton } from './readme-skeleton';\nimport styles from './overview.module.scss';\n\nexport enum BadgePosition {\n  Title,\n  SubTitle,\n  Labels,\n  Package,\n}\n\nexport type TitleBadge = {\n  component: ComponentType<any>;\n  weight?: number;\n  position?: BadgePosition;\n};\n\nexport type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;\n\nexport type OverviewOptions = () => { queryParams?: string };\n\nexport type OverviewOptionsSlot = SlotRegistry<OverviewOptions>;\n\nexport type OverviewProps = {\n  titleBadges: TitleBadgeSlot;\n  overviewOptions: OverviewOptionsSlot;\n  previewProps?: Partial<ComponentPreviewProps>;\n  getEmptyState?: () => ComponentType | undefined;\n  TaggedAPI?: React.ComponentType<{ componentId: string }>;\n};\n\nexport function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI }: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const { current } = useThemePicker();\n  const overviewProps = flatten(overviewOptions.values())[0];\n  const showHeader = !component.preview?.legacyHeader;\n  const EmptyState = getEmptyState && getEmptyState();\n  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';\n  const isScaling = Boolean(component.preview?.isScaling);\n  const includesEnvTemplate = Boolean(component.preview?.includesEnvTemplate);\n  const defaultLoadingState = React.useMemo(() => {\n    return isScaling && !includesEnvTemplate;\n  }, [isScaling, includesEnvTemplate]);\n\n  const [isLoading, setLoading] = useState(defaultLoadingState);\n\n  const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${\n    component.preview?.skipIncludes || component.preview?.onlyOverview\n  }`;\n\n  const overviewPropsValues = overviewProps && overviewProps();\n\n  const themeParams = current?.themeName ? `theme=${current?.themeName}` : '';\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { onLoad, style, ...rest } = previewProps || {};\n\n  const onPreviewLoad = React.useCallback(\n    (e, props) => {\n      setLoading(false);\n      onLoad?.(e, props);\n    },\n    [onLoad]\n  );\n\n  React.useEffect(() => {\n    if (!isLoading && defaultLoadingState) setLoading(true);\n    if (isLoading && !defaultLoadingState) setLoading(false);\n  }, [component.id.toString(), defaultLoadingState]);\n\n  return (\n    <div\n      className={classNames(styles.overviewWrapper, isLoading && styles.noOverflow)}\n      key={`${component.id.toString()}`}\n    >\n      {showHeader && (\n        <ComponentOverview\n          className={classNames(styles.componentOverviewBlock, !isScaling && styles.legacyPreview)}\n          displayName={component.displayName}\n          version={component.version}\n          abstract={component.description}\n          labels={component.labels}\n          packageName={component.packageName}\n          titleBadges={flatten(titleBadges.values())}\n          componentDescriptor={componentDescriptor}\n          component={component}\n        />\n      )}\n      {!buildFailed && (\n        <div className={styles.readme}>\n          {isLoading && (\n            <ReadmeSkeleton>\n              <CompositionGallerySkeleton compositionsLength={Math.min(component.compositions.length, 3)} />\n            </ReadmeSkeleton>\n          )}\n          <ComponentPreview\n            onLoad={onPreviewLoad}\n            previewName=\"overview\"\n            pubsub={true}\n            queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}\n            viewport={null}\n            fullContentHeight\n            disableScroll={true}\n            {...rest}\n            component={component}\n            style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n          />\n          {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}\n          {component.preview?.onlyOverview && !isLoading && TaggedAPI && (\n            <TaggedAPI componentId={component.id.toString()} />\n          )}\n        </div>\n      )}\n      {buildFailed && EmptyState && <EmptyState />}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","data","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_component","_previewUi","_componentUi","_compositionsPanels","_baseReactThemes","_readmeSkeleton","_overviewModule","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","BadgePosition","exports","Overview","titleBadges","overviewOptions","previewProps","getEmptyState","TaggedAPI","component","useContext","ComponentContext","componentDescriptor","useComponentDescriptor","current","useThemePicker","overviewProps","flatten","values","showHeader","preview","legacyHeader","EmptyState","buildFailed","buildStatus","toLowerCase","host","isScaling","Boolean","includesEnvTemplate","defaultLoadingState","React","useMemo","isLoading","setLoading","useState","iframeQueryParams","onlyOverview","skipIncludes","overviewPropsValues","themeParams","themeName","_ref","onLoad","style","rest","onPreviewLoad","useCallback","props","useEffect","id","toString","createElement","className","classNames","styles","overviewWrapper","noOverflow","ComponentOverview","componentOverviewBlock","legacyPreview","displayName","version","abstract","description","labels","packageName","readme","ReadmeSkeleton","CompositionGallerySkeleton","compositionsLength","Math","min","compositions","ComponentPreview","previewName","pubsub","queryParams","viewport","fullContentHeight","disableScroll","width","height","minHeight","undefined","CompositionGallery","componentId"],"sources":["overview.tsx"],"sourcesContent":["import React, { useContext, ComponentType, useState } from 'react';\nimport classNames from 'classnames';\nimport { flatten } from 'lodash';\n// import { Icon } from '@teambit/design.elements.icon';\n// import { LinkedHeading } from '@teambit/documenter.ui.linked-heading';\nimport { ComponentContext, useComponentDescriptor } from '@teambit/component';\nimport type { SlotRegistry } from '@teambit/harmony';\nimport { ComponentPreview, ComponentPreviewProps } from '@teambit/preview.ui.component-preview';\n// import { StatusMessageCard } from '@teambit/design.ui.surfaces.status-message-card';\nimport { ComponentOverview } from '@teambit/component.ui.component-meta';\nimport { CompositionGallery, CompositionGallerySkeleton } from '@teambit/compositions.panels.composition-gallery';\nimport { useThemePicker } from '@teambit/base-react.themes.theme-switcher';\nimport { ReadmeSkeleton } from './readme-skeleton';\nimport styles from './overview.module.scss';\n\nexport enum BadgePosition {\n  Title,\n  SubTitle,\n  Labels,\n  Package,\n}\n\nexport type TitleBadge = {\n  component: ComponentType<any>;\n  weight?: number;\n  position?: BadgePosition;\n};\n\nexport type TitleBadgeSlot = SlotRegistry<TitleBadge[]>;\n\nexport type OverviewOptions = () => { queryParams?: string };\n\nexport type OverviewOptionsSlot = SlotRegistry<OverviewOptions>;\n\nexport type OverviewProps = {\n  titleBadges: TitleBadgeSlot;\n  overviewOptions: OverviewOptionsSlot;\n  previewProps?: Partial<ComponentPreviewProps>;\n  getEmptyState?: () => ComponentType | undefined;\n  TaggedAPI?: React.ComponentType<{ componentId: string }>;\n};\n\nexport function Overview({ titleBadges, overviewOptions, previewProps, getEmptyState, TaggedAPI }: OverviewProps) {\n  const component = useContext(ComponentContext);\n  const componentDescriptor = useComponentDescriptor();\n  const { current } = useThemePicker();\n  const overviewProps = flatten(overviewOptions.values())[0];\n  const showHeader = !component.preview?.legacyHeader;\n  const EmptyState = getEmptyState && getEmptyState();\n  const buildFailed = component.buildStatus?.toLowerCase() !== 'succeed' && component?.host === 'teambit.scope/scope';\n  const isScaling = Boolean(component.preview?.isScaling);\n  const includesEnvTemplate = Boolean(component.preview?.includesEnvTemplate);\n  const defaultLoadingState = React.useMemo(() => {\n    return isScaling && !includesEnvTemplate;\n  }, [isScaling, includesEnvTemplate]);\n\n  const [isLoading, setLoading] = useState(defaultLoadingState);\n\n  const iframeQueryParams = `onlyOverview=${component.preview?.onlyOverview || 'false'}&skipIncludes=${\n    component.preview?.skipIncludes || component.preview?.onlyOverview\n  }`;\n\n  const overviewPropsValues = overviewProps && overviewProps();\n\n  const themeParams = current?.themeName ? `theme=${current?.themeName}` : '';\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { onLoad, style, ...rest } = previewProps || {};\n\n  const onPreviewLoad = React.useCallback(\n    (e, props) => {\n      setLoading(false);\n      onLoad?.(e, props);\n    },\n    [onLoad]\n  );\n\n  React.useEffect(() => {\n    if (!isLoading && defaultLoadingState) setLoading(true);\n    if (isLoading && !defaultLoadingState) setLoading(false);\n  }, [component.id.toString(), defaultLoadingState]);\n\n  return (\n    <div\n      className={classNames(styles.overviewWrapper, isLoading && styles.noOverflow)}\n      key={`${component.id.toString()}`}\n    >\n      {showHeader && (\n        <ComponentOverview\n          className={classNames(styles.componentOverviewBlock, !isScaling && styles.legacyPreview)}\n          displayName={component.displayName}\n          version={component.version}\n          abstract={component.description}\n          labels={component.labels}\n          packageName={component.packageName}\n          titleBadges={flatten(titleBadges.values())}\n          componentDescriptor={componentDescriptor}\n          component={component}\n        />\n      )}\n      {!buildFailed && (\n        <div className={styles.readme}>\n          {isLoading && (\n            <ReadmeSkeleton>\n              <CompositionGallerySkeleton compositionsLength={Math.min(component.compositions.length, 3)} />\n            </ReadmeSkeleton>\n          )}\n          <ComponentPreview\n            onLoad={onPreviewLoad}\n            previewName=\"overview\"\n            pubsub={true}\n            queryParams={[iframeQueryParams, themeParams, overviewPropsValues?.queryParams || '']}\n            viewport={null}\n            fullContentHeight\n            disableScroll={true}\n            {...rest}\n            component={component}\n            style={{ width: '100%', height: '100%', minHeight: !isScaling ? 500 : undefined }}\n          />\n          {component.preview?.onlyOverview && !isLoading && <CompositionGallery component={component} />}\n          {component.preview?.onlyOverview && !isLoading && TaggedAPI && (\n            <TaggedAPI componentId={component.id.toString()} />\n          )}\n        </div>\n      )}\n      {buildFailed && EmptyState && <EmptyState />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAAA,SAAAA,OAAA;EAAA,MAAAC,IAAA,GAAAC,uBAAA,CAAAC,OAAA;EAAAH,MAAA,YAAAA,CAAA;IAAA,OAAAC,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAG,YAAA;EAAA,MAAAH,IAAA,GAAAI,sBAAA,CAAAF,OAAA;EAAAC,WAAA,YAAAA,CAAA;IAAA,OAAAH,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAK,QAAA;EAAA,MAAAL,IAAA,GAAAE,OAAA;EAAAG,OAAA,YAAAA,CAAA;IAAA,OAAAL,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAGA,SAAAM,WAAA;EAAA,MAAAN,IAAA,GAAAE,OAAA;EAAAI,UAAA,YAAAA,CAAA;IAAA,OAAAN,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAO,WAAA;EAAA,MAAAP,IAAA,GAAAE,OAAA;EAAAK,UAAA,YAAAA,CAAA;IAAA,OAAAP,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAEA,SAAAQ,aAAA;EAAA,MAAAR,IAAA,GAAAE,OAAA;EAAAM,YAAA,YAAAA,CAAA;IAAA,OAAAR,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAS,oBAAA;EAAA,MAAAT,IAAA,GAAAE,OAAA;EAAAO,mBAAA,YAAAA,CAAA;IAAA,OAAAT,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAU,iBAAA;EAAA,MAAAV,IAAA,GAAAE,OAAA;EAAAQ,gBAAA,YAAAA,CAAA;IAAA,OAAAV,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAW,gBAAA;EAAA,MAAAX,IAAA,GAAAE,OAAA;EAAAS,eAAA,YAAAA,CAAA;IAAA,OAAAX,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AACA,SAAAY,gBAAA;EAAA,MAAAZ,IAAA,GAAAI,sBAAA,CAAAF,OAAA;EAAAU,eAAA,YAAAA,CAAA;IAAA,OAAAZ,IAAA;EAAA;EAAA,OAAAA,IAAA;AAAA;AAA4C,MAAAa,SAAA,wBAV5C;AACA;AAIA;AAAA,SAAAT,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAjB,wBAAAiB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAY,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAhB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAd,MAAA,CAAAgB,SAAA,CAAAZ,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAS,KAAA,OAAAL,SAAA;AAAA,SAAAM,yBAAAJ,MAAA,EAAAK,QAAA,QAAAL,MAAA,yBAAAH,MAAA,GAAAS,6BAAA,CAAAN,MAAA,EAAAK,QAAA,OAAAJ,GAAA,EAAAT,CAAA,MAAAN,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAP,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAAgB,gBAAA,CAAAT,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAO,gBAAA,CAAAhB,CAAA,OAAAa,QAAA,CAAAI,OAAA,CAAAR,GAAA,uBAAAf,MAAA,CAAAgB,SAAA,CAAAQ,oBAAA,CAAAnB,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAS,8BAAAN,MAAA,EAAAK,QAAA,QAAAL,MAAA,yBAAAH,MAAA,gBAAAI,GAAA,IAAAD,MAAA,QAAAd,MAAA,CAAAgB,SAAA,CAAAZ,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,SAAAI,QAAA,CAAAI,OAAA,CAAAR,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,IAOYc,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAbA,aAAa,CAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AA2BlB,SAASE,QAAQA,CAAC;EAAEC,WAAW;EAAEC,eAAe;EAAEC,YAAY;EAAEC,aAAa;EAAEC;AAAyB,CAAC,EAAE;EAChH,MAAMC,SAAS,GAAG,IAAAC,mBAAU,EAACC,6BAAgB,CAAC;EAC9C,MAAMC,mBAAmB,GAAG,IAAAC,mCAAsB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,iCAAc,EAAC,CAAC;EACpC,MAAMC,aAAa,GAAG,IAAAC,iBAAO,EAACZ,eAAe,CAACa,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAC1D,MAAMC,UAAU,GAAG,CAACV,SAAS,CAACW,OAAO,EAAEC,YAAY;EACnD,MAAMC,UAAU,GAAGf,aAAa,IAAIA,aAAa,CAAC,CAAC;EACnD,MAAMgB,WAAW,GAAGd,SAAS,CAACe,WAAW,EAAEC,WAAW,CAAC,CAAC,KAAK,SAAS,IAAIhB,SAAS,EAAEiB,IAAI,KAAK,qBAAqB;EACnH,MAAMC,SAAS,GAAGC,OAAO,CAACnB,SAAS,CAACW,OAAO,EAAEO,SAAS,CAAC;EACvD,MAAME,mBAAmB,GAAGD,OAAO,CAACnB,SAAS,CAACW,OAAO,EAAES,mBAAmB,CAAC;EAC3E,MAAMC,mBAAmB,GAAGC,gBAAK,CAACC,OAAO,CAAC,MAAM;IAC9C,OAAOL,SAAS,IAAI,CAACE,mBAAmB;EAC1C,CAAC,EAAE,CAACF,SAAS,EAAEE,mBAAmB,CAAC,CAAC;EAEpC,MAAM,CAACI,SAAS,EAAEC,UAAU,CAAC,GAAG,IAAAC,iBAAQ,EAACL,mBAAmB,CAAC;EAE7D,MAAMM,iBAAiB,GAAI,gBAAe3B,SAAS,CAACW,OAAO,EAAEiB,YAAY,IAAI,OAAQ,iBACnF5B,SAAS,CAACW,OAAO,EAAEkB,YAAY,IAAI7B,SAAS,CAACW,OAAO,EAAEiB,YACvD,EAAC;EAEF,MAAME,mBAAmB,GAAGvB,aAAa,IAAIA,aAAa,CAAC,CAAC;EAE5D,MAAMwB,WAAW,GAAG1B,OAAO,EAAE2B,SAAS,GAAI,SAAQ3B,OAAO,EAAE2B,SAAU,EAAC,GAAG,EAAE;;EAE3E;EACA,MAAAC,IAAA,GAAmCpC,YAAY,IAAI,CAAC,CAAC;IAA/C;MAAEqC,MAAM;MAAEC;IAAe,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAnD,wBAAA,CAAAgD,IAAA,EAAAhF,SAAA;EAE9B,MAAMoF,aAAa,GAAGf,gBAAK,CAACgB,WAAW,CACrC,CAAChF,CAAC,EAAEiF,KAAK,KAAK;IACZd,UAAU,CAAC,KAAK,CAAC;IACjBS,MAAM,GAAG5E,CAAC,EAAEiF,KAAK,CAAC;EACpB,CAAC,EACD,CAACL,MAAM,CACT,CAAC;EAEDZ,gBAAK,CAACkB,SAAS,CAAC,MAAM;IACpB,IAAI,CAAChB,SAAS,IAAIH,mBAAmB,EAAEI,UAAU,CAAC,IAAI,CAAC;IACvD,IAAID,SAAS,IAAI,CAACH,mBAAmB,EAAEI,UAAU,CAAC,KAAK,CAAC;EAC1D,CAAC,EAAE,CAACzB,SAAS,CAACyC,EAAE,CAACC,QAAQ,CAAC,CAAC,EAAErB,mBAAmB,CAAC,CAAC;EAElD,oBACElF,MAAA,GAAAiB,OAAA,CAAAuF,aAAA;IACEC,SAAS,EAAE,IAAAC,qBAAU,EAACC,yBAAM,CAACC,eAAe,EAAEvB,SAAS,IAAIsB,yBAAM,CAACE,UAAU,CAAE;IAC9ElE,GAAG,EAAG,GAAEkB,SAAS,CAACyC,EAAE,CAACC,QAAQ,CAAC,CAAE;EAAE,GAEjChC,UAAU,iBACTvE,MAAA,GAAAiB,OAAA,CAAAuF,aAAA,CAAC/F,YAAA,GAAAqG,iBAAiB;IAChBL,SAAS,EAAE,IAAAC,qBAAU,EAACC,yBAAM,CAACI,sBAAsB,EAAE,CAAChC,SAAS,IAAI4B,yBAAM,CAACK,aAAa,CAAE;IACzFC,WAAW,EAAEpD,SAAS,CAACoD,WAAY;IACnCC,OAAO,EAAErD,SAAS,CAACqD,OAAQ;IAC3BC,QAAQ,EAAEtD,SAAS,CAACuD,WAAY;IAChCC,MAAM,EAAExD,SAAS,CAACwD,MAAO;IACzBC,WAAW,EAAEzD,SAAS,CAACyD,WAAY;IACnC9D,WAAW,EAAE,IAAAa,iBAAO,EAACb,WAAW,CAACc,MAAM,CAAC,CAAC,CAAE;IAC3CN,mBAAmB,EAAEA,mBAAoB;IACzCH,SAAS,EAAEA;EAAU,CACtB,CACF,EACA,CAACc,WAAW,iBACX3E,MAAA,GAAAiB,OAAA,CAAAuF,aAAA;IAAKC,SAAS,EAAEE,yBAAM,CAACY;EAAO,GAC3BlC,SAAS,iBACRrF,MAAA,GAAAiB,OAAA,CAAAuF,aAAA,CAAC5F,eAAA,GAAA4G,cAAc,qBACbxH,MAAA,GAAAiB,OAAA,CAAAuF,aAAA,CAAC9F,mBAAA,GAAA+G,0BAA0B;IAACC,kBAAkB,EAAEC,IAAI,CAACC,GAAG,CAAC/D,SAAS,CAACgE,YAAY,CAACpF,MAAM,EAAE,CAAC;EAAE,CAAE,CAC/E,CACjB,eACDzC,MAAA,GAAAiB,OAAA,CAAAuF,aAAA,CAAChG,UAAA,GAAAsH,gBAAgB,EAAA1F,QAAA;IACf2D,MAAM,EAAEG,aAAc;IACtB6B,WAAW,EAAC,UAAU;IACtBC,MAAM,EAAE,IAAK;IACbC,WAAW,EAAE,CAACzC,iBAAiB,EAAEI,WAAW,EAAED,mBAAmB,EAAEsC,WAAW,IAAI,EAAE,CAAE;IACtFC,QAAQ,EAAE,IAAK;IACfC,iBAAiB;IACjBC,aAAa,EAAE;EAAK,GAChBnC,IAAI;IACRpC,SAAS,EAAEA,SAAU;IACrBmC,KAAK,EAAE;MAAEqC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE,MAAM;MAAEC,SAAS,EAAE,CAACxD,SAAS,GAAG,GAAG,GAAGyD;IAAU;EAAE,EACnF,CAAC,EACD3E,SAAS,CAACW,OAAO,EAAEiB,YAAY,IAAI,CAACJ,SAAS,iBAAIrF,MAAA,GAAAiB,OAAA,CAAAuF,aAAA,CAAC9F,mBAAA,GAAA+H,kBAAkB;IAAC5E,SAAS,EAAEA;EAAU,CAAE,CAAC,EAC7FA,SAAS,CAACW,OAAO,EAAEiB,YAAY,IAAI,CAACJ,SAAS,IAAIzB,SAAS,iBACzD5D,MAAA,GAAAiB,OAAA,CAAAuF,aAAA,CAAC5C,SAAS;IAAC8E,WAAW,EAAE7E,SAAS,CAACyC,EAAE,CAACC,QAAQ,CAAC;EAAE,CAAE,CAEjD,CACN,EACA5B,WAAW,IAAID,UAAU,iBAAI1E,MAAA,GAAAiB,OAAA,CAAAuF,aAAA,CAAC9B,UAAU,MAAE,CACxC,CAAC;AAEV","ignoreList":[]}

package/dist/preview-1714620113654.js

@@ -0,0 +1,7 @@
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.docs_docs@1.0.260/dist/docs.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.docs_docs@1.0.260/dist/docs.docs.mdx';
+
+export const compositions = [compositions_0];
+export const overview = [overview_0];
+
+export const compositions_metadata = {"compositions":[{"displayName":"Logo","identifier":"Logo"}]};

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/docs",
-  "version": "1.0.258",
+  "version": "1.0.260",
   "homepage": "https://bit.cloud/teambit/docs/docs",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.docs",
     "name": "docs",
-    "version": "1.0.258"
+    "version": "1.0.260"
   },
   "dependencies": {
     "graphql-tag": "2.12.1",
@@ -19,23 +19,23 @@
     "@teambit/base-react.themes.theme-switcher": "1.0.2",
     "@teambit/component.ui.component-meta": "0.0.358",
     "@teambit/base-ui.loaders.skeleton": "1.0.1",
-    "@teambit/compiler": "1.0.258",
-    "@teambit/component": "1.0.258",
-    "@teambit/pkg": "1.0.258",
-    "@teambit/workspace": "1.0.258",
-    "@teambit/cli": "0.0.862",
-    "@teambit/dev-files": "1.0.258",
-    "@teambit/envs": "1.0.258",
-    "@teambit/graphql": "1.0.258",
-    "@teambit/logger": "0.0.955",
-    "@teambit/preview": "1.0.258",
-    "@teambit/scope": "1.0.258",
-    "@teambit/api-reference": "1.0.258",
-    "@teambit/component-compare": "1.0.258",
-    "@teambit/ui": "1.0.258",
+    "@teambit/compiler": "1.0.260",
+    "@teambit/component": "1.0.260",
+    "@teambit/pkg": "1.0.260",
+    "@teambit/workspace": "1.0.260",
+    "@teambit/cli": "0.0.863",
+    "@teambit/dev-files": "1.0.260",
+    "@teambit/envs": "1.0.260",
+    "@teambit/graphql": "1.0.260",
+    "@teambit/logger": "0.0.956",
+    "@teambit/preview": "1.0.260",
+    "@teambit/scope": "1.0.260",
+    "@teambit/api-reference": "1.0.260",
+    "@teambit/component-compare": "1.0.260",
+    "@teambit/ui": "1.0.260",
+    "@teambit/pubsub": "1.0.260",
     "@teambit/compositions.panels.composition-gallery": "0.0.211",
-    "@teambit/preview.ui.component-preview": "1.0.12",
-    "@teambit/pubsub": "1.0.258"
+    "@teambit/preview.ui.component-preview": "1.0.12"
   },
   "devDependencies": {
     "@types/lodash": "4.14.165",

package/artifacts/preview/static/css/teambit.docs/docs-preview.99b1a171.css

@@ -1,307 +0,0 @@
-.component-grid_componentGrid__xsuL7{display:grid;grid-template-columns:repeat(auto-fill, minmax(197px, 1fr));grid-column-gap:10px;-moz-column-gap:10px;column-gap:10px;grid-gap:32px}
-.card_componentCard__PsAwN{position:relative;border-color:#cccfd4;border-color:var(--bit-border-color-light, #cccfd4);border-width:1px;border-style:solid;width:100%;border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color 300ms ease-in-out}.card_componentCard__PsAwN:hover{border-color:#6c707c;border-color:var(--bit-text-color-light, #6c707c);overflow:visible;overflow:initial}
-.ellipsis_ellipsis__ZCoOX,.ellipsis_ellipsisDiv__zGa5A{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__zGa5A{display:inline-block}
-.details_content__lAgRo{display:flex;flex-direction:column;justify-content:space-between;padding:16px;height:96px}.details_nameSpace__13YKI{color:#6c707c;color:var(--bit-text-color-light, #6c707c);font-size:10px;font-weight:bold;text-transform:uppercase;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details_name__zt4ue{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:6px}.details_name__zt4ue>span:first-child{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:5px}.details_description__0lVGn{color:#6c707c;color:var(--bit-text-color-light, #6c707c);font-size:14px;font-size:var(--bit-p-xs, 14px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;box-orient:vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical;-moz-line-clamp:2}
-.preview-container_previewContainer__Wy6rv{overflow:hidden;padding-bottom:57%;height:0;position:relative;pointer-events:none;border-radius:5px 5px 0 0}.preview-container_preview__KvjpP{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;border-bottom:1px solid #cccfd4;border-bottom:1px solid var(--bit-border-color-light, #cccfd4)}.preview-container_emptyPreview__bLQjh{background-color:#ededed;background-color:var(--bit-border-color-lightest, #ededed)}
-.plugins_plugins__1Ftmg{display:flex;justify-content:space-between;align-items:center;padding:0 16px 16px 16px}.plugins_plugins__1Ftmg>div{display:flex;align-items:center}.plugins_plugins__1Ftmg>div>span{font-size:14px;margin-right:10px}.plugins_plugins__1Ftmg>div .plugins_size__LeooZ{font-size:11px;color:#6c707c;color:var(--bit-text-color-light, #6c707c);vertical-align:middle}.plugins_left__isbh0>*:not(:first-child){margin:0 8px}.plugins_right__Tme86>*:not(:last-child){margin:0 8px}.plugins_topPlugins__lZHRE{position:absolute;top:0;width:100%;box-sizing:border-box;z-index:1;padding-top:16px}.plugins_dot__rwLFW{display:inline-block;height:14px;width:14px;border-radius:50%;background-color:#ededed}.plugins_img__Ay7RY{height:14px}
-.component-card_linkWrapper__9zwDg{text-decoration:none;color:inherit}.component-card_cardWrapper__ZPr3K{position:relative}
-.abs-container_container__Mprhh{position:relative}.abs-container_containee__vYCkD{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__vYCkD{visibility:visible}
-.positions_top__YSOZ-{bottom:100%}.positions_top-start__yjAPr{bottom:100%;left:0%}.positions_top-end__ast9a{bottom:100%;right:0%}.positions_right__8c-tY{left:100%}.positions_right-start__G9ny6{left:100%;top:0%}.positions_right-end__GCnPL{left:100%;bottom:0%}.positions_bottom__Y9GDQ{top:100%}.positions_bottom-start__T\+LRx{top:100%;left:0%}.positions_bottom-end__sh2C0{top:100%;right:0%}.positions_left__r96H9{right:100%}.positions_left-start__5iD7z{right:100%;top:0%}.positions_left-end__P63vl{right:100%;bottom:0%}.positions_cover__dGdjT{top:0%;left:0%}
-.displacement_displacement__ziPLX[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__ziPLX[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__ziPLX[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__ziPLX[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__ziPLX[data-position=bottom-start],.displacement_displacement__ziPLX[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__ziPLX[data-position=bottom-end],.displacement_displacement__ziPLX[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__ziPLX[data-position^=right-start],.displacement_displacement__ziPLX[data-position^=left-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__ziPLX[data-position^=right-end],.displacement_displacement__ziPLX[data-position^=left-end]{margin-bottom:var(--bit-drawer-indent)}
-.drawer_placeholder__aOd1m{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
-.elevations_low__bTJiv{box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.2);box-shadow:var(--bit-shadow-hover-low, 0 2px 8px 0 rgba(0, 0, 0, 0.2))}.elevations_medium__4NKc5{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.24);box-shadow:var(--bit-shadow-hover-medium, 0 0 20px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.24))}.elevations_high__A\+PD5{box-shadow:0px 11px 29px 0px rgba(0, 0, 0, 0.23);box-shadow:var(--bit-shadow-hover-high, 0px 11px 29px 0px rgba(0, 0, 0, 0.23))}
-.roundness_sharp__sK3nd{border-radius:2px}.roundness_default__MN7aX{border-radius:5px}.roundness_small__zzTd1{border-radius:8px}.roundness_medium__0KZvY{border-radius:10px}.roundness_circle__sVhvU{border-radius:50%}
-.background_bedrock__k36p5{background:var(--bit-bg-bedrock)}.background_base__QDpI5{background:var(--bit-bg-color)}.background_layer__SCpka{background:var(--bit-bg-color)}.background_crust__9j8\+o{background:var(--bit-bg-tooltip)}.background_topping__7FvDt{background:var(--bit-bg-color)}.background_topping__7FvDt:hover{background:var(--bit-bg-heavy)}.background_dent__LblK\+{background:var(--bit-bg-dent)}
-.menu-item_menuItem__iZ3KM{display:flex;align-items:center;padding:8px;text-decoration:none;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);background-color:rgba(0,0,0,0);transition:background-color 150ms ease-in-out,color 150ms ease-in-out,border-color 150ms ease-in-out}.menu-item_withIcon__N4GYT>:first-child{color:#6c707c;color:var(--bit-text-color-light, #6c707c);margin-right:.76em;font-size:1.15em}.menu-item_withIcon__N4GYT.menu-item_active__vOwZa>:first-child{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.menu-item_interactive__Hg2Xe:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6);cursor:pointer}.menu-item_active__vOwZa{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}.menu-item_active__vOwZa:hover{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
-.dropdown_dropdownPlaceholder__5x5j4{padding:.844em 1em;border-radius:8px;justify-content:space-between;border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed)}.dropdown_dropdownPlaceholder__5x5j4: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__5x5j4: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__vuiKf .dropdown_dropdownPlaceholder__5x5j4{border:none}.dropdown_dropdownMenu__bB6H8{padding:8px 0;box-sizing:border-box;min-width:220px;border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed);z-index:102}
-.button_vanillaButton__eIMXp{transition:all 180ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font:inherit}
-.dots-loader_dotsLoader__JvbTB{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__JvbTB>*{animation:1270ms infinite ease-in-out both;animation-name:dots-loader_scale-down__O5bFh;display:inline-block}.dots-loader_dotsLoader__JvbTB>*:nth-child(1){animation-delay:-370ms}.dots-loader_dotsLoader__JvbTB>*:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__O5bFh{0%,20%,100%{transform:scale(0)}60%{transform:scale(1)}}
-.icon-button_iconButton__Z6MYE{display:flex;align-items:center;border-radius:8px;padding:7px 16px;transition:background-color 300ms ease-in-out}.icon-button_iconButton__Z6MYE.icon-button_iconOnly__NZxKr{padding:6px 8px}.icon-button_iconButton__Z6MYE[data-priority=ghost]{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);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__Z6MYE[data-priority=ghost].icon-button_active__zyu1I{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7);border-color:#6c5ce7;border-color:var(--bit-accent-color, #6c5ce7)}.icon-button_iconButton__Z6MYE[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6)}.icon-button_iconButton__Z6MYE[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest, #ededed)}.icon-button_iconButton__Z6MYE[data-priority=ghost]:disabled:hover{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.icon-button_iconButton__Z6MYE[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:#ffffff;color:var(--bit-bg-color, #ffffff)}.icon-button_iconButton__Z6MYE[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__Z6MYE[data-priority=cta]:disabled{border-color:#f6f6f6;border-color:var(--bit-bg-heavy, #f6f6f6);background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6)}.icon-button_iconButton__Z6MYE:disabled{color:#babec9;color:var(--bit-border-color, #babec9);cursor:not-allowed}.icon-button_iconButton__Z6MYE:focus{outline:none;box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg, #eceaff)}.icon-button_icon__ok1l9{font-size:16px;color:inherit}.icon-button_margin__cBXiK{margin-right:8px}
-.sizes_buttonSizes__f9kdH[data-size=m]{height:32px;font-size:14px}.sizes_buttonSizes__f9kdH[data-size=l]{height:40px;font-size:14px}
-.buttons-plugin_buttonsHolder__ooKQ\+{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 4px;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color, #ededed)}.buttons-plugin_clearText__YD3hg{color:#9598a1;color:var(--design-on-surface-low-color, #9598a1);cursor:pointer}
-.menu-item_menuItem__dXoHx{display:flex;align-items:center;padding:8px;text-decoration:none;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);background-color:rgba(0,0,0,0);transition:background-color 150ms ease-in-out,color 150ms ease-in-out,border-color 150ms ease-in-out}.menu-item_withIcon__xoa3l>:first-child{color:#6c707c;color:var(--bit-text-color-light, #6c707c);margin-right:.76em;font-size:1.15em}.menu-item_withIcon__xoa3l.menu-item_active__tLqhL>:first-child{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.menu-item_interactive__wiEt2:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6);cursor:pointer}.menu-item_active__tLqhL{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}.menu-item_active__tLqhL:hover{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
-.tab-line_tabLine__1gZ9A{height:4px;left:0;position:absolute;background-color:#6c5ce7;background-color:var(--primary-color, #6c5ce7)}.tab-line_tabLine__1gZ9A[data-position=top]{top:0}.tab-line_tabLine__1gZ9A[data-position=bottom]{bottom:0}
-.tab-folder_tabFolder__LpAxe{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.tab-folder_folderStyle__jP4It{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 0px 0px}
-.tab-inner_tabInner__IeOjc{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.tab-inner_innerStyle__EWmoN{background-color:#edebfc;background-color:var(--surface-hover-color, #edebfc);border-radius:8px}
-.responsive-navbar_tabInner__72BgE{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.responsive-navbar_innerStyle__EtVHG,.responsive-navbar_tab__lMQUK[data-priority=inner].responsive-navbar_noAnimation__tLyPd{background-color:#edebfc;background-color:var(--surface-hover-color, #edebfc);border-radius:8px}.responsive-navbar_tabFolder__eK0i9{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.responsive-navbar_folderStyle__eKpWZ,.responsive-navbar_tab__lMQUK[data-priority=folder].responsive-navbar_noAnimation__tLyPd{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 0px 0px}.responsive-navbar_tab__lMQUK{display:flex;align-items:center;pointer-events:none;position:relative;padding:8px 16px;font-size:14px;font-size:var(--bit-p-xs, 14px);outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:#707279;color:var(--on-surface-medium-color, #707279);transition:color 150ms ease-in-out;white-space:nowrap}.responsive-navbar_tab__lMQUK[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__lMQUK:hover{color:#2b2b2b;color:var(--on-surface-color, #2b2b2b)}.responsive-navbar_tab__lMQUK.responsive-navbar_active__N672l{color:#2b2b2b;color:var(--on-surface-color, #2b2b2b)}.responsive-navbar_tab__lMQUK.responsive-navbar_active__N672l[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__lMQUK.responsive-navbar_active__N672l[data-priority=folder]{color:#6c5ce7;color:var(--primary-color, #6c5ce7);transition:transform 150ms ease-in-out,color 150ms ease-in-out}.responsive-navbar_tab__lMQUK.responsive-navbar_active__N672l[data-priority=inner]{color:#6c5ce7;color:var(--primary-color, #6c5ce7);transition:transform 150ms ease-in-out,color 150ms ease-in-out}.responsive-navbar_tab__lMQUK[data-priority=line] .responsive-navbar_lineStyle__ylyWA{width:100%}.responsive-navbar_tab__lMQUK[data-priority=folder]{z-index:1}.responsive-navbar_tab__lMQUK[data-priority=inner]{z-index:1}.responsive-navbar_tab__lMQUK>*{pointer-events:auto}.responsive-navbar_navTabs__x5LlA{position:relative;display:flex;gap:8px}.responsive-navbar_navTabs__x5LlA.responsive-navbar_overflow__9rdjP{overflow-x:auto}.responsive-navbar_more__fBjoi{display:flex;align-items:center}.responsive-navbar_more__fBjoi .responsive-navbar_dots__1B8x\+{cursor:pointer;color:#707279;color:var(--on-surface-medium-color, #707279);border-radius:8px;transition:background-color 300ms ease-in-out;padding:8px 16px;display:flex;align-items:center;justify-content:center}.responsive-navbar_more__fBjoi .responsive-navbar_dots__1B8x\+>img{width:16px}.responsive-navbar_secondaryTabContainer__scLRG{z-index:5000}.responsive-navbar_secondaryTabContainer__scLRG .responsive-navbar_item__8IMJY{width:100%;pointer-events:none}.responsive-navbar_secondaryTabContainer__scLRG .responsive-navbar_item__8IMJY .responsive-navbar_menuItem__tWv-b{pointer-events:auto;padding:0}.responsive-navbar_secondaryTabContainer__scLRG .responsive-navbar_item__8IMJY .responsive-navbar_menuItem__tWv-b>*{padding:8px;width:100%}.responsive-navbar_hidden__fcWgu{display:none}
-.top-bar-nav_topBarLink__AO6v7{position:relative;padding:0 4px;box-sizing:border-box;display:flex;align-items:center;color:inherit;text-decoration:none;transition:color 300ms}.top-bar-nav_topBarLink__AO6v7:hover:not(.top-bar-nav_active__KeVcc)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__AO6v7.top-bar-nav_active__KeVcc{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.top-bar-nav_topBarLink__AO6v7.top-bar-nav_active__KeVcc:after{background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);height:4px}.top-bar-nav_topBarLink__AO6v7:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0);height:0;border-top-right-radius:2px;border-top-left-radius:2px;transition:background-color 300ms,height 300ms}.top-bar-nav_topBarLink__AO6v7>div{border-radius:8px;padding:0 8px;height:30px;display:flex;align-items:center;transition:background-color 300ms ease-in-out}
-.menu_topBar__7XIWk{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;min-width:0}.menu_leftSide__PZgSG{display:flex;align-items:center;height:100%;flex-grow:1;min-width:0}.menu_navigation__CsaNW{list-style:none;height:100%;padding-left:28px}@media screen and (max-width: 768px){.menu_navigation__CsaNW{padding-left:0}}.menu_navigation__CsaNW li{display:block;margin-right:16px;height:100%}.menu_navigation__CsaNW.menu_desktopNav__z-jMs{display:flex}@media screen and (max-width: 768px){.menu_navigation__CsaNW.menu_desktopNav__z-jMs{display:none}}.menu_navigation__CsaNW.menu_mobileNav__\+4HzA{align-items:center;display:none}@media screen and (max-width: 1200px){.menu_navigation__CsaNW.menu_mobileNav__\+4HzA{display:flex;margin-right:8px}}.menu_rightSide__iifIa{display:flex;align-items:center;height:100%;padding-left:16px}.menu_rightSide__iifIa>*{margin-right:12px}@media screen and (max-width: 1200px){.menu_rightSide__iifIa>*{margin-right:8px}}.menu_rightSide__iifIa .menu_widget__qJ5vr{font-size:17px}.menu_useBox__LWhSr{--bit-drawer-margin: 14px}.menu_componentVersionMenu__yHnIk{width:350px}.menu_tab__88Gcq>div{color:#2b2b2b;color:var(--on-background-color, #2b2b2b);padding:0}.menu_topBarNav__BvRNK{height:100%}.menu_topBarNav__BvRNK.menu_noBorder__PS0Ik::after{display:none}@media screen and (max-width: 768px){.menu_hideOnMobile__Yg4un{display:none}}
-.ellipsis_ellipsis__8H9Z\+,.ellipsis_ellipsisDiv__Cn9VM{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__Cn9VM{display:inline-block}
-.dark-theme_darkMod__okpp5{color:#ededed;--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}
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:currentColor;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:currentColor;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:currentColor;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:currentColor;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;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{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.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{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:left;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
-.tippy-box[data-theme~=teambit]{color:#fff;color:var(--bit-text-color, #fff);background:#2b2b2b;background:var(--bit-bg-tooltip, #2b2b2b);border-radius:8px}.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_dateTooltip__BK7Qr,.time-ago_dateTooltipContent__KOTEr{display:flex}.time-ago_dateTooltip__BK7Qr{max-width:none !important;max-width:initial !important;width:-moz-max-content;width:max-content}
-.styles_avatar__FP6DC{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:50%;text-align:center;text-transform:uppercase;font-weight:bold;border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed)}.styles_avatar__FP6DC .styles_letter__CDfAn{text-align:center;display:inline-block;justify-self:center;color:#ffffff;color:var(--on-primary-color, #ffffff)}.styles_avatar__FP6DC .styles_orgDefault__N8USo{text-align:center;display:inline-block}.styles_avatarImg__IQkae{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:50%;box-sizing:border-box;margin:auto;width:100%;height:100%}.styles_avatarImg__IQkae.styles_blob__Sm3yD{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__CL1v7{display:flex;align-items:center;justify-content:center;overflow:hidden}.styles_default__8yt0V{color:#707279;color:var(--on-background-medium-color, #707279);border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed);box-sizing:border-box}
-.letter-colors_a__cmkNe{color:#ff6b81}.letter-colors_b__OnTqt{color:coral}.letter-colors_c__K4Ggy{color:#efc951}.letter-colors_d__UTJ60{color:#94cd53}.letter-colors_e__4dbby{color:#57606f}.letter-colors_f__jfAH3{color:#ffa502}.letter-colors_g__915W0{color:#409d94}.letter-colors_h__Wv9ur{color:#ff4757}.letter-colors_i__-f21U{color:#747d8c}.letter-colors_j__PMFe6{color:#2f3542}.letter-colors_k__hApAd{color:#c47367}.letter-colors_l__s0OvF{color:#70a1ff}.letter-colors_m__TnzZY{color:#6665e2}.letter-colors_n__waroQ{color:#2c437e}.letter-colors_o__NdkpM{color:#60a3bc}.letter-colors_p__X94eL{color:#2ed573}.letter-colors_q__6xEdv{color:#1e90ff}.letter-colors_r__hXdeY{color:#275a80}.letter-colors_s__dnx\+V{color:#7e6a6a}.letter-colors_t__fv2pc{color:#5fc068}.letter-colors_u__4-uFd{color:#d03961}.letter-colors_v__QfEtR{color:#006266}.letter-colors_w__jQN7R{color:#833471}.letter-colors_x__LWVh6{color:#fda7df}.letter-colors_y__uTbc\+{color:#12cbc4}.letter-colors_z__HwaAW{color:#4a69bd}
-.letter-bg-colors_a__oSa\+-{background-color:#ff6b81}.letter-bg-colors_b__gQP9Y{background-color:coral}.letter-bg-colors_c__YMVAB{background-color:#efc951}.letter-bg-colors_d__rf5JA{background-color:#94cd53}.letter-bg-colors_e__Y1Yug{background-color:#57606f}.letter-bg-colors_f__izDiM{background-color:#ffa502}.letter-bg-colors_g__iV8CC{background-color:#409d94}.letter-bg-colors_h__aPfHS{background-color:#ff4757}.letter-bg-colors_i__GBsxI{background-color:#747d8c}.letter-bg-colors_j__d97Xn{background-color:#2f3542}.letter-bg-colors_k__YVT\+-{background-color:#c47367}.letter-bg-colors_l__hB19r{background-color:#70a1ff}.letter-bg-colors_m__TEkhN{background-color:#6665e2}.letter-bg-colors_n__LQ3PE{background-color:#2c437e}.letter-bg-colors_o__xKJZQ{background-color:#60a3bc}.letter-bg-colors_p__ZhQ4Z{background-color:#2ed573}.letter-bg-colors_q__R4Q47{background-color:#1e90ff}.letter-bg-colors_r__Wf7BO{background-color:#275a80}.letter-bg-colors_s__ccs9Q{background-color:#7e6a6a}.letter-bg-colors_t__O4NP3{background-color:#5fc068}.letter-bg-colors_u__a6JYR{background-color:#d03961}.letter-bg-colors_v__5hlWQ{background-color:#006266}.letter-bg-colors_w__iUhtQ{background-color:#833471}.letter-bg-colors_x__s72ra{background-color:#fda7df}.letter-bg-colors_y__V4mvx{background-color:#12cbc4}.letter-bg-colors_z__y74Vx{background-color:#4a69bd}
-.skeleton_skeleton__xtQqN,.skeleton_block__o33V3,.skeleton_circle__LVd4S{background:currentColor}.skeleton_skeletonContent__7FyWF>*,.skeleton_line__lcHWO>*,.skeleton_word__n7O35>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__n7O35{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__lcHWO>*{width:100%}.skeleton_circle__LVd4S{display:inline-block;width:1em;height:1em;border-radius:50% !important}
-.skeleton-design_skeletonContent__L5qPl>*,.skeleton-design_line__Q6Oxn>*,.skeleton-design_word__pgZO8>*{border-radius:4px}.skeleton-design_shimmer__Dti1K,.skeleton-design_skeleton__SXf2v,.skeleton-design_block__TE0zl,.skeleton-design_circle__WNaw1,.skeleton-design_skeletonContent__L5qPl>*,.skeleton-design_line__Q6Oxn>*,.skeleton-design_word__pgZO8>*{animation:skeleton-design_placeHolderShimmer__5RZQq 1.5s infinite forwards linear;background-image:linear-gradient(to right, currentColor 0%, rgba(255, 255, 255, 0.3803921569) 30%, rgba(255, 255, 255, 0.3803921569) 70%, currentColor 100%);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__1Pswk{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__5RZQq{0%{background-position:-10vw 0}100%{background-position:100vw 0}}.skeleton-design_block__TE0zl{border-radius:4px}
-.version-dropdown-placeholder_simple__JvYic,.version-dropdown-placeholder_detailed__5Ujlm{cursor:pointer;border:1px solid #babec9;border:1px solid var(--bit-border-color, #babec9);border-radius:6px;transition:background-color 300ms ease-in-out;height:30px;display:flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:nowrap;gap:8px;padding:8px;line-height:1.2em}.version-dropdown-placeholder_simple__JvYic:hover,.version-dropdown-placeholder_detailed__5Ujlm:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_simple__JvYic.version-dropdown-placeholder_disabled__whdU-,.version-dropdown-placeholder_detailed__5Ujlm.version-dropdown-placeholder_disabled__whdU-{cursor:default;background-color:#ededed;background-color:var(--border-medium-color, #ededed);color:#707279;color:var(--on-background-medium-color, #707279)}.version-dropdown-placeholder_simple__JvYic.version-dropdown-placeholder_disabled__whdU->span,.version-dropdown-placeholder_detailed__5Ujlm.version-dropdown-placeholder_disabled__whdU->span{display:none}.version-dropdown-placeholder_versionName__9s1mS{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__wbikp{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__7O8Ps{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__UtMi-{color:#f6f6f6;color:var(--bit-bg-dent, #f6f6f6)}.version-dropdown-placeholder_loader__UtMi->span{padding:4px}
-.item_menuItem__k3NIT{display:flex;align-items:center;padding:8px;text-decoration:none;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b)}.item_menuItem__k3NIT .item_icon__o1x\+Z{color:#6c707c;color:var(--bit-text-color-light, #6c707c);margin-right:.76em;font-size:1.15em}.item_interactive__2aY3Y:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6);cursor:pointer}.item_active__SqzZ7{background:#eceaff;background:var(--bit-accent-bg, #eceaff)}.item_active__SqzZ7:hover{background:#eceaff;background:var(--bit-accent-bg, #eceaff)}.item_active__SqzZ7 .item_icon__o1x\+Z{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}
-.abs-container_container__3nyOa{position:relative}.abs-container_containee__7DewT{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__7DewT{visibility:visible}
-.positions_top__zXNXz{bottom:100%}.positions_top-start__oXjRJ{bottom:100%;left:0%}.positions_top-end__OOVlp{bottom:100%;right:0%}.positions_right__n8ofC{left:100%}.positions_right-start__oK3VP{left:100%;top:0%}.positions_right-end__R9lI-{left:100%;bottom:0%}.positions_bottom__cbrT9{top:100%}.positions_bottom-start__Q\+-uT{top:100%;left:0%}.positions_bottom-end__G8Okr{top:100%;right:0%}.positions_left__K2bbH{right:100%}.positions_left-start__qCp4O{right:100%;top:0%}.positions_left-end__pJM4U{right:100%;bottom:0%}.positions_cover__dqFRX{top:0%;left:0%}
-.displacement_displacement__XS6zs[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__XS6zs[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__XS6zs[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__XS6zs[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__XS6zs[data-position=bottom-start],.displacement_displacement__XS6zs[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__XS6zs[data-position=bottom-end],.displacement_displacement__XS6zs[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__XS6zs[data-position^=right-start],.displacement_displacement__XS6zs[data-position^=left-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__XS6zs[data-position^=right-end],.displacement_displacement__XS6zs[data-position^=left-end]{margin-bottom:var(--bit-drawer-indent)}
-.drawer_placeholder__bRv6D{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
-.elevations_low__inPeO{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__qz1wV{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__yfjdX{box-shadow:var(--bit-shadow-hover-high)}
-.dropdown_dropdown__8mg9r{padding:8px}
-.fade-in-out_fadeInOut__csVM2{transition:all 180ms;opacity:0;transform:scale(0.61)}[data-open=true]>.fade-in-out_fadeInOut__csVM2{opacity:1;transform:scale(1)}
-.tab_tab__0i80J{margin-right:8px;padding:0 16px 8px 16px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;border-bottom:3px solid white;border-bottom:3px solid var(--bit-bg-modal, white)}.tab_tab__0i80J.tab_active__ZgBCI{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color, #6c5ce7);cursor:inherit}
-.version-dropdown_versionDropdown__PfYxz{height:100%}.version-dropdown_versionDropdown__PfYxz>div{height:100%;display:flex;align-items:center}.version-dropdown_versionDropdown__PfYxz .version-dropdown_menu__fjUaZ{padding:0;right:0;font-size:var(--bit-p-xs);border-radius:6px;z-index:5000}.version-dropdown_title__JfMwV{padding:16px;padding-bottom:12px;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.version-dropdown_titleContainer__uwRK8{margin-bottom:2px}.version-dropdown_versionContainerRoot__nZhGk{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__ldZB6{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 16px}.version-dropdown_versionRow__ldZB6:hover{background-color:#eceaff !important;background-color:var(--surface-hover-color, #eceaff) !important}.version-dropdown_versionRow__ldZB6.version-dropdown_localVersion__sUb2t{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.version-dropdown_versionRow__ldZB6 .version-dropdown_versionTimestamp__wSWFK{margin-right:2px}.version-dropdown_versionRow__ldZB6 .version-dropdown_versionUserAvatar__9668M{padding:0px 8px}.version-dropdown_versionRow__ldZB6 .version-dropdown_laneIcon__Z8Qtj{padding:0px 4px}.version-dropdown_versionRow__ldZB6 .version-dropdown_version__GQ\+Wv{width:60%;display:flex;flex-direction:row;align-content:space-between;align-items:center}.version-dropdown_versionRow__ldZB6 .version-dropdown_versionName__CIsR-{padding:0px 8px;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown_withVersions__NAFO5{cursor:pointer}.version-dropdown_withVersions__NAFO5>div{margin-right:5px}.version-dropdown_withVersions__NAFO5>span{display:inline;display:initial}.version-dropdown_withVersions__NAFO5:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__NAFO5{transition:color 300ms,background-color 300ms ease-in-out;background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}[data-open=true] .version-dropdown_withVersions__NAFO5:hover{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.version-dropdown_tabs__\+k6Qv{display:flex;padding:0 24px;line-height:14px;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);overflow-x:auto;margin-top:8px}.version-dropdown_tabs__\+k6Qv .version-dropdown_tab__cWNZv{font-weight:bold;padding-top:4px;font-size:12px}.version-dropdown_loading__r-KLc{color:#f6f6f6;color:var(--bit-bg-dent, #f6f6f6)}.version-dropdown_loader__37bu3{color:#f6f6f6;color:var(--bit-bg-dent, #f6f6f6)}.version-dropdown_loader__37bu3>div{padding:8px 0px}.version-dropdown_versionMenuContainer__yWH1F{display:inline;display:initial}.version-dropdown_versionMenuContainer__yWH1F.version-dropdown_hide__MEI4Z{display:none}
-.pill-label_pillLabel__nPbii{display:flex;align-items:center;border-radius:12px;border-style:solid;border-width:1px;width:-moz-fit-content;width:fit-content;padding:2px 8px;text-transform:capitalize;border-color:#ededed;border-color:var(--bit-border-color-lightest, #ededed);color:#6c707c;color:var(--bit-text-color-light, #6c707c);font-size:14px;font-size:var(--bit-p-xs, 14px)}
-.version-label_label__LrrY2.version-label_latest__FXDGU{border-color:#37b26c;color:#37b26c}.version-label_label__LrrY2.version-label_current__d02nr{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__p05oH{margin-bottom:16px;align-self:flex-end}.version-label_emptyLabel__ojR88{height:25px;margin-bottom:16px}.version-label_labelContainer__t6m26{display:flex;flex-direction:column}
-.version-info_versionRow__s1Cqk{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 16px;line-height:1.2em}.version-info_versionRow__s1Cqk:hover{background-color:#eceaff !important;background-color:var(--surface-hover-color, #eceaff) !important}.version-info_versionTimestamp__MwbvE{min-width:-moz-fit-content;min-width:fit-content;margin-right:2px;text-align:right}.version-info_versionUserAvatar__F2Arn{flex:none;padding:0px 8px}.version-info_laneIcon__tcORT{padding:0px 4px}.version-info_version__zNkYg{max-width:70%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow:hidden}.version-info_versionName__OmqV5{padding:0px 8px;flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-info_commitMessage__LsTkF{flex-grow:1;padding:0px 8px}.version-info_emptyMessage__9fKUi{font-style:italic;color:#6c707c;color:var(--bit-text-color-light, #6c707c);padding:0px 8px;font-size:var-bit-p-xs,14px}
-.lane-info_versionRow__yTK-1{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 24px}.lane-info_versionRow__yTK-1 .lane-info_versionTimestamp__ieHqD{margin-right:2px}.lane-info_versionRow__yTK-1 .lane-info_versionUserAvatar__rgokv{padding:0px 8px}.lane-info_versionRow__yTK-1 .lane-info_laneIcon__Y4rFz{padding:0px 4px}.lane-info_versionRow__yTK-1 .lane-info_version__TKcn9{width:60%;display:flex;flex-direction:row;align-content:space-between;align-items:center}.lane-info_versionRow__yTK-1 .lane-info_versionName__iuoyD{padding:0px 8px}
-.tooltip-card_menu__apIfU{background:var(--bit-bg-tooltip);padding:8px}
-.arrow_arrow__GITMw{position:absolute;margin:0 auto}.arrow_arrow__GITMw::before{content:"";transform:rotate(45deg);display:block;width:10px;height:10px;background:var(--bit-bg-tooltip)}
-.arrow-position_top__9YOpt{left:calc(50% - 5px)}.arrow-position_bottom__0IJId{left:calc(50% - 5px)}.arrow-position_right__XaLTp{top:calc(50% - 5px)}.arrow-position_left__vnuOk{top:calc(50% - 5px)}.arrow-position_cover__jNqeZ{display:none}.arrow-position_none__E50Dr{display:none}
-.arrow-shadow_top__pIvWR::before,.arrow-shadow_top-start__yV9rP::before,.arrow-shadow_top-end__8e\+1N::before{box-shadow:2px 2px 4px 0px rgba(0,0,0,.1)}.arrow-shadow_bottom__J02mw::before,.arrow-shadow_bottom-start__SMd8Q::before,.arrow-shadow_bottom-end__6QLVV::before{box-shadow:-2px -2px 4px 0px rgba(0,0,0,.1)}.arrow-shadow_right__n8LUq::before,.arrow-shadow_right-start__7QJNZ::before,.arrow-shadow_right-end__-hXk3::before{box-shadow:-2px 2px 4px 0px rgba(0,0,0,.1)}.arrow-shadow_left__FE-1G::before,.arrow-shadow_left-start__ybsZ0::before,.arrow-shadow_left-end__Kb5qc::before{box-shadow:2px -2px 4px 0px rgba(0,0,0,.1)}
-.tooltip-drawer_tooltip__1nN8X{--bit-drawer-margin: 10px;--bit-drawer-margin: 10px}.tooltip-drawer_arrow__yhQaq{--bit-drawer-margin: 5px;--bit-drawer-indent: 8px;--bit-drawer-margin: 5px;--bit-drawer-indent: 8px}
-.key_keyCombo__OYFhS{display:flex;align-items:center;white-space:nowrap}.key_keyCombo__OYFhS .key_keycap__wDT\+S{margin-right:4px}.key_keyCombo__OYFhS .key_keycap__wDT\+S:last-child{margin-right:0}.key_keySequence__x8tm2{display:flex;white-space:nowrap;align-items:center}.key_keycap__wDT\+S{text-transform:uppercase;background-color:#f6f6f6;background-color:var(--bit-bg-dent, #f6f6f6);color:#6c707c;color:var(--bit-text-color-light, #6c707c);border-radius:3px;min-width:1.7em;padding:0 .4em;box-sizing:border-box;height:1.7em;font-size:12px;display:flex;align-items:center;justify-content:center}.key_thenSep__E5FtZ{font-size:.8em;margin:0 4px}
-.main-dropdown_mainDropdown__6xWHW{height:100%}.main-dropdown_mainDropdown__6xWHW>div{height:100%;display:flex;align-items:center}.main-dropdown_mainDropdown__6xWHW .main-dropdown_menu__H-kSI{width:300px;padding:0;right:-5px;font-size:var(--bit-p-xs);border-radius:6px}.main-dropdown_mainDropdown__6xWHW .main-dropdown_menu__H-kSI>div{margin-bottom:8px}.main-dropdown_iconAnchor__t1xbD{display:flex;align-items:center;height:30px;cursor:pointer;border-radius:6px;font-size:16px;transition:background-color 300ms ease-in-out}[data-open=true] .main-dropdown_iconAnchor__t1xbD{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__t1xbD:hover{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.main-dropdown_iconAnchor__t1xbD:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__2Bvyq{padding:0 8px}.main-dropdown_menuBlock__6x8th{padding:16px 0 10px 0;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.main-dropdown_menuBlock__6x8th:last-child{border-bottom:none}.main-dropdown_title__lJkmU{font-size:10px;text-transform:uppercase;color:#878c9a;margin-bottom:8px;font-weight:bold;padding:0 16px}.main-dropdown_line__UxPgq{display:flex;align-items:center;justify-content:space-between;cursor:pointer;display:flex;align-items:center;height:36px;padding:0 16px}.main-dropdown_line__UxPgq:hover{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
-.dropdown_menu__KrBZU{padding:0;font-size:14px;font-size:var(--bit-p-xs, 14px);border-radius:6px;width:400px;z-index:102}.dropdown_placeholder__5muX\+{color:#37b26c;border:1px solid #37b26c;background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);cursor:pointer;box-sizing:border-box;display:flex;align-items:center;padding:0 6px;height:30px;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color 300ms,color 300ms ease-in-out}.dropdown_placeholder__5muX\+:hover{color:#ffffff;color:var(--bit-bg-color, #ffffff);background-color:#2e945a;border-color:#2e945a}@media screen and (max-width: 768px){.dropdown_placeholder__5muX\+{padding:0 8px}.dropdown_placeholder__5muX\+ .dropdown_content__ebN23{display:none}}.dropdown_placeholder__5muX\+>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__5muX\+{transition:color 300ms,background-color 300ms ease-in-out;color:#ffffff;color:var(--bit-bg-color, #ffffff);background-color:#2e945a;border-color:#2e945a}.dropdown_placeholder__5muX\+>div{padding:0 6px}
-.menu_container__bbMQK{z-index:5000}.menu_top__E1e-8{padding:16px 24px 24px 24px;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b)}.menu_title__Or5pE{display:flex;align-items:center;font-size:var(--bit-p-xs);font-weight:bold}.menu_title__Or5pE>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__V64NG{justify-content:space-between}.menu_drawer__V64NG>div{display:flex;align-items:center}.menu_drawer__V64NG>div>span:first-child{margin-right:8px;font-size:16px;font-size:var(--bit-p-md, 16px)}.menu_tabs__\+5tMh{display:flex;padding:0 24px;line-height:14px;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);overflow-x:auto}.menu_registry__TW6n6>div:last-child{border-top:none;padding:0}.menu_importContent__hPspR>div{margin:12px 0}.menu_importContent__hPspR>div:nth-child(2),.menu_importContent__hPspR>div:nth-child(4){margin-bottom:24px}.menu_bottom__CGSbF{display:flex;align-items:center}.menu_bottom__CGSbF>span:first-child{margin-right:8px;font-size:16px;font-size:var(--bit-p-md, 16px)}.menu_disabled__xHm9n{font-size:12px;font-size:var(--bit-p-xs, 12px);padding:4px;background-color:#fffcf4;background-color:var(--warning-surface-color, #fffcf4)}.menu_warnIcon__WTyVO{padding-right:4px;filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%)}
-.tab-content_middle__DadC7{margin:0 24px 16px}.tab-content_middle__DadC7>div{margin:12px 0}.tab-content_bottom__gxUTz{padding:8px 0;border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest, #ededed)}.tab-content_drawer__28f7n{display:flex;justify-content:space-between;align-items:center}.tab-content_open__gieq7{transform:rotateZ(180deg)}
-.bottom-link_link__-mTOA{padding:0 24px;height:40px;display:flex;align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);cursor:pointer;text-decoration:none;text-decoration:initial}.bottom-link_link__-mTOA:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest, #ededed)}.bottom-link_link__-mTOA>span:first-child{margin-right:8px;font-size:16px;font-size:var(--bit-p-md, 16px)}
-.copied-message_copiedMessage__viTSE{position:absolute;transform:translate(-100%, 0);pointer-events:none;padding:2px 5px;border-radius:12px;font-size:12px;color:#ffffff;color:var(--bit-text-on-accent, #ffffff);background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);opacity:0;visibility:hidden;transition:visibility 500ms,opacity 500ms ease-in-out}.copied-message_showMessage__l7miF{opacity:1;visibility:visible}
-.grid_gridContainer__wEmiZ{display:grid;grid-gap:16px 16px}
-@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-1__CmeQ4{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-1__KPagT{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-1__9BOpp{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-1__rtNkp{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-1__3zaWE{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-1__x9AmH{grid-template-columns:repeat(1, 1fr)}}.grid-template_colTemplate--all-1__TS8QP{grid-template-columns:repeat(1, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-2__nk62J{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-2__JhF49{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-2__9-koS{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-2__7wxsx{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-2__0MvO9{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-2__Rh39b{grid-template-columns:repeat(2, 1fr)}}.grid-template_colTemplate--all-2__dFOWg{grid-template-columns:repeat(2, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-3__BdSdV{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-3__GOKwX{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-3__i-3JF{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-3__PIGNY{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-3__1CBdB{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-3__h3BNx{grid-template-columns:repeat(3, 1fr)}}.grid-template_colTemplate--all-3__7gawZ{grid-template-columns:repeat(3, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-4__Qf\+oK{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-4__pqf3U{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-4__iqQsp{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-4__wY9v5{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-4__av3\+v{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-4__UHFXH{grid-template-columns:repeat(4, 1fr)}}.grid-template_colTemplate--all-4__5e5pn{grid-template-columns:repeat(4, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-5__UbXn\+{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-5__Ko6f\+{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-5__JkJm3{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-5__59ZQS{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-5__PImK9{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-5__Ht7lo{grid-template-columns:repeat(5, 1fr)}}.grid-template_colTemplate--all-5__PuO2Y{grid-template-columns:repeat(5, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-6__7Vpij{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-6__D-1zf{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-6__7OfkZ{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-6__6lmLu{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-6__UbQ5U{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-6__RtGMR{grid-template-columns:repeat(6, 1fr)}}.grid-template_colTemplate--all-6__501WC{grid-template-columns:repeat(6, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-7__9gTET{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-7__5JBWV{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-7__IDAQc{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-7__CZ9nb{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-7__feLtV{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-7__bhNee{grid-template-columns:repeat(7, 1fr)}}.grid-template_colTemplate--all-7__pI6Ff{grid-template-columns:repeat(7, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-8__Djipd{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-8__r8390{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-8__23A5k{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-8__fkW3C{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-8__oTvm8{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-8__IXCN9{grid-template-columns:repeat(8, 1fr)}}.grid-template_colTemplate--all-8__ueK\+K{grid-template-columns:repeat(8, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-9__knWOg{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-9__eH8ZV{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-9__dbDNG{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-9__bj2LD{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-9__iZskL{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-9__hPLEN{grid-template-columns:repeat(9, 1fr)}}.grid-template_colTemplate--all-9__DWRa-{grid-template-columns:repeat(9, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-10__3Vt\+b{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-10__gIdqI{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-10__oaatJ{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-10__qzKlS{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-10__SO8Kv{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-10__rh\+v1{grid-template-columns:repeat(10, 1fr)}}.grid-template_colTemplate--all-10__sEFyj{grid-template-columns:repeat(10, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-11__WSu99{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-11__0dF6G{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-11__FNcPP{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-11__E4J7A{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-11__tfcxe{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-11__KsTsF{grid-template-columns:repeat(11, 1fr)}}.grid-template_colTemplate--all-11__Jkyfd{grid-template-columns:repeat(11, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-12__yoEa5{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-12__YD1KO{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-12__9Qur0{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-12__UyFb-{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-12__20DFx{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-12__ddD00{grid-template-columns:repeat(12, 1fr)}}.grid-template_colTemplate--all-12__PJxbO{grid-template-columns:repeat(12, 1fr)}
-.copy-box_copyBox__uiodC{border-radius:6px;font-size:var(--bit-p-xs);background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);display:flex;justify-content:space-between;align-items:center;padding:0 11px;height:40px;min-width:80px;line-height:115%}.copy-box_copyBox__uiodC .copy-box_leftSection__lT2l\+{-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.copy-box_button__mIT2v{cursor:pointer;box-sizing:border-box;border:none;background-color:var(--bit-bg-color-highlight);color:var(--bit-accent-color);outline:none}.copy-box_rightSection__hsDxO{display:flex;align-items:center;position:relative}.copy-box_copyIcon__A5jDE{font-size:var(--bit-p-lg)}
-.bit-info_moreInfo__wALxl>div:last-child{border-top:none;padding:0}
-.inline-code_inlineCode__qKLLt{font-family:monospace,sans-serif;border-radius:.25em;padding:.2em .4em;font-size:.85em;background-color:rgba(166,166,166,.2)}.inline-code_highlight__tsKzt{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
-.size-definition_headingFontSize__NkeF6{--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__oCqJA{--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__I9WCd{--bit-shadow-none: none;--bit-shadow-faint: 0 2px 10px 0 rgba(0, 0, 0, 0.1);--bit-shadow-resting: 0px 0px 4px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.08);--bit-shadow-raised-low: 0 -1px 1px 0 rgba(0, 0, 0, 0.09), 0 2px 2px 0 rgba(0, 0, 0, 0.23);--bit-shadow-hover-low: 0 2px 8px 0 rgba(0, 0, 0, 0.2);--bit-shadow-hover-medium: 0 0 20px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.24);--bit-shadow-hover-high: 0px 11px 29px 0px rgba(0, 0, 0, 0.23)}
-.color-definition_primaryPalette__cB6ZC{color:#414141;--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: #ffffff;--bit-accent-bg: #eceaff;--bit-accent-bg-heavy: #c9c3f6;--bit-bg-color: #ffffff;--bit-bg-heavy: #f6f6f6;--bit-bg-heaviest: #ededed;--bit-bg-bedrock: #ffffff;--bit-bg-navigation: #f6f6f6;--bit-bg-overlay: #ffffff;--bit-bg-modal: #ffffff;--bit-bg-tooltip: #ffffff;--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}
-.brand-definition_brands__mQuQ6{--bit-github-bg: #2b2b2b;--bit-brand-text: #ffffff;--bit-slack-bg: #4a154b;--bit-twitter-bg: #1da1f2}
-.heading-margin-definition_headingMargins__u1-Wa{--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";src:url("https://static.bit.dev/fonts/CircularPro-Bold.otf");font-weight:bold}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-Black.otf");font-weight:800}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-BookItalic.otf");font-style:italic}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-BoldItalic.otf");font-style:italic;font-weight:bold}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-BlackItalic.otf");font-style:italic;font-weight:800}.book-font_bookFont__MoY9z{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}
-.texts_defaults__EHfO8{line-height:1.23}
-.sizes_heading__Ihzgj{--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__rKW29{line-height:normal}
-.pane_pane__\+\+18P{transition:width 300ms,height 300ms}[data-split-layout*=first]>.pane_pane__\+\+18P,[data-split-layout*=last]>.pane_pane__\+\+18P{min-width:0;min-width:initial;max-width:none;max-width:initial}
-.splitter_splitter__aN8Wy{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__aN8Wy{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__aN8Wy{cursor:row-resize;width:100%}
-body{padding:0}.split-pane_splitPane__hGnIZ{display:flex;flex-direction:column}.split-pane_splitPane__hGnIZ.split-pane_isDragging__85dIs{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.split-pane_splitPane__hGnIZ[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__hGnIZ[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__hGnIZ[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__hGnIZ[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__hGnIZ[data-split-layout^="column reverse"]{flex-direction:column-reverse}
-.splitter_hoverSplitter__oXczV{min-width:1px;min-height:1px;position:relative;flex:none;background:#ededed;background:var(--bit-border-color-lightest, #ededed)}.splitter_highlighter__RIpBR{height:100%;width:100%}.splitter_highlighter__RIpBR,.splitter_highlighter__RIpBR::before,.splitter_highlighter__RIpBR::after{transition:background-color 300ms ease-in-out,box-shadow 300ms ease-in-out}.splitter_highlighter__RIpBR:hover,[data-is-dragging=true]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR,.splitter_highlighter__RIpBR:hover::before,.splitter_highlighter__RIpBR:hover::after,[data-is-dragging=true]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::before,[data-is-dragging=true]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::after{background:#6c5ce7;background:var(--bit-accent-color, #6c5ce7);transition-delay:.18s}.splitter_highlighter__RIpBR::before,.splitter_highlighter__RIpBR::after{content:" ";display:block;position:absolute;background:rgba(0,0,0,0)}[data-split-layout^=row]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::before,[data-split-layout^=row]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::after{width:200%;height:100%}[data-split-layout^=row]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::before,[data-split-layout^=column]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::after{width:100%;height:200%}[data-split-layout^=column]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__oXczV>.splitter_highlighter__RIpBR::after{bottom:-200%}
-.table-heading-column_headingColumn__ps8Sd{display:flex;align-items:center;flex-wrap:wrap;font-weight:bold;font-size:var(--bit-p-xxs)}
-.table-heading-row_titleRow__7Laxa{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);padding:18px 20px;display:grid}.table-heading-row_titleRow__7Laxa.table-heading-row_hide__aVFnp{display:none}.table-heading-row_titleCol__f11E5{text-transform:uppercase;color:var(--bit-text-color-light)}
-.table-column_tableColumn__t5DCs{display:flex;align-items:center;font-size:var(--bit-p-xs)}
-.table-row_propRow__94oS1{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__94oS1.table-row_singleColumn__vS8nR{grid-template-columns:repeat(1, 1fr)}.table-row_mobileTitle__esBv0{display:none}.table-row_mobileTitle__esBv0.table-row_show__C41xS{display:flex;min-width:110px;color:var(--bit-text-color-light);font-weight:bold;text-transform:uppercase;font-size:var(--bit-p-xxs)}.table-row_column__St9zx{display:flex;align-items:center;flex-wrap:wrap}.table-row_columnContent__0l2Di{display:flex;align-items:center;flex-wrap:wrap}.table-row_title__7L-AI{margin:0;margin:initial;text-transform:capitalize}.table-row_required__wijNb{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__aa4ef{margin-right:5px;font-family:Roboto mono;font-size:var(--bit-p-xxs);color:#4646c6}.table-row_type__FE2ha{display:inline-block;background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff);font-family:Roboto mono;font-size:var(--bit-p-xxs);width:-moz-fit-content;width:fit-content;padding:5px;border-radius:4px}.table-row_typeColumn__4Gj84 .table-row_highlighted__YVswH{display:flex !important;flex-grow:1;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;background:initial !important;padding:0 !important;word-break:break-word;font-family:Roboto mono;font-size:var(--bit-p-xxs);white-space:pre-wrap;margin:0}.table-row_typeColumn__4Gj84 .table-row_highlighted__YVswH>code>span{color:#397300}.table-row_typeColumn__4Gj84 .table-row_highlighted__YVswH>code{font-family:inherit}.table-row_default__H9UpO{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__OGh0Z{word-break:break-word}
-.table_table__nMx6z>div{grid-gap:16px 24px}
-.tabs_tabContainer__g3mua{display:flex}.tabs_tab__yOXTc{cursor:pointer;position:relative;padding:8px;text-transform:uppercase;font-size:12px;font-weight:bold;outline:none;color:#878c9a;color:var(--on-background-color, #878c9a);transition:color 300ms ease-in-out}.tabs_tab__yOXTc:hover{color:var(--primary-color)}.tabs_tab__yOXTc.tabs_disabled__w\+gs7{color:#6c707c;color:var(--bit-text-color-light, #6c707c)}.tabs_tab__yOXTc.tabs_active__kUZ8h:before{content:"";position:absolute;top:0;left:0;right:0;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);height:3px;border-radius:2px;transition:background-color 300ms,height 300ms}
-.collapser-button_collapser__mcUOC{position:absolute;bottom:80px;z-index:100;cursor:pointer;transition:right 300ms,left 300ms ease-in-out}.collapser-button_collapser__mcUOC.collapser-button_open__E\+z3y .collapser-button_circle__UxO5w>div{transform:rotate(-0.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__UxO5w{height:100%;font-size:12px;padding:10px;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);transition:padding 300ms ease-in-out}.collapser-button_circle__UxO5w>div{transition:transform 300ms ease-in-out}.collapser-button_right__pa2td .collapser-button_circle__UxO5w{border-top-right-radius:50%;border-bottom-right-radius:50%;padding-left:10px}.collapser-button_right__pa2td .collapser-button_circle__UxO5w:hover{padding-left:16px}.collapser-button_left__q9cRv .collapser-button_circle__UxO5w{border-top-left-radius:50%;border-bottom-left-radius:50%;padding-right:10px}.collapser-button_left__q9cRv .collapser-button_circle__UxO5w:hover{padding-right:16px}
-.empty-box_emptyCompositions__66lbv{margin:auto;padding:20px;font-size:15px;font-size:var(--bit-p-sm, 15px)}.empty-box_emptyCompositions__66lbv *{text-overflow:ellipsis}.empty-box_innerBorder__SKX5b{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest, #ededed);padding:24px;border-radius:8px;overflow:hidden}.empty-box_innerBorder__SKX5b>div{font-weight:bold;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__SKX5b>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__SKX5b>a>span{font-size:12px;font-size:var(--bit-p-xxs, 12px);padding-left:5px}
-.preview_preview__FmiYi{background-color:#fff;background-color:var(--bit-bg-color, #fff)}
-.compositions-menu-bar_compositionsMenuBar__VkuFB{display:flex;align-items:center;box-sizing:border-box;padding:8px}.compositions-menu-bar_spacer__-1d3N{flex:1 0}
-.block-quote_blockQuote__A130j{background-color:rgba(202,200,200,.2);border-left:5px solid #897dec;border-radius:5px;margin:0 0 1em 0;padding:1em 10px 1em 18px;margin-bottom:1em}.block-quote_blockQuote__A130j>*:last-child{margin-bottom:0}
-.bold_bold__eLr8T{font-weight:bold}
-.external-link_link__Yrn4y{text-decoration:none}.external-link_link__Yrn4y:hover{text-decoration:underline}
-.heading-sizes_xxs__TrXo1{font-size:16px;font-size:var(--bit-h-xxs, 16px)}.heading-sizes_xs__gqllQ{font-size:18px;font-size:var(--bit-h-xs, 18px)}.heading-sizes_sm__u6fU6{font-size:24px;font-size:var(--bit-h-sm, 24px)}.heading-sizes_md__kzx7c{font-size:26px;font-size:var(--bit-h-md, 26px)}.heading-sizes_lg__VfJ0-{font-size:36px;font-size:var(--bit-h-lg, 36px)}.heading-sizes_xl__EZTyv{font-size:40px;font-size:var(--bit-h-xl, 40px)}.heading-sizes_xxl__tzp3Z{font-size:50px;font-size:var(--bit-h-xxl, 50px)}
-.heading_h1__ldyqN,.heading_h2__yESjc,.heading_h3__2VVon,.heading_h4__uH3HE,.heading_h5__UyoEh,.heading_h6__zO2-O{font-weight:bold;margin:0}.heading_h1__ldyqN{margin-bottom:20px}
-.anchor_anchor__nAc3H{text-decoration:none;display:flex;align-items:center}.anchor_anchorIcon__kwZkT{font-size:18px;color:var(--bit-text-color-light)}
-.linked-heading_linkedHeading__-11rL{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-bottom:16px}.linked-heading_linkedHeading__-11rL:hover .linked-heading_anchor__LrHoQ{opacity:1;visibility:inherit}.linked-heading_heading__B6GiT{margin-right:8px;margin-bottom:0}.linked-heading_anchor__LrHoQ{visibility:hidden;opacity:0;transition:visibility 300ms,opacity 300ms ease-in-out;transform:translateY(4px)}
-.create-heading_mdxLinkedHeading__615aR{margin-top:40px;width:100%;justify-content:start}.create-heading_mdxLinkedHeading__615aR[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__615aR[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__615aR[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__615aR.create-heading_mainHeadingStyles__WbJU6{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__615aR:first-child{padding-top:0}
-.image_img__aNZrs{max-width:100%}.image_img__aNZrs:not(:last-child){margin-bottom:16px}
-.inline-code_inlineCode__TZFkU{font-family:monospace,sans-serif;border-radius:.25em;padding:.2em .4em;font-size:.85em;background-color:rgba(166,166,166,.2)}.inline-code_highlight__OYkNc{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
-.italic_italic__YQr-E{font-style:italic}
-.ol_ol__ewjx5{list-style:revert;list-style-position:outside;margin:0;padding:0;margin-bottom:16px;padding-left:32px}.ol_ol__ewjx5 ul,.ol_ol__ewjx5 ol{padding-left:18px}.ol_ol__ewjx5>li>p{margin-bottom:0}
-.text-sizes_xxs__i9IBq{font-size:12px;font-size:var(--bit-p-xxs, 12px)}.text-sizes_xs__RGSI0{font-size:14px;font-size:var(--bit-p-xs, 14px)}.text-sizes_sm__aych8{font-size:15px;font-size:var(--bit-p-sm, 15px)}.text-sizes_md__eqGvv{font-size:16px;font-size:var(--bit-p-md, 16px)}.text-sizes_lg__EiUrF{font-size:18px;font-size:var(--bit-p-lg, 18px)}.text-sizes_xl__DitgI{font-size:20px;font-size:var(--bit-p-xl, 20px)}.text-sizes_xxl__mZYhi{font-size:24px;font-size:var(--bit-p-xxl, 24px)}
-.paragraph_paragraph__Hox2p{margin:0;margin-bottom:1em}
-.separator_separator__xuHkj{border-bottom:1px solid var(--bit-border-color-lightest);border-top:none;border-left:none;border-right:none;border-radius:5px;margin-bottom:40px;margin-top:30px}
-.copied-message_copiedMessage__8iy60{position:absolute;transform:translate(-100%, 0);pointer-events:none;padding:2px 5px;border-radius:12px;font-size:12px;color:#ffffff;color:var(--bit-text-on-accent, #ffffff);background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);opacity:0;visibility:hidden;transition:visibility 500ms,opacity 500ms ease-in-out}.copied-message_showMessage__Rs6Mk{opacity:1;visibility:visible}
-.code-snippet_snippetWrapper__dDzY5{position:relative}.code-snippet_snippetWrapper__dDzY5:hover .code-snippet_copyIcon__t\+3S2{opacity:1}.code-snippet_snippetWrapper__dDzY5 .code-snippet_codeSnippet__fSoXi{padding:16px !important;border-radius:10px;background-color:#fff;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0 !important}.code-snippet_snippetWrapper__dDzY5 .code-snippet_copyIcon__t\+3S2{margin-left:8px;padding:2px;border-radius:8px;background-color:#fff;opacity:0;color:#414141;cursor:pointer;transition:opacity 300ms ease-in-out;box-sizing:border-box;width:24px}.code-snippet_snippetWrapper__dDzY5 code{font-family:inherit !important}.code-snippet_copy__qKDmD{display:flex;align-items:center;position:absolute;top:6px;right:6px}
-.error_error__hCIpT{color:#e62e5c;color:var(--bit-error-color, #e62e5c)}
-.react-playground_column__4bYGg{height:450px}.react-playground_column__4bYGg .react-playground_codePane__Smk5a,.react-playground_column__4bYGg .react-playground_previewPane__9cyp9{width:100%;min-height:10%;max-height:90%}.react-playground_column__4bYGg .react-playground_previewPane__9cyp9,.react-playground_column__4bYGg .react-playground_error__UgVB1{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__defxJ{max-height:450px;height:100%}.react-playground_row__defxJ .react-playground_codePane__Smk5a,.react-playground_row__defxJ .react-playground_previewPane__9cyp9{height:100%;min-width:10%;max-width:90%}.react-playground_row__defxJ .react-playground_previewPane__9cyp9,.react-playground_row__defxJ .react-playground_error__UgVB1{border-radius:0 6px 6px 0;border-left:none}.react-playground_error__UgVB1{position:absolute;top:0;bottom:0;left:0;right:0;font-size:11px;font-family:Roboto mono;color:var(--bit-error-color);background-color:var(--bit-bg-color);margin:0;box-sizing:border-box;border:1px solid var(--bit-error-color);padding:8px;transition:all 1000ms ease-in-out;overflow:auto}.react-playground_codePane__Smk5a{overflow:auto;background-color:#282c34}.react-playground_editor__lr-pc{width:-moz-fit-content;width:fit-content;min-width:100%;max-width:none !important;max-width:initial !important;font-size:11px;font-family:Roboto mono !important}.react-playground_editor__lr-pc>textarea{white-space:pre !important;outline:none}.react-playground_editor__lr-pc>pre{white-space:pre !important}.react-playground_splitter__NnRDz{background-color:#282c34}.react-playground_previewPane__9cyp9{display:flex;flex-shrink:1 !important;box-sizing:border-box;border:1px solid var(--bit-border-color-lightest);overflow:auto;position:relative;transform:translateZ(0)}.react-playground_previewBox__8\+J7r{margin:auto;min-width:20px;min-height:20px}.react-playground_playground__cOZO8{display:flex;overflow:hidden;border-radius:6px}.react-playground_playground__cOZO8>div{width:100%}
-.snippet_snippet__qUGcZ{margin-bottom:16px}
-.sup_sup__Sscgh{vertical-align:super;font-size:smaller}
-.base-table_table__29b\+F{overflow:auto;display:block;margin-bottom:16px;width:-moz-fit-content;width:fit-content;max-width:100%;border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest, #ededed);border-radius:8px;border-collapse:collapse;border-spacing:0}.base-table_table__29b\+F tr:nth-child(even){background-color:#f6f6f6;background-color:var(--bit-bg-dent, #f6f6f6)}.base-table_table__29b\+F thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.base-table_table__29b\+F th{font-weight:bold;padding:12px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);font-size:var(--bit-p-xs)}.base-table_table__29b\+F td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.base-table_table__29b\+F table,.base-table_table__29b\+F th,.base-table_table__29b\+F td,.base-table_table__29b\+F tr,.base-table_table__29b\+F thead{text-align:start}.base-table_table__29b\+F table[align=center],.base-table_table__29b\+F th[align=center],.base-table_table__29b\+F td[align=center],.base-table_table__29b\+F tr[align=center],.base-table_table__29b\+F thead[align=center]{text-align:center}.base-table_table__29b\+F table[align=left],.base-table_table__29b\+F th[align=left],.base-table_table__29b\+F td[align=left],.base-table_table__29b\+F tr[align=left],.base-table_table__29b\+F thead[align=left]{text-align:start}.base-table_table__29b\+F table[align=right],.base-table_table__29b\+F th[align=right],.base-table_table__29b\+F td[align=right],.base-table_table__29b\+F tr[align=right],.base-table_table__29b\+F thead[align=right]{text-align:end}
-.td_td__4Vr7I{padding:12px 20px}
-.tr_tr__lTgqa:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}
-.ul_ul__qw1GR{list-style:revert;list-style-position:outside;margin:0;padding:0;margin-bottom:16px;padding-left:32px}.ul_ul__qw1GR>li>ul,.ul_ul__qw1GR>li>ol{padding-left:18px;margin-bottom:0}.ul_ul__qw1GR>li>p{margin-bottom:none}
-.mdx-layout_mdxContent__HXE9p{line-height:1.5}.mdx-layout_mdxContent__HXE9p img{max-width:100%}
-.link_link__H8jSD{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7);text-decoration:none}.link_link__H8jSD:hover{color:#5d4aec;color:var(--bit-accent-heavy, #5d4aec);text-decoration:underline}
-.admonition {
-  margin-bottom: 1em;
-  padding: 15px 30px 15px 15px;
-  border-radius: 8px;
-}
-
-.admonition h3 {
-  display: flex;
-  margin-top: 0;
-  margin-bottom: 8px;
-  text-transform: uppercase;
-}
-
-.admonition-heading > div {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.admonition-icon {
-  display: inline-flex;
-  padding-top: 1px;
-  margin-right: 4px;
-}
-
-.admonition-icon svg {
-  display: inline-block;
-  width: 18px;
-  height: 22px;
-  stroke-width: 0;
-
-  stroke: currentColor;
-  fill: currentColor;
-}
-
-.admonition-content > :last-child {
-  margin-bottom: 0;
-}
-
-/* default for custom types */
-.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);
-
-  /* background-color: rgba(230, 126, 34, 0.1); */
-  /* border-left: 8px solid #e67e22; */
-}
-
-.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__RE18O{border-bottom:1px solid var(--bit-border-color-lightest);border-top:none;border-left:none;border-right:none;border-radius:5px;margin-bottom:40px;margin-top:30px}
-.separator_separator__NU4vu{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);width:100%}
-.heading-sizes_xxs__asszv{font-size:16px;font-size:var(--bit-h-xxs, 16px)}.heading-sizes_xs__3-hcu{font-size:18px;font-size:var(--bit-h-xs, 18px)}.heading-sizes_sm__6qRfu{font-size:24px;font-size:var(--bit-h-sm, 24px)}.heading-sizes_md__jR86n{font-size:26px;font-size:var(--bit-h-md, 26px)}.heading-sizes_lg__mrnrk{font-size:36px;font-size:var(--bit-h-lg, 36px)}.heading-sizes_xl__rhJFr{font-size:40px;font-size:var(--bit-h-xl, 40px)}.heading-sizes_xxl__3d6eb{font-size:50px;font-size:var(--bit-h-xxl, 50px)}
-.heading_h1__MWCH6,.heading_h2__YJake,.heading_h3__XmR9f,.heading_h4__ltvPR,.heading_h5__sehOZ,.heading_h6__Wt-DM{font-weight:bold;margin:0}.heading_h1__MWCH6{margin-bottom:20px}
-.card_card__2sJ0w{padding:20px;box-sizing:border-box}
-.accent-color_primary__PG78N{--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: #ffffff;--bit-accent-bg: #eceaff;--bit-accent-bg-heavy: #c9c3f6}.accent-color_complementary__fQZY4{--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: #ffffff;--bit-accent-bg: #ffe2ea;--bit-accent-bg-heavy: #fb9cb4}.accent-color_impulsive__oUQDt{--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: #ffffff;--bit-accent-bg: #fdeff2;--bit-accent-bg-heavy: #f7bac9}.accent-color_hungry__LxABP{--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__FPbao{--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: #ffffff;--bit-accent-bg: #eefaf3;--bit-accent-bg-heavy: #d0f1de}.accent-color_process__q0\+Ue{--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: #ffffff;--bit-accent-bg: #f3faff;--bit-accent-bg-heavy: #d2ecfe}.accent-color_emphasized__q10os{--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: #ffffff;--bit-accent-bg: #ededed;--bit-accent-bg-heavy: #cccfd4}.accent-color_neutral__Q-nPc{--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: #ffffff;--bit-accent-bg: #f6f6f6;--bit-accent-bg-heavy: #ededed}
-.level-icon_notificationIcon__MJZJe{font-weight:bold;text-align:center;color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.level-icon_notificationIcon__MJZJe:before{background:radial-gradient(circle at center, white 0%, white 50%, transparent 51%)}
-.alert-card_card__sZ8di{padding:24px}.alert-card_heading__RVKan{display:flex;margin-bottom:24px}.alert-card_icon__nPFfu{font-size:1.15em;margin-right:16px;align-self:center}.alert-card_separator__LcG9b{margin-bottom:24px}
-.option-button_optionButton__ji9md{display:inline-flex;align-items:center;padding:0 .5em;box-sizing:border-box;height:2em;border-radius:.5em;background:none;border:none;color:inherit;font-size:inherit}.option-button_optionButton__ji9md:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__ji9md.option-button_active__9zxCk{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7);background-color:#ededed;background-color:var(--bit-border-color-lightest, #ededed)}.option-button_optionButton__ji9md:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg, #eceaff);outline:none}
-.message-card_messageCard__pIIVe{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest, #ededed);padding:20px;display:flex}.message-card_icon__4o3nj{margin-right:16px;font-size:25px}.message-card_textBox__Bzpkh{overflow:hidden;text-overflow:ellipsis;overflow:hidden;font-size:14px}.message-card_textBox__Bzpkh>*{text-overflow:ellipsis;overflow:hidden}.message-card_textBox__Bzpkh>div:first-child{font-weight:bold;margin-bottom:16px}
-.status-message-card_success__tqmxW{color:#2e945a;color:var(--passing, #2e945a)}.status-message-card_failure__uK\+sL{color:#d31948;color:var(--failing, #d31948)}.status-message-card_pending__FGqDW{color:#414141;color:var(--pending, #414141)}.status-message-card_processing__Qn1\+z{color:#0984e3;color:var(--processing, #0984e3)}.status-message-card_skipped__JS4Xp{color:#ff8b00;color:var(--skipped, #ff8b00)}.status-message-card_unknown__8jJhB{color:#6c707c;color:var(--unknown, #6c707c)}
-.compositions_compositionsPage__kdYTl{height:100%;width:100%}.compositions_compositionPreview__R4c38{padding-top:20px;width:100%}.compositions_left__uVuZ9{min-width:200px;max-width:calc(100% - 200px);display:flex;overflow-y:auto;flex-direction:column}.compositions_right__TLxJm{background:#fafafa;background:var(--background-color, #fafafa);overflow-y:auto;min-width:200px;max-width:calc(100% - 200px)}.compositions_menuBar__oXuB6{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.compositions_splitter__EgY10{position:relative}.compositions_splitter__EgY10>:first-child{z-index:101;position:absolute}.compositions_collapser__uTIIx{right:0}.compositions_tabsContainer__5vCgX{display:flex;flex-direction:column;height:100%}.compositions_tabs__Bc2M\+{flex:none}.compositions_tabContent__QVoN\+{flex:1 1;overflow:auto}.compositions_tabContent__QVoN\+:empty{display:none}.compositions_compositions__bIV1d{padding:16px 8px 0 8px}.compositions_openInNewTab__gVroD{text-decoration:none;color:inherit}.compositions_openInNewTab__gVroD:active{color:inherit}.compositions_noCompositionsPage__HI80l{padding:50px 40px 100px 40px;width:100%;box-sizing:border-box;max-width:1440px;margin:0 auto}.compositions_noCompositionsPage__HI80l .compositions_title__Xc5xp{margin-bottom:24px;font-size:26px;font-size:var(--bit-h-xs, 26px)}.compositions_noCompositionsPage__HI80l .compositions_separator__DIBKU{margin-bottom:41px}.compositions_buildStatusMessage__QGHFV{margin:auto}.compositions_compositionPanel__t6-nF{display:flex;flex:1 1}
-.menu-widget-icon_icon__vkLku{font-size:16px}.menu-widget-icon_widgetMenuIcon__sU46k{display:flex;justify-content:center;align-items:center}
-.compositions-panel_linkWrapper__j17vz{padding:0 12px;display:flex;align-items:center;justify-content:space-between;height:40px;font-size:var(--bit-p-xs);transition:all 300ms ease-in-out;color:var(--on-background-color)}.compositions-panel_linkWrapper__j17vz:hover{background-color:#ededed;background-color:var(--border-medium-color, #ededed);transition:background-color 300ms ease-in-out}.compositions-panel_linkWrapper__j17vz:hover .compositions-panel_right__nHTzW{visibility:inherit;opacity:1;color:#6c707c;color:var(--bit-text-color-light, #6c707c);transition:visibility 200ms,opacity 100ms ease-in-out}.compositions-panel_linkWrapper__j17vz:hover .compositions-panel_right__nHTzW .compositions-panel_icon__QFKP0:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__j17vz.compositions-panel_active__bWIad{display:flex;align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);color:#ffffff;color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__j17vz.compositions-panel_active__bWIad:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__j17vz.compositions-panel_active__bWIad .compositions-panel_box__45G3u{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__j17vz.compositions-panel_active__bWIad .compositions-panel_right__nHTzW{visibility:inherit;opacity:1;color:#eceaff;color:var(--bit-accent-bg, #eceaff)}.compositions-panel_linkWrapper__j17vz.compositions-panel_active__bWIad .compositions-panel_right__nHTzW .compositions-panel_icon__QFKP0:hover{color:#ffffff;color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__j17vz .compositions-panel_right__nHTzW{display:flex;gap:12px;align-items:center;justify-content:center;opacity:0;visibility:hidden;font-size:13px;transition:visibility 200ms,opacity 100ms ease-in-out}.compositions-panel_linkWrapper__j17vz .compositions-panel_codeLink__Iah5p{cursor:pointer}.compositions-panel_box__45G3u{width:10px;height:10px;flex-shrink:0;background-color:var(--bit-text-color-heavy);margin-right:11px;border-radius:1px}.compositions-panel_name__jB1vK{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.compositions-panel_panelLink__VcuIi{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;text-decoration:none;color:inherit;min-width:0}.compositions-panel_panelLink__VcuIi:active{color:inherit}.compositions-panel_tabs__4mZtn{display:flex;align-items:center;margin-bottom:17px}.compositions-panel_tabs__4mZtn>div{position:relative;padding:8px;text-transform:uppercase;font-size:12px;font-weight:bold}.compositions-panel_tabs__4mZtn>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__4mZtn>div:first-child:before{content:"";position:absolute;top:0;left:0;right:0;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);height:3px;border-radius:10px;transition:background-color 300ms,height 300ms}
-.component_container__ySYKC{height:100%;display:flex;flex-direction:column}
-.preview-plugin_previewIframe__l3MNz{width:100%;height:100%;box-sizing:border-box;border:none}
-[data-rmiz-wrap="visible"],
-[data-rmiz-wrap="hidden"] {
-  position: relative;
-  display: inline-flex;
-  align-items: flex-start;
-}
-[data-rmiz-wrap="hidden"] {
-  visibility: hidden;
-}
-[data-rmiz-overlay] {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  transition-property: background-color;
-}
-[data-rmiz-btn-open],
-[data-rmiz-btn-close] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-
-  /* reset styles */
-  margin: 0;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  font: inherit;
-  color: inherit;
-  background: none;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-[data-rmiz-btn-open] {
-  cursor: zoom-in;
-}
-[data-rmiz-btn-close] {
-  cursor: zoom-out;
-}
-[data-rmiz-modal-content] {
-  position: absolute;
-  transition-property: transform;
-  transform-origin: center center;
-}
-
-.image_fullWidth__DLon2{width:100%}
-.image_imageWrapper__ySKsP{display:flex;justify-content:flex-start}.image_imageWrapper__ySKsP[data-rmiz-wrap=visible]{width:-moz-fit-content;width:fit-content}.image_center__exjw8{justify-content:center}