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

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

@@ -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

@@ -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

@@ -1 +1 @@
-{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"component-view.js","sourceRoot":"","sources":["../../../component-tree/component-view/component-view.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/ui-foundation.ui.side-bar",
-  "version": "0.0.871",
+  "version": "0.0.873",
   "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.873"
   },
   "dependencies": {
     "classnames": "2.2.6",
@@ -21,12 +21,12 @@
     "@teambit/component-id": "1.1.1",
     "@teambit/component.modules.component-url": "0.0.162",
     "@teambit/component.ui.deprecation-icon": "0.0.509",
-    "@teambit/design.ui.tooltip": "0.0.361",
+    "@teambit/design.ui.tooltip": "0.0.366",
     "@teambit/design.ui.tree": "0.0.15",
     "@teambit/envs.ui.env-icon": "0.0.500",
     "@teambit/evangelist.elements.icon": "1.0.2",
     "@teambit/lanes.hooks.use-lanes": "0.0.255",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.209"
+    "@teambit/lanes.ui.models.lanes-model": "0.0.211"
   },
   "devDependencies": {
     "@babel/runtime": "7.20.0",

package/schema.json

@@ -356,7 +356,7 @@
               "componentId": {
                 "scope": "teambit.lanes",
                 "name": "ui/models/lanes-model",
-                "version": "0.0.209"
+                "version": "0.0.211"
               }
             },
             {
@@ -499,7 +499,7 @@
                 "componentId": {
                   "scope": "teambit.lanes",
                   "name": "ui/models/lanes-model",
-                  "version": "0.0.209"
+                  "version": "0.0.211"
                 }
               },
               {
@@ -1000,7 +1000,7 @@
                               "componentId": {
                                 "scope": "teambit.lanes",
                                 "name": "ui/models/lanes-model",
-                                "version": "0.0.209"
+                                "version": "0.0.211"
                               }
                             },
                             "isOptional": true
@@ -1389,7 +1389,7 @@
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "149182a9218cd4983d56553ba566fae51b57701f"
+    "version": "6fefda5d2726229c306e1d9a5a99b49d08f7964d"
   },
   "taggedModuleExports": []
 }

package/static/css/teambit.ui-foundation/ui/side-bar.660f3253.css

@@ -0,0 +1 @@
+.abs-container_container__X9R1U{position:relative}.abs-container_containee__1RbD8{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__1RbD8{visibility:visible}.positions_top__rEH5T{bottom:100%}.positions_top-start__1O6-y{bottom:100%;left:0}.positions_top-end__1WqIw{bottom:100%;right:0}.positions_right__2ZIgt{left:100%}.positions_right-start__TyekC{left:100%;top:0}.positions_right-end__KOkBg{bottom:0;left:100%}.positions_bottom__3dZAM{top:100%}.positions_bottom-start__JJUA8{left:0;top:100%}.positions_bottom-end__2eqjY{right:0;top:100%}.positions_left__1dP8J{right:100%}.positions_left-start__1L4pJ{right:100%;top:0}.positions_left-end__1QR3E{bottom:0;right:100%}.positions_cover__3AEv7{left:0;top:0}.displacement_displacement__2DtYh[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__2DtYh[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__2DtYh[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__2DtYh[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__2DtYh[data-position=bottom-start],.displacement_displacement__2DtYh[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__2DtYh[data-position=bottom-end],.displacement_displacement__2DtYh[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__2DtYh[data-position^=left-start],.displacement_displacement__2DtYh[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__2DtYh[data-position^=left-end],.displacement_displacement__2DtYh[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__V8Id5{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__2FC8O{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__3teV1{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__2k-4g{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__kM0vC{border-radius:2px}.roundness_default__383aa{border-radius:5px}.roundness_small__1bMOA{border-radius:8px}.roundness_medium__3Xtrs{border-radius:10px}.roundness_circle__h5Pmd{border-radius:50%}.background_bedrock__1qzW9{background:var(--bit-bg-bedrock)}.background_base__xC5mb,.background_layer__1VRPT{background:var(--bit-bg-color)}.background_crust__KVYhp{background:var(--bit-bg-tooltip)}.background_topping__k5l_g{background:var(--bit-bg-color)}.background_topping__k5l_g:hover{background:var(--bit-bg-heavy)}.background_dent__3itx2{background:var(--bit-bg-dent)}.menu-item_menuItem__2Fphn{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__1y9pn>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__1y9pn.menu-item_active__29aNA>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__1ojEl:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__29aNA,.menu-item_active__29aNA:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_dropdownPlaceholder__2SJh1{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.844em 1em}.dropdown_dropdownPlaceholder__2SJh1: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__2SJh1: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__2cVao .dropdown_dropdownPlaceholder__2SJh1{border:none}.dropdown_dropdownMenu__1QcoC{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__3WWBH{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__3Cfoz{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__3Cfoz>*{animation:1.27s ease-in-out infinite both;animation-name:dots-loader_scale-down__14XZj;display:inline-block}.dots-loader_dotsLoader__3Cfoz>:first-child{animation-delay:-.37s}.dots-loader_dotsLoader__3Cfoz>:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__14XZj{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__yJIcF{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__yJIcF.icon-button_iconOnly__1E39Z{padding:6px 8px}.icon-button_iconButton__yJIcF[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__yJIcF[data-priority=ghost].icon-button_active__3bOR_{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__yJIcF[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__yJIcF[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__yJIcF[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__yJIcF[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__yJIcF[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__yJIcF[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__yJIcF:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__yJIcF:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__24IQV{color:inherit;font-size:16px}.icon-button_margin__10AUk{margin-right:8px}.sizes_buttonSizes__3J1a0[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__3J1a0[data-size=l]{font-size:14px;height:40px}.buttons-plugin_buttonsHolder__3dULZ{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__ASdTT{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.menu-item_menuItem__Rw81x{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__1Y-pg>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__1Y-pg.menu-item_active__3ID8U>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__HrJUt:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__3ID8U,.menu-item_active__3ID8U:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.tab-line_tabLine__3t5FE{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute}.tab-line_tabLine__3t5FE[data-position=top]{top:0}.tab-line_tabLine__3t5FE[data-position=bottom]{bottom:0}.tab-folder_tabFolder__1oRub{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-folder_folderStyle__18xL1{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__ImBEZ{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-inner_innerStyle__2K0tm{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabInner__3Opqc{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_innerStyle__1mp8H,.responsive-navbar_tab__2XhRH[data-priority=inner].responsive-navbar_noAnimation__Bs5D-{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabFolder__7JkxK{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_folderStyle__1uNHX,.responsive-navbar_tab__2XhRH[data-priority=folder].responsive-navbar_noAnimation__Bs5D-{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__2XhRH{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__2XhRH[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__2XhRH.responsive-navbar_active__14tjo,.responsive-navbar_tab__2XhRH:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__2XhRH.responsive-navbar_active__14tjo[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__2XhRH.responsive-navbar_active__14tjo[data-priority=folder],.responsive-navbar_tab__2XhRH.responsive-navbar_active__14tjo[data-priority=inner]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__2XhRH[data-priority=line] .responsive-navbar_lineStyle__3IEM1{width:100%}.responsive-navbar_tab__2XhRH[data-priority=folder],.responsive-navbar_tab__2XhRH[data-priority=inner]{z-index:1}.responsive-navbar_tab__2XhRH>*{pointer-events:auto}.responsive-navbar_navTabs__4lSsj{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__4lSsj.responsive-navbar_overflow__2wEgE{overflow-x:auto}.responsive-navbar_more__rNUut{align-items:center;display:flex}.responsive-navbar_more__rNUut .responsive-navbar_dots__34V-W{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__rNUut .responsive-navbar_dots__34V-W>img{width:16px}.responsive-navbar_secondaryTabContainer__2MfBB{z-index:5000}.responsive-navbar_secondaryTabContainer__2MfBB .responsive-navbar_item___fv7t{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__2MfBB .responsive-navbar_item___fv7t .responsive-navbar_menuItem__2f6iZ{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__2MfBB .responsive-navbar_item___fv7t .responsive-navbar_menuItem__2f6iZ>*{padding:8px;width:100%}.responsive-navbar_hidden__51Whk{display:none}.top-bar-nav_topBarLink__zdZd9{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__zdZd9:hover:not(.top-bar-nav_active__2f0mK)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__zdZd9.top-bar-nav_active__2f0mK{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__zdZd9.top-bar-nav_active__2f0mK:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__zdZd9: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__zdZd9>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.menu_topBar__2-grR{justify-content:space-between;width:100%}.menu_leftSide__15mUC,.menu_topBar__2-grR{align-items:center;display:flex;height:100%;min-width:0}.menu_leftSide__15mUC{flex-grow:1}.menu_navigation__1apFr{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__1apFr{padding-left:0}}.menu_navigation__1apFr li{display:block;height:100%;margin-right:16px}.menu_navigation__1apFr.menu_desktopNav__21N1h{display:flex}@media screen and (max-width:768px){.menu_navigation__1apFr.menu_desktopNav__21N1h{display:none}}.menu_navigation__1apFr.menu_mobileNav__1LKXw{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__1apFr.menu_mobileNav__1LKXw{display:flex;margin-right:8px}}.menu_rightSide__2R1cj{align-items:center;display:flex;height:100%;padding-left:16px}.menu_rightSide__2R1cj>*{margin-right:12px}@media screen and (max-width:1200px){.menu_rightSide__2R1cj>*{margin-right:8px}}.menu_rightSide__2R1cj .menu_widget__3-r0E{font-size:17px}.menu_useBox__3wHOt{--bit-drawer-margin:14px}.menu_componentVersionMenu__16hs4{width:350px}.menu_tab__jF4iB>div{color:#2b2b2b;color:var(--on-background-color,#2b2b2b);padding:0}.menu_topBarNav__32f3t{height:100%}.menu_topBarNav__32f3t.menu_noBorder__2XkNb:after{display:none}@media screen and (max-width:768px){.menu_hideOnMobile__3zEct{display:none}}.ellipsis_ellipsisDiv__3sbq1,.ellipsis_ellipsis__2r-th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__3sbq1{display:inline-block}.dark-theme_darkMod__24CJF{--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__o6bIC,.time-ago_dateTooltip__3jNDg{display:flex}.time-ago_dateTooltip__3jNDg{max-width:none!important;width:-moz-max-content;width:max-content}.styles_avatar__3GgJu{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__3GgJu .styles_letter__-VW1a{color:#fff;color:var(--on-primary-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__3GgJu .styles_orgDefault__2zco6{display:inline-block;text-align:center}.styles_avatarImg__3klOu{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__3klOu.styles_blob__2GNg5{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__3fb6R{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__2kEEh{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__1-oLd{color:#ff6b81}.letter-colors_b__3H8Zq{color:coral}.letter-colors_c__3s24t{color:#efc951}.letter-colors_d__35cRO{color:#94cd53}.letter-colors_e__3HKgn{color:#57606f}.letter-colors_f__1glwS{color:#ffa502}.letter-colors_g__2bI8d{color:#409d94}.letter-colors_h__3zzt-{color:#ff4757}.letter-colors_i__3LQfF{color:#747d8c}.letter-colors_j__3CP1N{color:#2f3542}.letter-colors_k__3ymhD{color:#c47367}.letter-colors_l__BAAU9{color:#70a1ff}.letter-colors_m__2BhTA{color:#6665e2}.letter-colors_n__1yyjo{color:#2c437e}.letter-colors_o__1IVRq{color:#60a3bc}.letter-colors_p__2Tpdd{color:#2ed573}.letter-colors_q__35Jw5{color:#1e90ff}.letter-colors_r__2W0Fx{color:#275a80}.letter-colors_s__2Kq9k{color:#7e6a6a}.letter-colors_t__3t6bN{color:#5fc068}.letter-colors_u__35lxM{color:#d03961}.letter-colors_v__2fZ0-{color:#006266}.letter-colors_w__3J564{color:#833471}.letter-colors_x__1VqIo{color:#fda7df}.letter-colors_y__2Yl_5{color:#12cbc4}.letter-colors_z__2K-kq{color:#4a69bd}.letter-bg-colors_a__20GPW{background-color:#ff6b81}.letter-bg-colors_b__168df{background-color:coral}.letter-bg-colors_c__4xSPO{background-color:#efc951}.letter-bg-colors_d__3qyhH{background-color:#94cd53}.letter-bg-colors_e__2x7kw{background-color:#57606f}.letter-bg-colors_f__1WiE3{background-color:#ffa502}.letter-bg-colors_g__1Fhrr{background-color:#409d94}.letter-bg-colors_h__1S8Zn{background-color:#ff4757}.letter-bg-colors_i__xZMwy{background-color:#747d8c}.letter-bg-colors_j__3Np54{background-color:#2f3542}.letter-bg-colors_k__21hgL{background-color:#c47367}.letter-bg-colors_l__JXrKY{background-color:#70a1ff}.letter-bg-colors_m__2qAvx{background-color:#6665e2}.letter-bg-colors_n__1GfV0{background-color:#2c437e}.letter-bg-colors_o__3ctph{background-color:#60a3bc}.letter-bg-colors_p__1_4uo{background-color:#2ed573}.letter-bg-colors_q__3JJvg{background-color:#1e90ff}.letter-bg-colors_r__1MiOZ{background-color:#275a80}.letter-bg-colors_s__AALr0{background-color:#7e6a6a}.letter-bg-colors_t__2sZZ8{background-color:#5fc068}.letter-bg-colors_u__2LzTf{background-color:#d03961}.letter-bg-colors_v__Yfmhd{background-color:#006266}.letter-bg-colors_w__2trGG{background-color:#833471}.letter-bg-colors_x__H_u4J{background-color:#fda7df}.letter-bg-colors_y__21gHd{background-color:#12cbc4}.letter-bg-colors_z__pLSC5{background-color:#4a69bd}.skeleton_block__14Nw0,.skeleton_circle__2LjCn,.skeleton_skeleton__2U-rb{background:currentColor}.skeleton_line__2pHFQ>*,.skeleton_skeletonContent__3pDys>*,.skeleton_word__31hWS>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__31hWS{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__2pHFQ>*{width:100%}.skeleton_circle__2LjCn{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__3_r2S>*,.skeleton-design_skeletonContent__3pMl4>*,.skeleton-design_word__DTIAN>*{border-radius:4px}.skeleton-design_block__3ttpt,.skeleton-design_circle__8KqYs,.skeleton-design_line__3_r2S>*,.skeleton-design_shimmer__15Fh9,.skeleton-design_skeletonContent__3pMl4>*,.skeleton-design_skeleton__2akc_,.skeleton-design_word__DTIAN>*{animation:skeleton-design_placeHolderShimmer__1D8up 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__3r-KY{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__1D8up{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__3ttpt{border-radius:4px}.version-dropdown-placeholder_detailed__2Zzlp,.version-dropdown-placeholder_simple__1Mks6{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__2Zzlp:hover,.version-dropdown-placeholder_simple__1Mks6:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__2Zzlp.version-dropdown-placeholder_disabled__20U3I,.version-dropdown-placeholder_simple__1Mks6.version-dropdown-placeholder_disabled__20U3I{background-color:#ededed;cursor:default}.version-dropdown-placeholder_detailed__2Zzlp.version-dropdown-placeholder_disabled__20U3I>span,.version-dropdown-placeholder_simple__1Mks6.version-dropdown-placeholder_disabled__20U3I>span{display:none}.version-dropdown-placeholder_versionName__1RInY{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__3ksKa{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__ZW003{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__MZsJ5{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown-placeholder_loader__MZsJ5>span{padding:4px}.item_menuItem__388f1{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__388f1 .item_icon__2S3Uf{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__t1B99:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__3SgNS,.item_active__3SgNS:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__3SgNS .item_icon__2S3Uf{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.abs-container_container__3eTBL{position:relative}.abs-container_containee__2losq{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__2losq{visibility:visible}.positions_top__2uGWN{bottom:100%}.positions_top-start__1esDp{bottom:100%;left:0}.positions_top-end__2rjrX{bottom:100%;right:0}.positions_right__1Kky6{left:100%}.positions_right-start__Oqsqt{left:100%;top:0}.positions_right-end__3_q2w{bottom:0;left:100%}.positions_bottom__2ZJBN{top:100%}.positions_bottom-start__3L7EE{left:0;top:100%}.positions_bottom-end__3VYhW{right:0;top:100%}.positions_left__3x2y5{right:100%}.positions_left-start__2XdTH{right:100%;top:0}.positions_left-end__1_8Lt{bottom:0;right:100%}.positions_cover__1_xfs{left:0;top:0}.displacement_displacement__1dcgf[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__1dcgf[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__1dcgf[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__1dcgf[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__1dcgf[data-position=bottom-start],.displacement_displacement__1dcgf[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__1dcgf[data-position=bottom-end],.displacement_displacement__1dcgf[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__1dcgf[data-position^=left-start],.displacement_displacement__1dcgf[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__1dcgf[data-position^=left-end],.displacement_displacement__1dcgf[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1ESyD{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.abs-container_container__gKFYc{position:relative}.abs-container_containee__377R3{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__377R3{visibility:visible}.positions_top__2udfK{bottom:100%}.positions_top-start__y2pwQ{bottom:100%;left:0}.positions_top-end__h7obG{bottom:100%;right:0}.positions_right__16_tb{left:100%}.positions_right-start__1tjvG{left:100%;top:0}.positions_right-end__1180b{bottom:0;left:100%}.positions_bottom__BOl9C{top:100%}.positions_bottom-start__JCg-a{left:0;top:100%}.positions_bottom-end__2pPnc{right:0;top:100%}.positions_left__2Oi6r{right:100%}.positions_left-start__1gAcX{right:100%;top:0}.positions_left-end__16Ggp{bottom:0;right:100%}.positions_cover__SVExT{left:0;top:0}.displacement_displacement__zNLqu[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__zNLqu[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__zNLqu[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__zNLqu[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__zNLqu[data-position=bottom-start],.displacement_displacement__zNLqu[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__zNLqu[data-position=bottom-end],.displacement_displacement__zNLqu[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__zNLqu[data-position^=left-start],.displacement_displacement__zNLqu[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__zNLqu[data-position^=left-end],.displacement_displacement__zNLqu[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.elevations_low__4q610{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__3_FIo{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__2qjKi{box-shadow:var(--bit-shadow-hover-high)}.dropdown_dropdown__2LscM{padding:8px}.fade-in-out_fadeInOut__aYjLd{opacity:0;transform:scale(.61);transition:all .18s}[data-open=true]>.fade-in-out_fadeInOut__aYjLd{opacity:1;transform:scale(1)}.tab_tab__3EJG5{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__3EJG5.tab_active__1mpj7{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.version-dropdown_versionDropdown__3tiV3{height:100%}.version-dropdown_versionDropdown__3tiV3>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__3tiV3 .version-dropdown_menu__1SntJ{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0;z-index:5000}.version-dropdown_title__2Vsc-{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__10ThA{margin-bottom:2px}.version-dropdown_versionContainerRoot__1oSe8{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__1-Ghn{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__1-Ghn.version-dropdown_localVersion__oJf80{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__1-Ghn .version-dropdown_versionTimestamp__5vksz{margin-right:2px}.version-dropdown_versionRow__1-Ghn .version-dropdown_versionUserAvatar__2VPoH{padding:0 8px}.version-dropdown_versionRow__1-Ghn .version-dropdown_laneIcon__2Y71A{padding:0 4px}.version-dropdown_versionRow__1-Ghn .version-dropdown_version__FzjtJ{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__1-Ghn .version-dropdown_versionName__AGh8I{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__vPnHZ{cursor:pointer}.version-dropdown_withVersions__vPnHZ>div{margin-right:5px}.version-dropdown_withVersions__vPnHZ>span{display:inline;display:initial}.version-dropdown_withVersions__vPnHZ:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__vPnHZ{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__vPnHZ,[data-open=true] .version-dropdown_withVersions__vPnHZ:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__j3jRA{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__j3jRA .version-dropdown_tab__2Om92{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loader__3UFHl,.version-dropdown_loading__qISWZ{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown_loader__3UFHl>div{padding:8px 0}.version-dropdown_versionMenuContainer__3r3oC{display:inline;display:initial}.version-dropdown_versionMenuContainer__3r3oC.version-dropdown_hide__1bc8q{display:none}.pill-label_pillLabel__tX7aS{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__3QA_j.version-label_latest__1WyID{border-color:#37b26c;color:#37b26c}.version-label_label__3QA_j.version-label_current__3OG7V{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__1A3Yl{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__2303k{height:25px;margin-bottom:16px}.version-label_labelContainer__1G4ML{display:flex;flex-direction:column}.version-info_versionRow__3Prwt{align-items:center;display:flex;height:40px;justify-content:space-between;line-height:1.2em;padding:0 16px}.version-info_versionTimestamp__3z0hm{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__1lJQI{flex:none;padding:0 8px}.version-info_laneIcon__1to_h{padding:0 4px}.version-info_version__po8HZ{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;max-width:70%;overflow:hidden}.version-info_versionName__2qx5o{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-info_commitMessage__32pfe{flex-grow:1;padding:0 8px}.version-info_emptyMessage__1uV2j{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__Mv59-{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__Mv59- .lane-info_versionTimestamp__350MI{margin-right:2px}.lane-info_versionRow__Mv59- .lane-info_versionUserAvatar__1D4Ov{padding:0 8px}.lane-info_versionRow__Mv59- .lane-info_laneIcon__bQfIW{padding:0 4px}.lane-info_versionRow__Mv59- .lane-info_version__1IxCn{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__Mv59- .lane-info_versionName__10T1P{padding:0 8px}.abs-container_container__2sygh{position:relative}.abs-container_containee__9biIc{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__9biIc{visibility:visible}.positions_top__TfB1P{bottom:100%}.positions_top-start__1gLeB{bottom:100%;left:0}.positions_top-end__1D4fp{bottom:100%;right:0}.positions_right__1b4kt{left:100%}.positions_right-start__fYoCV{left:100%;top:0}.positions_right-end__2xxfo{bottom:0;left:100%}.positions_bottom__3mX_1{top:100%}.positions_bottom-start__aIEKB{left:0;top:100%}.positions_bottom-end__3M6uk{right:0;top:100%}.positions_left__2d9Cw{right:100%}.positions_left-start__1RGs3{right:100%;top:0}.positions_left-end__1dd23{bottom:0;right:100%}.positions_cover__2EFHp{left:0;top:0}.displacement_displacement__1zhQ6[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__1zhQ6[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__1zhQ6[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__1zhQ6[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__1zhQ6[data-position=bottom-start],.displacement_displacement__1zhQ6[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__1zhQ6[data-position=bottom-end],.displacement_displacement__1zhQ6[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__1zhQ6[data-position^=left-start],.displacement_displacement__1zhQ6[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__1zhQ6[data-position^=left-end],.displacement_displacement__1zhQ6[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.tooltip-card_menu__3_gM5{background:var(--bit-bg-tooltip);padding:8px}.arrow_arrow__1Osof{margin:0 auto;position:absolute}.arrow_arrow__1Osof:before{background:var(--bit-bg-tooltip);content:"";display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-position_bottom__11wPP,.arrow-position_top__1AjEe{left:calc(50% - 5px)}.arrow-position_left__3jrCV,.arrow-position_right__2czxq{top:calc(50% - 5px)}.arrow-position_cover__2qtOW,.arrow-position_none__WnpqY{display:none}.arrow-shadow_top-end__2Wx47:before,.arrow-shadow_top-start__36R_D:before,.arrow-shadow_top__3QEXB:before{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_bottom-end__2ctiU:before,.arrow-shadow_bottom-start__3Pg9Y:before,.arrow-shadow_bottom__1SZur:before{box-shadow:-2px -2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_right-end__2W5nM:before,.arrow-shadow_right-start__2D_2G:before,.arrow-shadow_right__2MqQ0:before{box-shadow:-2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_left-end__crkL1:before,.arrow-shadow_left-start__1MKXV:before,.arrow-shadow_left__teZFS:before{box-shadow:2px -2px 4px 0 rgba(0,0,0,.1)}.tooltip-drawer_tooltip__1Y8wm{--bit-drawer-margin:10px}.tooltip-drawer_arrow__2OdZQ{--bit-drawer-margin:5px;--bit-drawer-indent:8px}.key_keyCombo__JmW2B{align-items:center;display:flex;white-space:nowrap}.key_keyCombo__JmW2B .key_keycap__1-VEz{margin-right:4px}.key_keyCombo__JmW2B .key_keycap__1-VEz:last-child{margin-right:0}.key_keySequence__36TiD{align-items:center;display:flex;white-space:nowrap}.key_keycap__1-VEz{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__GpwZ9{font-size:.8em;margin:0 4px}.main-dropdown_mainDropdown__2mBBu{height:100%}.main-dropdown_mainDropdown__2mBBu>div{align-items:center;display:flex;height:100%}.main-dropdown_mainDropdown__2mBBu .main-dropdown_menu__2WRzz{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:-5px;width:300px}.main-dropdown_mainDropdown__2mBBu .main-dropdown_menu__2WRzz>div{margin-bottom:8px}.main-dropdown_iconAnchor__3cUcK{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__3cUcK{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__3cUcK,[data-open=true] .main-dropdown_iconAnchor__3cUcK:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.main-dropdown_iconAnchor__3cUcK:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__2mb3I{padding:0 8px}.main-dropdown_menuBlock__1D7A2{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 0 10px}.main-dropdown_menuBlock__1D7A2:last-child{border-bottom:none}.main-dropdown_title__3frWg{color:#878c9a;font-size:10px;font-weight:700;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.main-dropdown_line__3kQ5i{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px}.main-dropdown_line__3kQ5i:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_menu__RwShx{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px;z-index:102}.dropdown_placeholder__fqG30{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__fqG30:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__fqG30{padding:0 8px}.dropdown_placeholder__fqG30 .dropdown_content__agKcz{display:none}}.dropdown_placeholder__fqG30>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__fqG30{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__fqG30>div{padding:0 6px}.tab_tab__3ZItj{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__3ZItj.tab_active__xFfEh{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.menu_container__G19FF{z-index:5000}.menu_top__gDxAF{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__3Qg9X{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__3Qg9X>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__3iGQV{justify-content:space-between}.menu_drawer__3iGQV>div{align-items:center;display:flex}.menu_drawer__3iGQV>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__1NzZO{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__3uW7y>div:last-child{border-top:none;padding:0}.menu_importContent__wI1tj>div{margin:12px 0}.menu_importContent__wI1tj>div:nth-child(2),.menu_importContent__wI1tj>div:nth-child(4){margin-bottom:24px}.menu_bottom__19ByU{align-items:center;display:flex}.menu_bottom__19ByU>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_disabled__28XEe{background-color:#fffcf4;background-color:var(--warning-surface-color,#fffcf4);font-size:12px;font-size:var(--bit-p-xs,12px);padding:4px}.menu_warnIcon__33zMj{filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%);padding-right:4px}.tab-content_middle__qKfgL{margin:0 24px 16px}.tab-content_middle__qKfgL>div{margin:12px 0}.tab-content_bottom__1t7w8{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__RVPEs{align-items:center;display:flex;justify-content:space-between}.tab-content_open__3JOuT{transform:rotate(180deg)}.bottom-link_link__2mvGP{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__2mvGP:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__2mvGP>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.copied-message_copiedMessage__2m2h2{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__1iuJp{opacity:1;visibility:visible}.grid_gridContainer__2_HS4{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__20BlY{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__Xqe_r{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__1t6AH{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__19Dh8{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__1Bn4m{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__24pSZ{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__1cV-h{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__2AbbF{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__1MP0y{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__1h1Cl{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__3dKiZ{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__1nL5R{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__13cZ3{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__1WKDm{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__1sust{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__2meP3{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__2TF4E{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__sX3eY{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__3d5v_{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__2hlpY{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__3qLCx{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__18Jt2{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__3Ck9C{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__12qu-{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__2lCmk{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__1zusD{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__1G2W3{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__3VkGg{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__1VGhw{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__3bQGR{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__1gcei{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__Qu3iv{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__13gFv{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__29IJx{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__34jps{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__Svu7Z{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__1QSBB{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__3OUgs{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__3TWZy{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__1R2G5{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__6_9a1{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__2UMg5{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__16RS8{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__14Lrb{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__25VNV{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__3Mc39{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__196Sd{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__Rm2kE{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__30OX7{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__2raCo{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__nhrVG{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__1ioW3{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8___t-fM{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__3hW2_{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__1sVhB{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__3fCDB{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__2WYF4{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__VHJ1j{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__250gV{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__381HU{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__1lSew{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__30xXI{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__Kd8bT{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__2iJkU{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__1P0dv{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__2ijsY{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__3g3-d{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__3xnqo{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__1KSoh{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__3go7-{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__18C4T{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__2DyN1{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__RsHgM{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__1De1F{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__HQHSA{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__17VnM{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__3-9z7{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__38mSC{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__1Ngtk{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__2Dgob{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__27VK5{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__3Z5tY{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__1x6e-{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__aIleI{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__3sdbd{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__3sdbd .copy-box_leftSection__umK_F{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__2WuAp{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__2Xsok{align-items:center;display:flex;position:relative}.copy-box_copyIcon__Zmeej{font-size:var(--bit-p-lg)}.bit-info_moreInfo__3fgFK>div:last-child{border-top:none;padding:0}.inline-code_inlineCode__3GEn4{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__14ruL{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.size-definition_headingFontSize__2_jgZ{--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__10s6p{--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__1Wewj{--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__1_UuF{--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__1y29K{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__2q5cp{--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__j87n9{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__1OaCV{line-height:1.23}.sizes_heading__3nY84{--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__2XXLI{line-height:normal}.pane_pane__1Nhdn{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__1Nhdn,[data-split-layout*=last]>.pane_pane__1Nhdn{max-width:none;min-width:0;min-width:auto}.splitter_splitter__21XyJ{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__21XyJ{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__21XyJ{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__3THfj{display:flex;flex-direction:column}.split-pane_splitPane__3THfj.split-pane_isDragging__2zrSZ{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__3THfj[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__3THfj[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__3THfj[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__3THfj[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__3THfj[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__3HdoB{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__2anIl{height:100%;width:100%}.splitter_highlighter__2anIl,.splitter_highlighter__2anIl:after,.splitter_highlighter__2anIl:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__2anIl:hover,.splitter_highlighter__2anIl:hover:after,.splitter_highlighter__2anIl:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl,[data-is-dragging=true]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:after,[data-is-dragging=true]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__2anIl:after,.splitter_highlighter__2anIl:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:after,[data-split-layout^=row]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:after,[data-split-layout^=column]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__3HdoB>.splitter_highlighter__2anIl:after{bottom:-200%}.table-heading-column_headingColumn__TgTpB{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__1YcI5{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__1YcI5.table-heading-row_hide__1YXmG{display:none}.table-heading-row_titleCol__2CCOJ{color:var(--bit-text-color-light);text-transform:uppercase}.table-column_tableColumn__1peuB{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__2QYlo{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__2QYlo.table-row_singleColumn__1EA7S{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__23pwy{display:none}.table-row_mobileTitle__23pwy.table-row_show__BzkJz{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__22owB,.table-row_column__18VGZ{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__1F4Aa{margin:initial;text-transform:capitalize}.table-row_required__2vZbm{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__2iysA{color:#4646c6;margin-right:5px}.table-row_name__2iysA,.table-row_type__qYjbt{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_type__qYjbt{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__4qlom .table-row_highlighted__m3Ot3{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__4qlom .table-row_highlighted__m3Ot3>code>span{color:#397300}.table-row_typeColumn__4qlom .table-row_highlighted__m3Ot3>code{font-family:inherit}.table-row_default__RobAJ{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__2vwXU{word-break:break-word}.table_table__2RjI6>div{grid-gap:16px 24px}.tabs_tabContainer__1LMKa{display:flex}.tabs_tab__t1kIP{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__t1kIP:hover{color:var(--bit-text-color-heavy)}.tabs_tab__t1kIP.tabs_disabled__3F8cV{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__t1kIP.tabs_active__3lU9H{color:var(--bit-text-color-heavy)}.tabs_tab__t1kIP.tabs_active__3lU9H: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__2bhtC{bottom:80px;cursor:pointer;position:absolute;transition:right .3s,left .3s ease-in-out;z-index:100}.collapser-button_collapser__2bhtC.collapser-button_open__1o9mk .collapser-button_circle__mumts>div{transform:rotate(-.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__mumts{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__mumts>div{transition:transform .3s ease-in-out}.collapser-button_right__qg9Cc .collapser-button_circle__mumts{border-bottom-right-radius:50%;border-top-right-radius:50%;padding-left:10px}.collapser-button_right__qg9Cc .collapser-button_circle__mumts:hover{padding-left:16px}.collapser-button_left__3JspB .collapser-button_circle__mumts{border-bottom-left-radius:50%;border-top-left-radius:50%;padding-right:10px}.collapser-button_left__3JspB .collapser-button_circle__mumts:hover{padding-right:16px}.empty-box_emptyCompositions__2ekuY{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__2ekuY *{text-overflow:ellipsis}.empty-box_innerBorder__2LGw_{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__2LGw_>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__2LGw_>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__2LGw_>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.preview_preview__1l-3A{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-menu-bar_compositionsMenuBar__3qoKL{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__2koDu{flex:1 0}.block-quote_blockQuote__3AzNi{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__3AzNi>:last-child{margin-bottom:0}.bold_bold__3_d6E{font-weight:700}.external-link_link__tEwPx{text-decoration:none}.external-link_link__tEwPx:hover{text-decoration:underline}.heading-sizes_xxs__2kd9S{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__1a3ct{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__3SwNJ{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1KJ45{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__3xLCP{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__DxXER{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__3Q6pr{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1___zZEI,.heading_h2__zJUSd,.heading_h3__17FDN,.heading_h4__3EW1d,.heading_h5__38e2q,.heading_h6__1RJeG{font-weight:700;margin:0}.heading_h1___zZEI{margin-bottom:20px}.anchor_anchor__1LVsZ{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__12PDW{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__1unc7{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__1unc7:hover .linked-heading_anchor__2UdvA{opacity:1;visibility:inherit}.linked-heading_heading__3BRvJ{margin-bottom:0;margin-right:8px}.linked-heading_anchor__2UdvA{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__2K_Ek{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__2K_Ek[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__2K_Ek[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__2K_Ek[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__2K_Ek.create-heading_mainHeadingStyles__3f_v7{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__2K_Ek:first-child{padding-top:0}.image_img__290_k{max-width:100%}.image_img__290_k:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__2Djq2{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__FSalK{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__dblAR{font-style:italic}.ol_ol__1Tk9A{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__1Tk9A ol,.ol_ol__1Tk9A ul{padding-left:18px}.ol_ol__1Tk9A>li>p{margin-bottom:0}.text-sizes_xxs__3P0Bo{font-size:12px;font-size:var(--bit-p-xxs,12px)}.text-sizes_xs__2ktbh{font-size:14px;font-size:var(--bit-p-xs,14px)}.text-sizes_sm__CXIFT{font-size:15px;font-size:var(--bit-p-sm,15px)}.text-sizes_md__2hZoG{font-size:16px;font-size:var(--bit-p-md,16px)}.text-sizes_lg__217H3{font-size:18px;font-size:var(--bit-p-lg,18px)}.text-sizes_xl__1RlC3{font-size:20px;font-size:var(--bit-p-xl,20px)}.text-sizes_xxl__2Dqx1{font-size:24px;font-size:var(--bit-p-xxl,24px)}.paragraph_paragraph__1KHmb{margin:0 0 1em}.separator_separator__NyDpZ{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.copied-message_copiedMessage__27mRK{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__3mw0w{opacity:1;visibility:visible}.code-snippet_snippetWrapper__1XnQ6{position:relative}.code-snippet_snippetWrapper__1XnQ6:hover .code-snippet_copyIcon__1H_JV{opacity:1}.code-snippet_snippetWrapper__1XnQ6 .code-snippet_codeSnippet__1MuuS{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__1XnQ6 .code-snippet_copyIcon__1H_JV{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__1XnQ6 code{font-family:inherit!important}.code-snippet_copy__3mD_w{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__1D6Nw{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__3iNFx{height:450px}.react-playground_column__3iNFx .react-playground_codePane__yVKlt,.react-playground_column__3iNFx .react-playground_previewPane__3PTFs{max-height:90%;min-height:10%;width:100%}.react-playground_column__3iNFx .react-playground_error__247NV,.react-playground_column__3iNFx .react-playground_previewPane__3PTFs{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__6BDBW{height:100%;max-height:450px}.react-playground_row__6BDBW .react-playground_codePane__yVKlt,.react-playground_row__6BDBW .react-playground_previewPane__3PTFs{height:100%;max-width:90%;min-width:10%}.react-playground_row__6BDBW .react-playground_error__247NV,.react-playground_row__6BDBW .react-playground_previewPane__3PTFs{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__247NV{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__yVKlt{background-color:#282c34;overflow:auto}.react-playground_editor__1R4vP{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__1R4vP>textarea{outline:none;white-space:pre!important}.react-playground_editor__1R4vP>pre{white-space:pre!important}.react-playground_splitter__27abP{background-color:#282c34}.react-playground_previewPane__3PTFs{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__Z3Z3Z{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__3YU1b{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__3YU1b>div{width:100%}.snippet_snippet__HHROJ{margin-bottom:16px}.sup_sup__NUpsB{font-size:smaller;vertical-align:super}.base-table_table__zul5O{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__zul5O tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__zul5O thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__zul5O 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__zul5O td,.base-table_table__zul5O th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__zul5O table,.base-table_table__zul5O td,.base-table_table__zul5O th,.base-table_table__zul5O thead,.base-table_table__zul5O tr{text-align:start}.base-table_table__zul5O table[align=center],.base-table_table__zul5O td[align=center],.base-table_table__zul5O th[align=center],.base-table_table__zul5O thead[align=center],.base-table_table__zul5O tr[align=center]{text-align:center}.base-table_table__zul5O table[align=left],.base-table_table__zul5O td[align=left],.base-table_table__zul5O th[align=left],.base-table_table__zul5O thead[align=left],.base-table_table__zul5O tr[align=left]{text-align:start}.base-table_table__zul5O table[align=right],.base-table_table__zul5O td[align=right],.base-table_table__zul5O th[align=right],.base-table_table__zul5O thead[align=right],.base-table_table__zul5O tr[align=right]{text-align:end}.td_td__2e8J6{padding:12px 20px}.tr_tr__1yBSd:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__1LS0x{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__1LS0x>li>ol,.ul_ul__1LS0x>li>ul{margin-bottom:0;padding-left:18px}.ul_ul__1LS0x>li>p{margin-bottom:none}.mdx-layout_mdxContent__2UNo1{line-height:1.5}.mdx-layout_mdxContent__2UNo1 img{max-width:100%}.link_link__2hoNg{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__2hoNg: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__yIshd{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__13weF{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__2yXgG{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__ItLw4{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__1IyxO{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__3qiqv{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__2sQQ7{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__3LAtv{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2FVMZ{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__2ho11,.heading_h2__paWfy,.heading_h3__weFTj,.heading_h4__OQUkz,.heading_h5__20BBG,.heading_h6__2XSfZ{font-weight:700;margin:0}.heading_h1__2ho11{margin-bottom:20px}.card_card__1hWTE{box-sizing:border-box;padding:20px}.accent-color_primary__3HvC6{--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__2Mywq{--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__3UCwy{--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__3aeOj{--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__3jWbV{--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__3YXAX{--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__8nD_p{--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__DM_ih{--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__QgkqC{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__QgkqC:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__z6k4p{padding:24px}.alert-card_heading__dkjlP{display:flex;margin-bottom:24px}.alert-card_icon___swAC{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__3qNJI{margin-bottom:24px}.option-button_optionButton__38VIz{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__38VIz:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__38VIz.option-button_active__3shgp{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__38VIz:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__3otH1{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__1Hw3j{font-size:25px;margin-right:16px}.message-card_textBox__30SjQ{font-size:14px}.message-card_textBox__30SjQ,.message-card_textBox__30SjQ>*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__30SjQ>div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__2vdOU{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__3wPcI{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__1Ax_U{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__1c0pl{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__J1rw6{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__3LMac{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__1OhrP{height:100%;width:100%}.compositions_compositionPreview__3SZhg{padding-top:20px;width:100%}.compositions_left__32oFM{display:flex;flex-direction:column}.compositions_left__32oFM,.compositions_right__25D8_{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__25D8_{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__2Pu0J{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__1pAoE{position:relative}.compositions_splitter__1pAoE>:first-child{position:absolute;z-index:101}.compositions_collapser__3xG6F{right:0}.compositions_tabsContainer__3fZw3{display:flex;flex-direction:column;height:100%}.compositions_tabs__eKn_b{flex:none}.compositions_tabContent__1Oxzw{flex:1 1;overflow:auto}.compositions_tabContent__1Oxzw:empty{display:none}.compositions_compositions__RhhSR{padding:16px 8px 0}.compositions_openInNewTab__1nSVK{color:inherit;text-decoration:none}.compositions_openInNewTab__1nSVK:active{color:inherit}.compositions_noCompositionsPage__3SqS1{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3SqS1 .compositions_title__1xMn8{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3SqS1 .compositions_separator__3WdY3{margin-bottom:41px}.compositions_buildStatusMessage__15RJw{margin:auto}.compositions_compositionPanel__5eOjw{display:flex;flex:1 1}.menu-widget-icon_icon__OHXDx{font-size:16px}.menu-widget-icon_widgetMenuIcon__SGyAU{align-items:center;display:flex;justify-content:center}.compositions-panel_linkWrapper__13vZj{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__13vZj:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__13vZj:hover .compositions-panel_right__2mJvM{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__13vZj:hover .compositions-panel_right__2mJvM .compositions-panel_icon__3TGUc:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__13vZj.compositions-panel_active__33V3e{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__13vZj.compositions-panel_active__33V3e:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__13vZj.compositions-panel_active__33V3e .compositions-panel_box__3y14u{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__13vZj.compositions-panel_active__33V3e .compositions-panel_right__2mJvM{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__13vZj.compositions-panel_active__33V3e .compositions-panel_right__2mJvM .compositions-panel_icon__3TGUc:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__13vZj .compositions-panel_right__2mJvM{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__13vZj .compositions-panel_codeLink__3jiM7{cursor:pointer}.compositions-panel_box__3y14u{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__3EOry{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__1nLGL{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__1nLGL:active{color:inherit}.compositions-panel_tabs__1YneZ{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__1YneZ>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__1YneZ>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__1YneZ>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__1QWo5{display:flex;flex-direction:column;height:100%}.indent_indent__1TQS6{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__1adVA{margin-left:calc(var(--indent-depth)*8px + 8px)}.indent_indent__3rgP7{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__2404j{margin-left:calc(var(--indent-depth)*8px + 8px)}.collapsing-node_childrenTree__2R6Q_{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.accent-color_primary__UD1to{--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__e4Z5A{--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__29c2V{--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__3l0fX{--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__B7zUz{--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__2RNWG{--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__2WEiy{--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__pBib-{--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__1gPd9{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.dark-theme_darkMod__2g9b7{--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}.deprecation-icon_deprecatedTooltip___nDgJ{padding:2px 5px}.deprecation-icon_deprecatedTooltip___nDgJ>div{padding:initial!important}.deprecation-icon_deprectaedTooltipContent__oVPx5{font-size:12px}.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)}.component-view_component__2JT25{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__2JT25:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.component-view_component__2JT25.component-view_active__2gm7z{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.component-view_component__2JT25 .component-view_icon__2Qtg3{height:16px;opacity:.8;width:16px}.component-view_component__2JT25 .component-view_left__2lbIB{align-items:center;display:flex;flex:1 1;line-height:24px;min-width:0}.component-view_component__2JT25 .component-view_left__2lbIB>span{overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.component-view_component__2JT25 .component-view_envIcon__u_HTr{height:16px;transition:filter .3s ease-in-out;width:16px}.component-view_component__2JT25 .component-view_right__1fbvw{align-items:center;display:flex;font-size:12px}.component-view_component__2JT25 .component-view_right__1fbvw>*{margin-right:4px}.component-view_component__2JT25 .component-view_right__1fbvw>:last-child(){margin-right:0}.component-view_componentEnvTooltip__MuCWn{font-size:var(--bit-p-xs);max-width:none!important}.component-view_componentEnvTooltip__MuCWn .component-view_componentEnvTitle__29Ee1{color:#c9c3f6;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;margin-bottom:4px}.component-view_onMainTooltip__Z2hYg{font-size:var(--bit-p-xxs);max-width:none!important}.component-view_envLink__1Yz3g{color:#fff;text-decoration:none}.component-view_mainOnly__2fBfr{opacity:60%}.scope-tree-node_scope__2eL7e{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__2eL7e:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.scope-tree-node_scope__2eL7e .scope-tree-node_arrow__2_ugu{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__2eL7e .scope-tree-node_arrow__2_ugu.scope-tree-node_collapsed__Ew1S_{transform:rotate(-90deg)}.scope-tree-node_highlighted__1t_xR{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.scope-tree-node_left__1KzNG{align-items:center;display:flex;flex:1 1;min-width:0}.scope-tree-node_left__1KzNG .scope-tree-node_name__29Rbk{line-height:115%;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tree-node_componentTree__D8Lad{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.namespace-tree-node_namespace__1hbR4{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__1hbR4:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.namespace-tree-node_namespace__1hbR4 .namespace-tree-node_arrow__1bLMR{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__1hbR4 .namespace-tree-node_arrow__1bLMR.namespace-tree-node_collapsed__2IjbN{transform:rotate(-90deg)}.namespace-tree-node_highlighted__knx3c{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.namespace-tree-node_left__35PQN{align-items:center;display:flex;flex:1 1;min-width:0}.namespace-tree-node_left__35PQN .namespace-tree-node_name__JSea0{line-height:24px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.namespace-tree-node_componentTree__20utE{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}