npm - @teambit/ui-foundation.ui.side-bar - Versions diffs - 0.0.871 → 0.0.872 - Mend

@teambit/ui-foundation.ui.side-bar 0.0.871 → 0.0.872

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/component-tree/component-view/component-view.tsx CHANGED Viewed

@@ -74,7 +74,7 @@ export function ComponentView(props: ComponentViewProps<PayloadType>) {
   }, [lanesModel?.viewedLane?.id.toString(), component.id.toString()]);
   const Name = viewingMainCompOnLane ? (
-    <Tooltip className={styles.onMainTooltip} placement="right" content={'On Main'}>
+    <Tooltip className={styles.onMainTooltip} placement="top" content={'On Main'}>
       <span>{getName(node.id)}</span>
     </Tooltip>
   ) : (
@@ -166,7 +166,7 @@ export function ComponentView(props: ComponentViewProps<PayloadType>) {
       active={isActive}
     >
       <div className={styles.left}>
-        <Tooltip className={styles.componentEnvTooltip} placement="right" content={envTooltip}>
+        <Tooltip className={styles.componentEnvTooltip} placement="top" content={envTooltip}>
           <EnvIcon component={component} className={styles.envIcon} />
         </Tooltip>
         {Name}

package/dist/component-tree/component-view/component-view.js CHANGED Viewed

@@ -72,7 +72,7 @@ function ComponentView(props) {
             !((_b = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _b === void 0 ? void 0 : _b.id.isDefault()) &&
             (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.isComponentOnMainButNotOnLane(component.id, undefined, (_c = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _c === void 0 ? void 0 : _c.id)));
     }, [(_d = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _d === void 0 ? void 0 : _d.id.toString(), component.id.toString()]);
-    const Name = viewingMainCompOnLane ? (react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.onMainTooltip, placement: "right", content: 'On Main' },
+    const Name = viewingMainCompOnLane ? (react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.onMainTooltip, placement: "top", content: 'On Main' },
         react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)))) : (react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)));
     /**
      * this covers the following use cases when matching the active component's href with location
@@ -143,7 +143,7 @@ function ComponentView(props) {
         // exact={true}
         active: isActive },
         react_1.default.createElement("div", { className: component_view_module_scss_1.default.left },
-            react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.componentEnvTooltip, placement: "right", content: envTooltip },
+            react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.componentEnvTooltip, placement: "top", content: envTooltip },
                 react_1.default.createElement(envs_ui_env_icon_1.EnvIcon, { component: component, className: component_view_module_scss_1.default.envIcon })),
             Name),
         react_1.default.createElement("div", { className: component_view_module_scss_1.default.right },

package/dist/component-tree/component-view/component-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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~~OAAO~~,EAAC,OAAO,EAAE,SAAS;~~QAC5E~~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~~OAAO~~,EAAC,OAAO,EAAE,UAAU;~~gBACnF~~,8BAAC,0BAAO,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,oCAAM,CAAC,OAAO,GAAI,CACpD;YACT,IAAI,CACD;QAEN,uCAAK,SAAS,EAAE,oCAAM,CAAC,KAAK;YAC1B,8BAAC,+CAAe,IAAC,SAAS,EAAE,SAAS,GAAI;YAExC,KAAK,CAAC,YAAY;gBACjB,KAAK,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,8BAAC,QAAQ,CAAC,MAAM,IAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC,CACtG,CACD,CACR,CAAC;AACJ,CAAC;AA5JD,sCA4JC"}
1	+ {"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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"}

package/package-tar/teambit-ui-foundation.ui.side-bar-0.0.872.tgz ADDED Viewed

Binary file

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/ui-foundation.ui.side-bar",
-  "version": "0.0.871",
+  "version": "0.0.872",
   "homepage": "https://bit.cloud/teambit/ui-foundation/ui/side-bar",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "0.0.871"
+    "version": "0.0.872"
   },
   "dependencies": {
     "classnames": "2.2.6",

package/schema.json CHANGED Viewed

@@ -1389,7 +1389,7 @@
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "149182a9218cd4983d56553ba566fae51b57701f"
+    "version": "a304b37358ccb57c7d4a86385451c88edf143dc8"
   },
   "taggedModuleExports": []
 }

package/static/css/teambit.ui-foundation/ui/side-bar.22581dc4.css ADDED Viewed

@@ -0,0 +1 @@

+ .abs-container_container__2Mo7E{position:relative}.abs-container_containee__1dDML{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__1dDML{visibility:visible}.positions_top__1vPlZ{bottom:100%}.positions_top-start__22PDo{bottom:100%;left:0}.positions_top-end__SEcjS{bottom:100%;right:0}.positions_right__saP8L{left:100%}.positions_right-start__2Ys5G{left:100%;top:0}.positions_right-end__36zpD{bottom:0;left:100%}.positions_bottom__3sUIH{top:100%}.positions_bottom-start__2x_0_{left:0;top:100%}.positions_bottom-end__1IUIc{right:0;top:100%}.positions_left__TSRHU{right:100%}.positions_left-start__1GQzd{right:100%;top:0}.positions_left-end__2S5G-{bottom:0;right:100%}.positions_cover__2siM4{left:0;top:0}.displacement_displacement__2qeV_[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__2qeV_[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__2qeV_[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__2qeV_[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__2qeV_[data-position=bottom-start],.displacement_displacement__2qeV_[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__2qeV_[data-position=bottom-end],.displacement_displacement__2qeV_[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__2qeV_[data-position^=left-start],.displacement_displacement__2qeV_[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__2qeV_[data-position^=left-end],.displacement_displacement__2qeV_[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__3bgSg{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__cauxE{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__sw9yr{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__DNozs{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.roundness_sharp__3mtAk{border-radius:2px}.roundness_default__2d8gm{border-radius:5px}.roundness_small__3LZTk{border-radius:8px}.roundness_medium__3ivaW{border-radius:10px}.roundness_circle__39TQh{border-radius:50%}.background_bedrock__yZymE{background:var(--bit-bg-bedrock)}.background_base__1LERS,.background_layer__1uNS6{background:var(--bit-bg-color)}.background_crust__1Ctmy{background:var(--bit-bg-tooltip)}.background_topping__3RrTZ{background:var(--bit-bg-color)}.background_topping__3RrTZ:hover{background:var(--bit-bg-heavy)}.background_dent__1u8Zs{background:var(--bit-bg-dent)}.menu-item_menuItem__3pTT7{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__2QXx1>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__2QXx1.menu-item_active__3SLrT>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__FjMXt:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__3SLrT,.menu-item_active__3SLrT:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_dropdownPlaceholder__1nEXe{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.844em 1em}.dropdown_dropdownPlaceholder__1nEXe: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__1nEXe: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__1HXCB .dropdown_dropdownPlaceholder__1nEXe{border:none}.dropdown_dropdownMenu__2YAKc{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;min-width:220px;padding:8px 0;z-index:102}.button_vanillaButton__1T39f{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__3fEzg{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__3fEzg>*{animation:1.27s ease-in-out infinite both;animation-name:dots-loader_scale-down__1KXz9;display:inline-block}.dots-loader_dotsLoader__3fEzg>:first-child{animation-delay:-.37s}.dots-loader_dotsLoader__3fEzg>:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__1KXz9{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__140Fm{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__140Fm.icon-button_iconOnly__NRUW1{padding:6px 8px}.icon-button_iconButton__140Fm[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__140Fm[data-priority=ghost].icon-button_active__1ebgf{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__140Fm[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__140Fm[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__140Fm[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__140Fm[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff)}.icon-button_iconButton__140Fm[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__140Fm[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__140Fm:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__140Fm:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__3OR7c{color:inherit;font-size:16px}.icon-button_margin__397_5{margin-right:8px}.sizes_buttonSizes__1sK4o[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__1sK4o[data-size=l]{font-size:14px;height:40px}.buttons-plugin_buttonsHolder__3-41V{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color,#ededed);display:flex;justify-content:space-between;padding:12px 16px 4px}.buttons-plugin_clearText__iBXBU{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.menu-item_menuItem__2nINM{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__K09Wa>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__K09Wa.menu-item_active__3Fdbu>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__Um-8N:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__3Fdbu,.menu-item_active__3Fdbu:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.tab-line_tabLine__3-oui{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute}.tab-line_tabLine__3-oui[data-position=top]{top:0}.tab-line_tabLine__3-oui[data-position=bottom]{bottom:0}.tab-folder_tabFolder__1-N_g{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-folder_folderStyle__3QG86{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.tab-inner_tabInner__1fFtW{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-inner_innerStyle__1SjeB{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabInner__2dlhq{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_innerStyle__3paWO,.responsive-navbar_tab__1Usde[data-priority=inner].responsive-navbar_noAnimation__vDv6h{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabFolder__3YD0y{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_folderStyle__lbIOe,.responsive-navbar_tab__1Usde[data-priority=folder].responsive-navbar_noAnimation__vDv6h{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.responsive-navbar_tab__1Usde{align-items:center;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);outline:none;padding:8px 16px;pointer-events:none;position:relative;transition:color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.responsive-navbar_tab__1Usde[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__1Usde.responsive-navbar_active__2w3Dz,.responsive-navbar_tab__1Usde:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__1Usde.responsive-navbar_active__2w3Dz[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__1Usde.responsive-navbar_active__2w3Dz[data-priority=folder],.responsive-navbar_tab__1Usde.responsive-navbar_active__2w3Dz[data-priority=inner]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__1Usde[data-priority=line] .responsive-navbar_lineStyle__1DQ1X{width:100%}.responsive-navbar_tab__1Usde[data-priority=folder],.responsive-navbar_tab__1Usde[data-priority=inner]{z-index:1}.responsive-navbar_tab__1Usde>*{pointer-events:auto}.responsive-navbar_navTabs__3nkFa{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__3nkFa.responsive-navbar_overflow__1onIg{overflow-x:auto}.responsive-navbar_more__24sNq{align-items:center;display:flex}.responsive-navbar_more__24sNq .responsive-navbar_dots__3PVt9{align-items:center;border-radius:8px;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:background-color .3s ease-in-out}.responsive-navbar_more__24sNq .responsive-navbar_dots__3PVt9>img{width:16px}.responsive-navbar_secondaryTabContainer__2gTis{z-index:5000}.responsive-navbar_secondaryTabContainer__2gTis .responsive-navbar_item__1LNgF{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__2gTis .responsive-navbar_item__1LNgF .responsive-navbar_menuItem__6RWaz{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__2gTis .responsive-navbar_item__1LNgF .responsive-navbar_menuItem__6RWaz>*{padding:8px;width:100%}.responsive-navbar_hidden__3T70-{display:none}.top-bar-nav_topBarLink__3N-WP{align-items:center;box-sizing:border-box;color:inherit;display:flex;padding:0 4px;position:relative;text-decoration:none;transition:color .3s}.top-bar-nav_topBarLink__3N-WP:hover:not(.top-bar-nav_active__3Nbt-)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__3N-WP.top-bar-nav_active__3Nbt-{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__3N-WP.top-bar-nav_active__3Nbt-:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__3N-WP:after{background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:background-color .3s,height .3s}.top-bar-nav_topBarLink__3N-WP>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.menu_topBar__3NBqz{justify-content:space-between;width:100%}.menu_leftSide__3xrdg,.menu_topBar__3NBqz{align-items:center;display:flex;height:100%;min-width:0}.menu_leftSide__3xrdg{flex-grow:1}.menu_navigation__zpqI9{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__zpqI9{padding-left:0}}.menu_navigation__zpqI9 li{display:block;height:100%;margin-right:16px}.menu_navigation__zpqI9.menu_desktopNav__mKaYS{display:flex}@media screen and (max-width:768px){.menu_navigation__zpqI9.menu_desktopNav__mKaYS{display:none}}.menu_navigation__zpqI9.menu_mobileNav___DNeR{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__zpqI9.menu_mobileNav___DNeR{display:flex;margin-right:8px}}.menu_rightSide__1Be5g{align-items:center;display:flex;height:100%;padding-left:16px}.menu_rightSide__1Be5g>*{margin-right:12px}@media screen and (max-width:1200px){.menu_rightSide__1Be5g>*{margin-right:8px}}.menu_rightSide__1Be5g .menu_widget__S_Ozl{font-size:17px}.menu_useBox__1quKR{--bit-drawer-margin:14px}.menu_componentVersionMenu__2d1-o{width:350px}.menu_tab__3knka>div{color:#2b2b2b;color:var(--on-background-color,#2b2b2b);padding:0}.menu_topBarNav__3CuYv{height:100%}.menu_topBarNav__3CuYv.menu_noBorder__18rpw:after{display:none}@media screen and (max-width:768px){.menu_hideOnMobile__1khku{display:none}}.ellipsis_ellipsisDiv__1VD_M,.ellipsis_ellipsis__izMTn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__1VD_M{display:inline-block}.dark-theme_darkMod__1o0fS{--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948;color:#ededed}.time-ago_dateTooltipContent__1ncQf,.time-ago_dateTooltip__M1t92{display:flex}.time-ago_dateTooltip__M1t92{max-width:none!important;width:-moz-max-content;width:max-content}.styles_avatar__1s4lt{align-items:center;border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:50%;box-sizing:border-box;display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.styles_avatar__1s4lt .styles_letter__1ju64{color:#fff;color:var(--on-primary-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__1s4lt .styles_orgDefault__8SsQ8{display:inline-block;text-align:center}.styles_avatarImg__2i-H-{border-radius:50%;bottom:0;box-sizing:border-box;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.styles_avatarImg__2i-H-.styles_blob__1qGQ-{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__pL2Sy{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__3RT67{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;color:#707279;color:var(--on-background-medium-color,#707279)}.letter-colors_a__3ZnVm{color:#ff6b81}.letter-colors_b__3o07z{color:coral}.letter-colors_c__3c51M{color:#efc951}.letter-colors_d__3uRnQ{color:#94cd53}.letter-colors_e__VheWe{color:#57606f}.letter-colors_f__3L91s{color:#ffa502}.letter-colors_g__3iYnD{color:#409d94}.letter-colors_h__230yZ{color:#ff4757}.letter-colors_i__32cQy{color:#747d8c}.letter-colors_j__2Whhj{color:#2f3542}.letter-colors_k__X2stV{color:#c47367}.letter-colors_l__1qCvG{color:#70a1ff}.letter-colors_m__2PWko{color:#6665e2}.letter-colors_n__3WsBm{color:#2c437e}.letter-colors_o__1d8bK{color:#60a3bc}.letter-colors_p__UrpdO{color:#2ed573}.letter-colors_q__yKXFc{color:#1e90ff}.letter-colors_r__2yIMO{color:#275a80}.letter-colors_s__3ooAV{color:#7e6a6a}.letter-colors_t__DeucI{color:#5fc068}.letter-colors_u__3OGsV{color:#d03961}.letter-colors_v__2D6z7{color:#006266}.letter-colors_w__3rbT3{color:#833471}.letter-colors_x__17Was{color:#fda7df}.letter-colors_y__I8wT8{color:#12cbc4}.letter-colors_z__1j8lE{color:#4a69bd}.letter-bg-colors_a__3p0x9{background-color:#ff6b81}.letter-bg-colors_b__PQ2fn{background-color:coral}.letter-bg-colors_c__3P8GW{background-color:#efc951}.letter-bg-colors_d__QWPNU{background-color:#94cd53}.letter-bg-colors_e__5epEK{background-color:#57606f}.letter-bg-colors_f__2hbaK{background-color:#ffa502}.letter-bg-colors_g__3k-VB{background-color:#409d94}.letter-bg-colors_h__1nvzY{background-color:#ff4757}.letter-bg-colors_i__3MeG7{background-color:#747d8c}.letter-bg-colors_j__2lLUW{background-color:#2f3542}.letter-bg-colors_k__1WuHo{background-color:#c47367}.letter-bg-colors_l__1TPCw{background-color:#70a1ff}.letter-bg-colors_m__3t9gT{background-color:#6665e2}.letter-bg-colors_n__1C4HH{background-color:#2c437e}.letter-bg-colors_o__1inJS{background-color:#60a3bc}.letter-bg-colors_p__3TPr3{background-color:#2ed573}.letter-bg-colors_q__3KPou{background-color:#1e90ff}.letter-bg-colors_r__2REtL{background-color:#275a80}.letter-bg-colors_s__3mQBt{background-color:#7e6a6a}.letter-bg-colors_t__2v8Xv{background-color:#5fc068}.letter-bg-colors_u__gtbKb{background-color:#d03961}.letter-bg-colors_v__2zUNF{background-color:#006266}.letter-bg-colors_w__3FudC{background-color:#833471}.letter-bg-colors_x__3vYdP{background-color:#fda7df}.letter-bg-colors_y__2BAES{background-color:#12cbc4}.letter-bg-colors_z__1x2xN{background-color:#4a69bd}.skeleton_block__33y-0,.skeleton_circle__3p7Ch,.skeleton_skeleton__3ItfB{background:currentColor}.skeleton_line__7cCBh>*,.skeleton_skeletonContent__3SrZU>*,.skeleton_word__OqfpP>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__OqfpP{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__7cCBh>*{width:100%}.skeleton_circle__3p7Ch{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__1GhEZ>*,.skeleton-design_skeletonContent__1EPb->*,.skeleton-design_word__3pnXG>*{border-radius:4px}.skeleton-design_block__3tn9v,.skeleton-design_circle__3r4FI,.skeleton-design_line__1GhEZ>*,.skeleton-design_shimmer__1icCG,.skeleton-design_skeletonContent__1EPb->*,.skeleton-design_skeleton__3h5er,.skeleton-design_word__3pnXG>*{animation:skeleton-design_placeHolderShimmer__2xyIO 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,hsla(0,0%,100%,.38) 30%,hsla(0,0%,100%,.38) 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__25wIX{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__2xyIO{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__3tn9v{border-radius:4px}.version-dropdown-placeholder_detailed__2i4zt,.version-dropdown-placeholder_simple__3N4Hi{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;gap:8px;height:30px;line-height:1.2em;padding:8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_detailed__2i4zt:hover,.version-dropdown-placeholder_simple__3N4Hi:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__2i4zt.version-dropdown-placeholder_disabled__1T9Wb,.version-dropdown-placeholder_simple__3N4Hi.version-dropdown-placeholder_disabled__1T9Wb{background-color:#ededed;cursor:default}.version-dropdown-placeholder_detailed__2i4zt.version-dropdown-placeholder_disabled__1T9Wb>span,.version-dropdown-placeholder_simple__3N4Hi.version-dropdown-placeholder_disabled__1T9Wb>span{display:none}.version-dropdown-placeholder_versionName__RhOF9{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__1TiBQ{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__1q_B9{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__16XuO{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown-placeholder_loader__16XuO>span{padding:4px}.item_menuItem__1CdlN{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__1CdlN .item_icon__jPOVn{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__2Uc5Y:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__2Tfd1,.item_active__2Tfd1:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__2Tfd1 .item_icon__jPOVn{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.abs-container_container__eFow5{position:relative}.abs-container_containee__3RPpA{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__3RPpA{visibility:visible}.positions_top__2YzU_{bottom:100%}.positions_top-start__Hglyo{bottom:100%;left:0}.positions_top-end__2cWzk{bottom:100%;right:0}.positions_right__3VNtr{left:100%}.positions_right-start__3BGUI{left:100%;top:0}.positions_right-end__kTEdH{bottom:0;left:100%}.positions_bottom__3P0_c{top:100%}.positions_bottom-start__2PxTQ{left:0;top:100%}.positions_bottom-end__2azzB{right:0;top:100%}.positions_left__2ujBa{right:100%}.positions_left-start__McxJb{right:100%;top:0}.positions_left-end__3K76u{bottom:0;right:100%}.positions_cover__21V19{left:0;top:0}.displacement_displacement__1jZvo[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__1jZvo[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__1jZvo[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__1jZvo[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__1jZvo[data-position=bottom-start],.displacement_displacement__1jZvo[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__1jZvo[data-position=bottom-end],.displacement_displacement__1jZvo[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__1jZvo[data-position^=left-start],.displacement_displacement__1jZvo[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__1jZvo[data-position^=left-end],.displacement_displacement__1jZvo[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__3lx5d{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.abs-container_container__1icI8{position:relative}.abs-container_containee__1bRR_{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__1bRR_{visibility:visible}.positions_top__YKP4t{bottom:100%}.positions_top-start__3ATSc{bottom:100%;left:0}.positions_top-end__cPvt4{bottom:100%;right:0}.positions_right__3089L{left:100%}.positions_right-start__1Begy{left:100%;top:0}.positions_right-end__C-3ZQ{bottom:0;left:100%}.positions_bottom__fgXSr{top:100%}.positions_bottom-start__2iBVs{left:0;top:100%}.positions_bottom-end__1aK37{right:0;top:100%}.positions_left__1P7CI{right:100%}.positions_left-start__3s4MA{right:100%;top:0}.positions_left-end__2ClEN{bottom:0;right:100%}.positions_cover__10LQM{left:0;top:0}.displacement_displacement__1qSvI[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__1qSvI[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__1qSvI[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__1qSvI[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__1qSvI[data-position=bottom-start],.displacement_displacement__1qSvI[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__1qSvI[data-position=bottom-end],.displacement_displacement__1qSvI[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__1qSvI[data-position^=left-start],.displacement_displacement__1qSvI[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__1qSvI[data-position^=left-end],.displacement_displacement__1qSvI[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.elevations_low__QrLi1{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__29wej{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__33QZ_{box-shadow:var(--bit-shadow-hover-high)}.dropdown_dropdown__3rw9Z{padding:8px}.fade-in-out_fadeInOut__2DaVW{opacity:0;transform:scale(.61);transition:all .18s}[data-open=true]>.fade-in-out_fadeInOut__2DaVW{opacity:1;transform:scale(1)}.tab_tab__3Ni1I{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__3Ni1I.tab_active__3dddh{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.version-dropdown_versionDropdown__xusXW{height:100%}.version-dropdown_versionDropdown__xusXW>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__xusXW .version-dropdown_menu__1x_JA{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0;z-index:5000}.version-dropdown_title__2sjVV{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__25r3Y{margin-bottom:2px}.version-dropdown_versionContainerRoot__g-0a_{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__19cJ9{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__19cJ9.version-dropdown_localVersion__2Nsx_{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__19cJ9 .version-dropdown_versionTimestamp__152fo{margin-right:2px}.version-dropdown_versionRow__19cJ9 .version-dropdown_versionUserAvatar__1PeN1{padding:0 8px}.version-dropdown_versionRow__19cJ9 .version-dropdown_laneIcon__2WPrX{padding:0 4px}.version-dropdown_versionRow__19cJ9 .version-dropdown_version__RfhOE{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__19cJ9 .version-dropdown_versionName__3JihI{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__2ZZFA{cursor:pointer}.version-dropdown_withVersions__2ZZFA>div{margin-right:5px}.version-dropdown_withVersions__2ZZFA>span{display:inline;display:initial}.version-dropdown_withVersions__2ZZFA:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__2ZZFA{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__2ZZFA,[data-open=true] .version-dropdown_withVersions__2ZZFA:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__3crtE{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;margin-top:8px;overflow-x:auto;padding:0 24px}.version-dropdown_tabs__3crtE .version-dropdown_tab__SYBSZ{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loader__1byDm,.version-dropdown_loading__3NnWf{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown_loader__1byDm>div{padding:8px 0}.version-dropdown_versionMenuContainer__1SsOp{display:inline;display:initial}.version-dropdown_versionMenuContainer__1SsOp.version-dropdown_hide__3UKUB{display:none}.pill-label_pillLabel__3LBu0{align-items:center;border:1px solid #ededed;border-color:var(--bit-border-color-lightest,#ededed);border-radius:12px;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);padding:2px 8px;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.version-label_label__2QAt8.version-label_latest__2FGOX{border-color:#37b26c;color:#37b26c}.version-label_label__2QAt8.version-label_current__I0M6w{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__1Dz0v{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__3k4rz{height:25px;margin-bottom:16px}.version-label_labelContainer__cWsR-{display:flex;flex-direction:column}.version-info_versionRow__f8h-c{align-items:center;display:flex;height:40px;justify-content:space-between;line-height:1.2em;padding:0 16px}.version-info_versionTimestamp__z0MTC{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__-Zm3J{flex:none;padding:0 8px}.version-info_laneIcon__DPe0Z{padding:0 4px}.version-info_version__4eIxX{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;max-width:70%;overflow:hidden}.version-info_versionName__1x6uJ{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-info_commitMessage__2o18V{flex-grow:1;padding:0 8px}.version-info_emptyMessage__1taLa{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:var-bit-p-xs,14px;font-style:italic;padding:0 8px}.lane-info_versionRow__mMCUv{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__mMCUv .lane-info_versionTimestamp__1c1Us{margin-right:2px}.lane-info_versionRow__mMCUv .lane-info_versionUserAvatar__1He3F{padding:0 8px}.lane-info_versionRow__mMCUv .lane-info_laneIcon__3D1hq{padding:0 4px}.lane-info_versionRow__mMCUv .lane-info_version__1uw1J{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__mMCUv .lane-info_versionName__SQhAV{padding:0 8px}.abs-container_container__1kadW{position:relative}.abs-container_containee__31qXR{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__31qXR{visibility:visible}.positions_top__3c9pR{bottom:100%}.positions_top-start__eCNL5{bottom:100%;left:0}.positions_top-end__2G2Gj{bottom:100%;right:0}.positions_right__3KJTe{left:100%}.positions_right-start__hqnce{left:100%;top:0}.positions_right-end__38KhH{bottom:0;left:100%}.positions_bottom__2Np5n{top:100%}.positions_bottom-start__3G1l0{left:0;top:100%}.positions_bottom-end__3DzDH{right:0;top:100%}.positions_left__2jK0Y{right:100%}.positions_left-start__3oMeR{right:100%;top:0}.positions_left-end__UzXB3{bottom:0;right:100%}.positions_cover__3ClKF{left:0;top:0}.displacement_displacement__3MV5u[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3MV5u[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3MV5u[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3MV5u[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3MV5u[data-position=bottom-start],.displacement_displacement__3MV5u[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3MV5u[data-position=bottom-end],.displacement_displacement__3MV5u[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3MV5u[data-position^=left-start],.displacement_displacement__3MV5u[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3MV5u[data-position^=left-end],.displacement_displacement__3MV5u[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.tooltip-card_menu__2wyKD{background:var(--bit-bg-tooltip);padding:8px}.arrow_arrow__DPitb{margin:0 auto;position:absolute}.arrow_arrow__DPitb:before{background:var(--bit-bg-tooltip);content:"";display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-position_bottom__11YR7,.arrow-position_top__2swrC{left:calc(50% - 5px)}.arrow-position_left__1cWQZ,.arrow-position_right__1N6BX{top:calc(50% - 5px)}.arrow-position_cover__2bcgb,.arrow-position_none__1zATG{display:none}.arrow-shadow_top-end__3_cTi:before,.arrow-shadow_top-start__211CV:before,.arrow-shadow_top__2WQrR:before{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_bottom-end__3sh6K:before,.arrow-shadow_bottom-start__1Brhn:before,.arrow-shadow_bottom__3SkvR:before{box-shadow:-2px -2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_right-end__3kJgS:before,.arrow-shadow_right-start__27whL:before,.arrow-shadow_right__1rGwX:before{box-shadow:-2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_left-end__12kM5:before,.arrow-shadow_left-start__1HcRW:before,.arrow-shadow_left__3jsk6:before{box-shadow:2px -2px 4px 0 rgba(0,0,0,.1)}.tooltip-drawer_tooltip__cp6gT{--bit-drawer-margin:10px}.tooltip-drawer_arrow__1nQ9k{--bit-drawer-margin:5px;--bit-drawer-indent:8px}.key_keyCombo__7dKFR{align-items:center;display:flex;white-space:nowrap}.key_keyCombo__7dKFR .key_keycap__g9DYj{margin-right:4px}.key_keyCombo__7dKFR .key_keycap__g9DYj:last-child{margin-right:0}.key_keySequence__1zbHs{align-items:center;display:flex;white-space:nowrap}.key_keycap__g9DYj{align-items:center;background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6);border-radius:3px;box-sizing:border-box;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:12px;height:1.7em;justify-content:center;min-width:1.7em;padding:0 .4em;text-transform:uppercase}.key_thenSep__aqAis{font-size:.8em;margin:0 4px}.main-dropdown_mainDropdown__1eFWX{height:100%}.main-dropdown_mainDropdown__1eFWX>div{align-items:center;display:flex;height:100%}.main-dropdown_mainDropdown__1eFWX .main-dropdown_menu__1Wy-y{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:-5px;width:300px}.main-dropdown_mainDropdown__1eFWX .main-dropdown_menu__1Wy-y>div{margin-bottom:8px}.main-dropdown_iconAnchor__2gYtN{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:30px;transition:background-color .3s ease-in-out}[data-open=true] .main-dropdown_iconAnchor__2gYtN{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__2gYtN,[data-open=true] .main-dropdown_iconAnchor__2gYtN:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.main-dropdown_iconAnchor__2gYtN:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__JijAL{padding:0 8px}.main-dropdown_menuBlock__1K7ai{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 0 10px}.main-dropdown_menuBlock__1K7ai:last-child{border-bottom:none}.main-dropdown_title__3r_q1{color:#878c9a;font-size:10px;font-weight:700;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.main-dropdown_line__29o3U{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px}.main-dropdown_line__29o3U:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_menu__1IUx9{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px;z-index:102}.dropdown_placeholder__-c7yr{align-items:center;background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #37b26c;border-radius:6px;box-sizing:border-box;color:#37b26c;cursor:pointer;display:flex;height:30px;padding:0 6px;transition:background-color .3s,color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_placeholder__-c7yr:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__-c7yr{padding:0 8px}.dropdown_placeholder__-c7yr .dropdown_content__18bMa{display:none}}.dropdown_placeholder__-c7yr>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__-c7yr{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff);transition:color .3s,background-color .3s ease-in-out}.dropdown_placeholder__-c7yr>div{padding:0 6px}.tab_tab__3EQeI{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__3EQeI.tab_active__1ma_-{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.menu_container__3xvw6{z-index:5000}.menu_top__2nfSF{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__29IKl{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__29IKl>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__13lnk{justify-content:space-between}.menu_drawer__13lnk>div{align-items:center;display:flex}.menu_drawer__13lnk>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__1e0Ac{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;overflow-x:auto;padding:0 24px}.menu_registry__1VAlz>div:last-child{border-top:none;padding:0}.menu_importContent__2C_Z1>div{margin:12px 0}.menu_importContent__2C_Z1>div:nth-child(2),.menu_importContent__2C_Z1>div:nth-child(4){margin-bottom:24px}.menu_bottom__2OnI5{align-items:center;display:flex}.menu_bottom__2OnI5>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_disabled__1yD2g{background-color:#fffcf4;background-color:var(--warning-surface-color,#fffcf4);font-size:12px;font-size:var(--bit-p-xs,12px);padding:4px}.menu_warnIcon__3c5lC{filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%);padding-right:4px}.tab-content_middle__2Hx-y{margin:0 24px 16px}.tab-content_middle__2Hx-y>div{margin:12px 0}.tab-content_bottom__3f38x{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__PyLUl{align-items:center;display:flex;justify-content:space-between}.tab-content_open__REXSG{transform:rotate(180deg)}.bottom-link_link__1gJ-p{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);cursor:pointer;display:flex;height:40px;padding:0 24px;text-decoration:none;text-decoration:initial}.bottom-link_link__1gJ-p:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__1gJ-p>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.copied-message_copiedMessage__1Ebw5{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__2DWck{opacity:1;visibility:visible}.grid_gridContainer__1QAsE{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__3f7aH{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__2JPM2{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__Ooqhc{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__2lVpM{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__3UMf-{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__3FEnB{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__3x1ml{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__nj_rb{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__31xAE{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__3Va8v{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__1EBdj{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2___N6Cu{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__2B6Z8{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__2LVZF{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__1tb2V{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__2Alql{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3ADNn{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__m2vSj{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__ZlbEt{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__1rZJR{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__1yqRD{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__37WBt{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2hpyC{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__3VEi5{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__1JDg8{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__1mtnN{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__YZ575{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__3JjSS{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__3jo-k{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__1Ujg5{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__1mvEO{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__2EC_B{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__ler7p{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__FkdjK{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__2eUTI{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__3nEeE{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__1HB4e{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__2BHvm{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__2ILhj{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__cCTnh{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__21fk1{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__tCoXe{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__1S2n2{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__1QZVu{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__nmIUp{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__1N5Y9{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__2ICn5{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__1NiBz{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__266aM{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__YMJjk{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__159Is{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__d7WfR{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__3cMu4{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__3B6ky{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__2OVND{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__3Zn1g{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__cnhfa{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__32SsL{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__sVZJE{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__3m4bA{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__3XKNo{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__1B2U1{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__2chsr{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__3TEYx{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__3lpQu{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__P0n2H{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__3r5Gg{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__3VC0H{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__RHBJd{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__z6L2U{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__2-d88{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__2DzNr{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__1BNe9{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__1ete-{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__20gBd{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__8Nnze{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__2_QNv{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__owKvK{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__30q0W{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__165f9{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__77HQa{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__2SuJ8{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__2J1u5{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__GA_uC{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__26Ppl{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;line-height:115%;min-width:80px;padding:0 11px}.copy-box_copyBox__26Ppl .copy-box_leftSection__Cdx6C{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_button__22LNG{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__Tw0fx{align-items:center;display:flex;position:relative}.copy-box_copyIcon__qvHbt{font-size:var(--bit-p-lg)}.bit-info_moreInfo__1Bpwe>div:last-child{border-top:none;padding:0}.inline-code_inlineCode__3Vr_j{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__1U7yP{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.size-definition_headingFontSize__u3mkE{--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__RdCSv{--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__1Gk52{--bit-shadow-none:none;--bit-shadow-faint:0 2px 10px 0 rgba(0,0,0,.1);--bit-shadow-resting:0px 0px 4px rgba(0,0,0,.08),0px 2px 4px rgba(0,0,0,.08);--bit-shadow-raised-low:0 -1px 1px 0 rgba(0,0,0,.09),0 2px 2px 0 rgba(0,0,0,.23);--bit-shadow-hover-low:0 2px 8px 0 rgba(0,0,0,.2);--bit-shadow-hover-medium:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);--bit-shadow-hover-high:0px 11px 29px 0px rgba(0,0,0,.23)}.color-definition_primaryPalette__39TRL{--bit-text-color:#414141;--bit-text-color-heavy:#2b2b2b;--bit-text-color-light:#6c707c;--bit-text-inactive:#babec9;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#babec9;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#cccfd4;--bit-border-color-lightest:#ededed;--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6;--bit-bg-color:#fff;--bit-bg-heavy:#f6f6f6;--bit-bg-heaviest:#ededed;--bit-bg-bedrock:#fff;--bit-bg-navigation:#f6f6f6;--bit-bg-overlay:#fff;--bit-bg-modal:#fff;--bit-bg-tooltip:#fff;--bit-bg-tooltip-heavy:#f6f6f6;--bit-bg-dent:#f6f6f6;--bit-error-color:#e62e5c;--bit-error-heavy:#d31948;--bit-error-light:#f086a0;--bit-error-bg:#fdeff2;--bit-error-bg-heavy:#f7bac9;color:#414141}.brand-definition_brands__3F4mG{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__2I1um{--bit-h1Margin:20px;--bit-h2Margin:20px;--bit-h3Margin:20px;--bit-h4Margin:8px;--bit-h5Margin:8px;--bit-h6Margin:8px;--bit-h7Margin:8px}@font-face{font-family:"CircularPro";src:url(https://static.bit.dev/fonts/CircularPro-Book.otf)}@font-face{font-family:"CircularPro";font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-Bold.otf)}@font-face{font-family:"CircularPro";font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-Black.otf)}@font-face{font-family:"CircularPro";font-style:italic;src:url(https://static.bit.dev/fonts/CircularPro-BookItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-BoldItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-BlackItalic.otf)}.book-font_bookFont__c_tud{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__1PcLL{line-height:1.23}.sizes_heading__1dp6-{--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__LcDsd{line-height:normal}.pane_pane__1Xfeh{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__1Xfeh,[data-split-layout*=last]>.pane_pane__1Xfeh{max-width:none;min-width:0;min-width:auto}.splitter_splitter__2oW1a{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__2oW1a{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__2oW1a{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__3o-i7{display:flex;flex-direction:column}.split-pane_splitPane__3o-i7.split-pane_isDragging__nwiN6{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__3o-i7[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__3o-i7[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__3o-i7[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__3o-i7[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__3o-i7[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__3T7Fc{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__3i2hu{height:100%;width:100%}.splitter_highlighter__3i2hu,.splitter_highlighter__3i2hu:after,.splitter_highlighter__3i2hu:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__3i2hu:hover,.splitter_highlighter__3i2hu:hover:after,.splitter_highlighter__3i2hu:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu,[data-is-dragging=true]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:after,[data-is-dragging=true]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__3i2hu:after,.splitter_highlighter__3i2hu:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:after,[data-split-layout^=row]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:after,[data-split-layout^=column]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__3T7Fc>.splitter_highlighter__3i2hu:after{bottom:-200%}.table-heading-column_headingColumn__3mDlJ{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__1tn-t{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__1tn-t.table-heading-row_hide__1DysY{display:none}.table-heading-row_titleCol__2urHr{color:var(--bit-text-color-light);text-transform:uppercase}.table-column_tableColumn__2pLVg{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__2U3eu{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__2U3eu.table-row_singleColumn__u62cy{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__1pB3V{display:none}.table-row_mobileTitle__1pB3V.table-row_show__10J0x{color:var(--bit-text-color-light);display:flex;font-size:var(--bit-p-xxs);font-weight:700;min-width:110px;text-transform:uppercase}.table-row_columnContent__1gA9R,.table-row_column__3OtUb{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__27Xmh{margin:initial;text-transform:capitalize}.table-row_required__2Z_nm{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__20tkf{color:#4646c6;margin-right:5px}.table-row_name__20tkf,.table-row_type__390pP{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_type__390pP{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff);border-radius:4px;display:inline-block;padding:5px;width:-moz-fit-content;width:fit-content}.table-row_typeColumn__3ZfyP .table-row_highlighted__20EHP{background:transparent none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;display:flex!important;flex-grow:1;font-family:Roboto mono;font-size:var(--bit-p-xxs);margin:0;padding:0!important;white-space:pre-wrap;word-break:break-word}.table-row_typeColumn__3ZfyP .table-row_highlighted__20EHP>code>span{color:#397300}.table-row_typeColumn__3ZfyP .table-row_highlighted__20EHP>code{font-family:inherit}.table-row_default__1NIax{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__3DZoL{word-break:break-word}.table_table__11wGA>div{grid-gap:16px 24px}.tabs_tabContainer__3kVf8{display:flex}.tabs_tab__16lCE{color:#878c9a;color:var(--on-background-color,#878c9a);cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:8px;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}.tabs_tab__16lCE:hover{color:var(--bit-text-color-heavy)}.tabs_tab__16lCE.tabs_disabled__1uvMB{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__16lCE.tabs_active__3Tdgs{color:var(--bit-text-color-heavy)}.tabs_tab__16lCE.tabs_active__3Tdgs:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.collapser-button_collapser__1cPKI{bottom:80px;cursor:pointer;position:absolute;transition:right .3s,left .3s ease-in-out;z-index:100}.collapser-button_collapser__1cPKI.collapser-button_open__3sFvF .collapser-button_circle__3EdTn>div{transform:rotate(-.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__3EdTn{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:0 -1px 1px 0 rgba(0,0,0,.09),0 1px 2px 0 rgba(0,0,0,.23);font-size:12px;height:100%;padding:10px;transition:padding .3s ease-in-out}.collapser-button_circle__3EdTn>div{transition:transform .3s ease-in-out}.collapser-button_right__1rZt_ .collapser-button_circle__3EdTn{border-bottom-right-radius:50%;border-top-right-radius:50%;padding-left:10px}.collapser-button_right__1rZt_ .collapser-button_circle__3EdTn:hover{padding-left:16px}.collapser-button_left__3zIx6 .collapser-button_circle__3EdTn{border-bottom-left-radius:50%;border-top-left-radius:50%;padding-right:10px}.collapser-button_left__3zIx6 .collapser-button_circle__3EdTn:hover{padding-right:16px}.empty-box_emptyCompositions__5-nqA{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__5-nqA *{text-overflow:ellipsis}.empty-box_innerBorder__11FPU{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__11FPU>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__11FPU>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__11FPU>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.preview_preview__2-Goa{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-menu-bar_compositionsMenuBar__3xv6O{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__UAQuN{flex:1 0}.block-quote_blockQuote__2vy9p{background-color:hsla(0,2%,79%,.2);border-left:5px solid #897dec;border-radius:5px;margin:0 0 1em;padding:1em 10px 1em 18px}.block-quote_blockQuote__2vy9p>:last-child{margin-bottom:0}.bold_bold__17QtF{font-weight:700}.external-link_link__3_5jO{text-decoration:none}.external-link_link__3_5jO:hover{text-decoration:underline}.heading-sizes_xxs__2BO1W{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__3Dyp7{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__3Dz2v{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1aSBF{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__3OVqg{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__3NNFy{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__PoBeq{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__EWh8s,.heading_h2__VBfaI,.heading_h3__9gxTc,.heading_h4__dK3nx,.heading_h5__3OAQU,.heading_h6__6ZShn{font-weight:700;margin:0}.heading_h1__EWh8s{margin-bottom:20px}.anchor_anchor__33Vi2{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__2xxuh{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__3ewBy{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__3ewBy:hover .linked-heading_anchor__1O_2u{opacity:1;visibility:inherit}.linked-heading_heading__1nqMB{margin-bottom:0;margin-right:8px}.linked-heading_anchor__1O_2u{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__2zZPY{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__2zZPY[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__2zZPY[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__2zZPY[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__2zZPY.create-heading_mainHeadingStyles__2lNm0{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__2zZPY:first-child{padding-top:0}.image_img__3-Mk0{max-width:100%}.image_img__3-Mk0:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__1Df1h{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__2Yb6g{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__2gy1v{font-style:italic}.ol_ol__2ZIYS{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__2ZIYS ol,.ol_ol__2ZIYS ul{padding-left:18px}.ol_ol__2ZIYS>li>p{margin-bottom:0}.text-sizes_xxs__2sN9i{font-size:12px;font-size:var(--bit-p-xxs,12px)}.text-sizes_xs__ALnxT{font-size:14px;font-size:var(--bit-p-xs,14px)}.text-sizes_sm__1D7aX{font-size:15px;font-size:var(--bit-p-sm,15px)}.text-sizes_md__3PVXl{font-size:16px;font-size:var(--bit-p-md,16px)}.text-sizes_lg__18vXy{font-size:18px;font-size:var(--bit-p-lg,18px)}.text-sizes_xl__P1flm{font-size:20px;font-size:var(--bit-p-xl,20px)}.text-sizes_xxl__IZPmQ{font-size:24px;font-size:var(--bit-p-xxl,24px)}.paragraph_paragraph__3kNqy{margin:0 0 1em}.separator_separator__3qhRB{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.copied-message_copiedMessage__3Nl_s{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__N7J_k{opacity:1;visibility:visible}.code-snippet_snippetWrapper__3t1rT{position:relative}.code-snippet_snippetWrapper__3t1rT:hover .code-snippet_copyIcon__2tXvb{opacity:1}.code-snippet_snippetWrapper__3t1rT .code-snippet_codeSnippet__2CXp7{background-color:#fff;border-radius:10px;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0!important;padding:16px!important}.code-snippet_snippetWrapper__3t1rT .code-snippet_copyIcon__2tXvb{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#414141;cursor:pointer;margin-left:8px;opacity:0;padding:2px;transition:opacity .3s ease-in-out;width:24px}.code-snippet_snippetWrapper__3t1rT code{font-family:inherit!important}.code-snippet_copy__2k3WP{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__18qt0{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__2FDfJ{height:450px}.react-playground_column__2FDfJ .react-playground_codePane__1Kj4J,.react-playground_column__2FDfJ .react-playground_previewPane__3t26c{max-height:90%;min-height:10%;width:100%}.react-playground_column__2FDfJ .react-playground_error__qT6ry,.react-playground_column__2FDfJ .react-playground_previewPane__3t26c{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__2LD7c{height:100%;max-height:450px}.react-playground_row__2LD7c .react-playground_codePane__1Kj4J,.react-playground_row__2LD7c .react-playground_previewPane__3t26c{height:100%;max-width:90%;min-width:10%}.react-playground_row__2LD7c .react-playground_error__qT6ry,.react-playground_row__2LD7c .react-playground_previewPane__3t26c{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__qT6ry{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;margin:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out}.react-playground_codePane__1Kj4J{background-color:#282c34;overflow:auto}.react-playground_editor__1HRQN{font-family:Roboto mono!important;font-size:11px;max-width:none!important;min-width:100%;width:-moz-fit-content;width:fit-content}.react-playground_editor__1HRQN>textarea{outline:none;white-space:pre!important}.react-playground_editor__1HRQN>pre{white-space:pre!important}.react-playground_splitter__3Bk3e{background-color:#282c34}.react-playground_previewPane__3t26c{border:1px solid var(--bit-border-color-lightest);box-sizing:border-box;display:flex;flex-shrink:1!important;overflow:auto;position:relative;transform:translateZ(0)}.react-playground_previewBox__28Gen{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__19YEX{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__19YEX>div{width:100%}.snippet_snippet__85uoa{margin-bottom:16px}.sup_sup__1I469{font-size:smaller;vertical-align:super}.base-table_table__1M_5o{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-collapse:collapse;border-radius:8px;border-spacing:0;display:block;margin-bottom:16px;max-width:100%;overflow:auto;width:-moz-fit-content;width:fit-content}.base-table_table__1M_5o tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__1M_5o thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__1M_5o th{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);font-size:var(--bit-p-xs);font-weight:700;padding:12px 20px}.base-table_table__1M_5o td,.base-table_table__1M_5o th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__1M_5o table,.base-table_table__1M_5o td,.base-table_table__1M_5o th,.base-table_table__1M_5o thead,.base-table_table__1M_5o tr{text-align:start}.base-table_table__1M_5o table[align=center],.base-table_table__1M_5o td[align=center],.base-table_table__1M_5o th[align=center],.base-table_table__1M_5o thead[align=center],.base-table_table__1M_5o tr[align=center]{text-align:center}.base-table_table__1M_5o table[align=left],.base-table_table__1M_5o td[align=left],.base-table_table__1M_5o th[align=left],.base-table_table__1M_5o thead[align=left],.base-table_table__1M_5o tr[align=left]{text-align:start}.base-table_table__1M_5o table[align=right],.base-table_table__1M_5o td[align=right],.base-table_table__1M_5o th[align=right],.base-table_table__1M_5o thead[align=right],.base-table_table__1M_5o tr[align=right]{text-align:end}.td_td__1DShD{padding:12px 20px}.tr_tr__3vCLd:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__17MX6{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__17MX6>li>ol,.ul_ul__17MX6>li>ul{margin-bottom:0;padding-left:18px}.ul_ul__17MX6>li>p{margin-bottom:none}.mdx-layout_mdxContent__1KvnV{line-height:1.5}.mdx-layout_mdxContent__1KvnV img{max-width:100%}.link_link__Wbjqa{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__Wbjqa:hover{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);text-decoration:underline}.admonition{border-radius:8px;margin-bottom:1em;padding:15px 30px 15px 15px}.admonition h3{display:flex;margin-bottom:8px;margin-top:0;text-transform:uppercase}.admonition-heading>div{margin-bottom:0;margin-top:0}.admonition-icon{display:inline-flex;margin-right:4px;padding-top:1px}.admonition-icon svg{stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block;height:22px;width:18px}.admonition-content>:last-child{margin-bottom:0}.admonition{background-color:#eceaff;background-color:var(--bit-accent-primary-bg,#eceaff);border-left:8px solid #6c5ce7;border-left:8px solid var(--bit-accent-primary-color,#6c5ce7)}.admonition h5{color:#6c5ce7;color:var(--bit-accent-primary-color,#6c5ce7);display:flex}.admonition-caution{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-caution h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.admonition-tip{background-color:#eefaf3;background-color:var(--bit-accent-success-bg,#eefaf3);border-left:8px solid #37b26c;border-left:8px solid var(--bit-accent-success-color,#37b26c)}.admonition-tip h5{color:#37b26c;color:var(--bit-accent-success-color,#37b26c)}.admonition-warning{background-color:#fdeff2;background-color:var(--bit-accent-impulsive-bg,#fdeff2);border-left:8px solid #e62e5c;border-left:8px solid var(--bit-accent-impulsive-color,#e62e5c)}.admonition-warning h5{color:#e62e5c;color:var(--bit-accent-impulsive-color,#e62e5c)}.admonition-important{background-color:#f3faff;background-color:var(--bit-accent-process-color,#f3faff);border-left:8px solid #0984e3;border-left:8px solid var(--bit-accent-process-color,#0984e3)}.admonition-important h5{color:#0984e3;color:var(--bit-accent-process-color,#0984e3)}.admonition-note{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-note h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.separator_separator__2uAaA{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__2IlRm{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__1N_7L{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__2xE3Q{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__1lfEV{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__rRM-n{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__3NOIo{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__2YSor{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__1zzrX{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__2nUCA,.heading_h2__1kcc3,.heading_h3__2qdMd,.heading_h4__1ew-J,.heading_h5__3xGNA,.heading_h6__2QXwZ{font-weight:700;margin:0}.heading_h1__2nUCA{margin-bottom:20px}.card_card__BBDCO{box-sizing:border-box;padding:20px}.accent-color_primary__AnXfr{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__1bULW{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__2zxN_{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__2JAda{--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__fOWYD{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__3C32F{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__1r3Qs{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__N2Dbg{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.level-icon_notificationIcon__2_dQK{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__2_dQK:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__qbKT9{padding:24px}.alert-card_heading__3eWPF{display:flex;margin-bottom:24px}.alert-card_icon__5MJql{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__14Q1D{margin-bottom:24px}.option-button_optionButton__2WeIy{align-items:center;background:none;border:none;border-radius:.5em;box-sizing:border-box;color:inherit;display:inline-flex;font-size:inherit;height:2em;padding:0 .5em}.option-button_optionButton__2WeIy:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__2WeIy.option-button_active__KWaCl{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__2WeIy:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__2HOL5{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__3dzKI{font-size:25px;margin-right:16px}.message-card_textBox__2MzaI{font-size:14px}.message-card_textBox__2MzaI,.message-card_textBox__2MzaI>*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__2MzaI>div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__1tAIR{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__1r31s{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__11cjL{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__BvnuJ{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__2sek9{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__PficM{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__3XatT{height:100%;width:100%}.compositions_compositionPreview__eYQfT{padding-top:20px;width:100%}.compositions_left__3Q5K-{display:flex;flex-direction:column}.compositions_left__3Q5K-,.compositions_right__2a1YR{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__2a1YR{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__29A54{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__3YpUy{position:relative}.compositions_splitter__3YpUy>:first-child{position:absolute;z-index:101}.compositions_collapser__1tPBm{right:0}.compositions_tabsContainer__a_v3t{display:flex;flex-direction:column;height:100%}.compositions_tabs__3-geI{flex:none}.compositions_tabContent__lRjbD{flex:1 1;overflow:auto}.compositions_tabContent__lRjbD:empty{display:none}.compositions_compositions__2Rw_a{padding:16px 8px 0}.compositions_openInNewTab__2gOY3{color:inherit;text-decoration:none}.compositions_openInNewTab__2gOY3:active{color:inherit}.compositions_noCompositionsPage__3BkaG{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3BkaG .compositions_title__28SC5{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3BkaG .compositions_separator___SSyi{margin-bottom:41px}.compositions_buildStatusMessage__15zLl{margin:auto}.compositions_compositionPanel__jDmjF{display:flex;flex:1 1}.menu-widget-icon_icon__2hLBd{font-size:16px}.menu-widget-icon_widgetMenuIcon__NHQBP{align-items:center;display:flex;justify-content:center}.compositions-panel_linkWrapper__UkwRt{align-items:center;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;padding:0 12px;transition:all .3s ease-in-out}.compositions-panel_linkWrapper__UkwRt:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__UkwRt:hover .compositions-panel_right__2L5NU{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__UkwRt:hover .compositions-panel_right__2L5NU .compositions-panel_icon__1AFnN:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__UkwRt.compositions-panel_active__1CZz3{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff);display:flex}.compositions-panel_linkWrapper__UkwRt.compositions-panel_active__1CZz3:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__UkwRt.compositions-panel_active__1CZz3 .compositions-panel_box__1ZbWw{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__UkwRt.compositions-panel_active__1CZz3 .compositions-panel_right__2L5NU{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__UkwRt.compositions-panel_active__1CZz3 .compositions-panel_right__2L5NU .compositions-panel_icon__1AFnN:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__UkwRt .compositions-panel_right__2L5NU{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:center;opacity:0;transition:visibility .2s,opacity .1s ease-in-out;visibility:hidden}.compositions-panel_linkWrapper__UkwRt .compositions-panel_codeLink__3LWYX{cursor:pointer}.compositions-panel_box__1ZbWw{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__1pZNq{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__2mFJ0{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;min-width:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.compositions-panel_panelLink__2mFJ0:active{color:inherit}.compositions-panel_tabs__2w6vS{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__2w6vS>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__2w6vS>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__2w6vS>div:first-child:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:10px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.component_container__1UIlk{display:flex;flex-direction:column;height:100%}.indent_indent__2WHhl{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__1NPjr{margin-left:calc(var(--indent-depth)*8px + 8px)}.indent_indent__1CzRJ{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__2N2h0{margin-left:calc(var(--indent-depth)*8px + 8px)}.collapsing-node_childrenTree__lgX7-{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.accent-color_primary__3SHUt{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__qmpc9{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__OrIy5{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__L-hKk{--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__2pSWY{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__2zs8B{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__2G8-E{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__3BhX5{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.themed-text_themedText__2FO6C{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.dark-theme_darkMod__eMDsP{--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948;color:#ededed}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{left:11px;top:calc(50% - 3px);transform:rotate(90deg)}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{right:11px;top:calc(50% - 3px);transform:rotate(-90deg)}.tippy-svg-arrow{fill:#333;height:16px;text-align:left;text-align:initial;width:16px}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box[data-theme~=teambit]{background:#2b2b2b;background:var(--bit-bg-tooltip,#2b2b2b);border-radius:8px;color:#fff;color:var(--bit-text-color,#fff)}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip,#2b2b2b)}.deprecation-icon_deprecatedTooltip__2ABUo{padding:2px 5px}.deprecation-icon_deprecatedTooltip__2ABUo>div{padding:initial!important}.deprecation-icon_deprectaedTooltipContent__3nxxk{font-size:12px}.component-view_component__3PdA9{align-items:center;border-left:0 solid transparent;box-sizing:border-box;color:inherit;display:flex;font-size:inherit;font-size:var(--bit-p-xs);height:32px;justify-content:space-between;padding-right:8px;text-decoration:none}.component-view_component__3PdA9:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.component-view_component__3PdA9.component-view_active__3jO6y{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.component-view_component__3PdA9 .component-view_icon__3ENft{height:16px;opacity:.8;width:16px}.component-view_component__3PdA9 .component-view_left__3fd_q{align-items:center;display:flex;flex:1 1;line-height:24px;min-width:0}.component-view_component__3PdA9 .component-view_left__3fd_q>span{overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.component-view_component__3PdA9 .component-view_envIcon__1RMgk{height:16px;transition:filter .3s ease-in-out;width:16px}.component-view_component__3PdA9 .component-view_right__1E2XX{align-items:center;display:flex;font-size:12px}.component-view_component__3PdA9 .component-view_right__1E2XX>*{margin-right:4px}.component-view_component__3PdA9 .component-view_right__1E2XX>:last-child(){margin-right:0}.component-view_componentEnvTooltip__wBcXT{font-size:var(--bit-p-xs);max-width:none!important}.component-view_componentEnvTooltip__wBcXT .component-view_componentEnvTitle__2NUKo{color:#c9c3f6;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;margin-bottom:4px}.component-view_onMainTooltip__r_msU{font-size:var(--bit-p-xxs);max-width:none!important}.component-view_envLink__3vuSl{color:#fff;text-decoration:none}.component-view_mainOnly__2rA8n{opacity:60%}.scope-tree-node_scope__1yCab{align-items:center;cursor:pointer;display:flex;font-size:inherit;font-size:var(--bit-p-xs);font-weight:700;height:32px;justify-content:space-between;padding-right:8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scope-tree-node_scope__1yCab:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.scope-tree-node_scope__1yCab .scope-tree-node_arrow__5RIq_{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;line-height:inherit;margin-right:10px;transition:all .3s}.scope-tree-node_scope__1yCab .scope-tree-node_arrow__5RIq_.scope-tree-node_collapsed__30_TI{transform:rotate(-90deg)}.scope-tree-node_highlighted__38GE6{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.scope-tree-node_left__swZOM{align-items:center;display:flex;flex:1 1;min-width:0}.scope-tree-node_left__swZOM .scope-tree-node_name__FuGhb{line-height:115%;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tree-node_componentTree__3zqy2{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.namespace-tree-node_namespace__mw_Ao{align-items:center;cursor:pointer;display:flex;font-size:inherit;font-size:var(--bit-p-xs);font-weight:700;height:32px;justify-content:space-between;padding-right:8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.namespace-tree-node_namespace__mw_Ao:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.namespace-tree-node_namespace__mw_Ao .namespace-tree-node_arrow__2xLNV{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;line-height:inherit;margin-right:10px;transition:all .3s}.namespace-tree-node_namespace__mw_Ao .namespace-tree-node_arrow__2xLNV.namespace-tree-node_collapsed__1XDsP{transform:rotate(-90deg)}.namespace-tree-node_highlighted__3lEfV{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.namespace-tree-node_left__EPiRu{align-items:center;display:flex;flex:1 1;min-width:0}.namespace-tree-node_left__EPiRu .namespace-tree-node_name__1v-sg{line-height:24px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.namespace-tree-node_componentTree__15lMs{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}