@teambit/ui-foundation.ui.side-bar 0.0.881 → 0.0.883

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

@@ -188,14 +188,13 @@ export function ComponentView(props: ComponentViewProps) {
 
   const addOpacity = isLaneCompDependent || (viewingMainCompOnLane && !isCompModified);
 
-  let Name = <span>{getName(node.id)}</span>;
-
-  if (viewingMainCompOnLane || isLaneCompDependent) {
-    const content = viewingMainCompOnLane ? 'On Main' : 'Dependent';
-    Name = <Tooltip className={styles.tooltip} placement="top" content={content}>
+  const Name = viewingMainCompOnLane ? (
+    <Tooltip className={styles.tooltip} placement="top" content='On Main'>
       <span className={classNames(addOpacity && styles.opacity)}>{getName(node.id)}</span>
     </Tooltip>
-  }
+  ) : (
+    <span className={classNames(addOpacity && styles.opacity)}>{getName(node.id)}</span>
+  );
 
   return (
     <Link

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

@@ -132,11 +132,7 @@ export function ComponentView(props) {
         || component.status?.modifyInfo?.hasModifiedDependencies;
     const isLaneCompDependent = lanesModel?.isComponentDependent(component.id);
     const addOpacity = isLaneCompDependent || (viewingMainCompOnLane && !isCompModified);
-    let Name = _jsx("span", { children: getName(node.id) });
-    if (viewingMainCompOnLane || isLaneCompDependent) {
-        const content = viewingMainCompOnLane ? 'On Main' : 'Dependent';
-        Name = _jsx(Tooltip, { className: styles.tooltip, placement: "top", content: content, children: _jsx("span", { className: classNames(addOpacity && styles.opacity), children: getName(node.id) }) });
-    }
+    const Name = viewingMainCompOnLane ? (_jsx(Tooltip, { className: styles.tooltip, placement: "top", content: 'On Main', children: _jsx("span", { className: classNames(addOpacity && styles.opacity), children: getName(node.id) }) })) : (_jsx("span", { className: classNames(addOpacity && styles.opacity), children: getName(node.id) }));
     return (_jsxs(Link, { href: href, className: classNames(indentClass, styles.component), activeClassName: styles.active, onClick: handleClick, 
         // exact={true}
         active: isActive, children: [_jsxs("div", { className: styles.left, children: [_jsx(Tooltip, { className: styles.componentEnvTooltip, placement: "top", content: envTooltip, children: _jsx(EnvIcon, { component: component, className: styles.envIcon }) }), Name] }), _jsxs("div", { className: styles.right, children: [_jsx(DeprecationIcon, { component: component }), treeNodeSlot

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.881",
+  "version": "0.0.883",
   "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.881"
+    "version": "0.0.883"
   },
   "dependencies": {
     "classnames": "2.2.6",
@@ -14,18 +14,18 @@
     "@teambit/base-react.navigation.link": "2.0.31",
     "@teambit/base-ui.graph.tree.indent": "1.0.0",
     "@teambit/base-ui.graph.tree.inflate-paths": "1.0.0",
-    "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
     "@teambit/base-ui.graph.tree.tree-context": "1.0.0",
+    "@teambit/design.ui.tree": "0.0.15",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.220",
     "@teambit/base-ui.theme.colors": "1.0.0",
+    "@teambit/base-ui.graph.tree.recursive-tree": "1.0.0",
     "@teambit/component-id": "1.2.0",
     "@teambit/component.modules.component-url": "0.0.167",
     "@teambit/component.ui.deprecation-icon": "0.0.509",
     "@teambit/design.ui.tooltip": "0.0.361",
-    "@teambit/design.ui.tree": "0.0.15",
     "@teambit/envs.ui.env-icon": "0.0.505",
-    "@teambit/evangelist.elements.icon": "1.0.2",
-    "@teambit/lanes.hooks.use-lanes": "0.0.268",
-    "@teambit/lanes.ui.models.lanes-model": "0.0.218"
+    "@teambit/lanes.hooks.use-lanes": "0.0.270",
+    "@teambit/evangelist.elements.icon": "1.0.2"
   },
   "devDependencies": {
     "@types/classnames": "2.2.11",
@@ -33,9 +33,9 @@
     "@teambit/react.v17.react-env": "1.1.53"
   },
   "peerDependencies": {
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
     "react": "17.0.2",
+    "@types/react-dom": "^17.0.0",
+    "@types/react": "^17.0.0",
     "react-dom": "17.0.2"
   },
   "license": "Apache-2.0",

package/schema.json

@@ -390,7 +390,7 @@
                 "componentId": {
                   "scope": "teambit.lanes",
                   "name": "ui/models/lanes-model",
-                  "version": "198a3658cc3ecd47545fb78977cba6e524adf6a7"
+                  "version": "0.0.219"
                 }
               },
               {
@@ -543,7 +543,7 @@
                 "componentId": {
                   "scope": "teambit.lanes",
                   "name": "ui/models/lanes-model",
-                  "version": "198a3658cc3ecd47545fb78977cba6e524adf6a7"
+                  "version": "0.0.219"
                 }
               },
               {
@@ -1024,7 +1024,7 @@
                               "componentId": {
                                 "scope": "teambit.lanes",
                                 "name": "ui/models/lanes-model",
-                                "version": "198a3658cc3ecd47545fb78977cba6e524adf6a7"
+                                "version": "0.0.219"
                               }
                             },
                             "isOptional": true
@@ -1403,7 +1403,7 @@
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "c82381fd94bb7caa7b251a00e71fa75eff92cf4f"
+    "version": "b8f915a2fe409cb739737dae1e6244a15c9b2196"
   },
   "taggedModuleExports": []
 }

package/static/css/teambit.ui-foundation/ui/side-bar.818e135d.css

@@ -0,0 +1,266 @@
+.abs-container_container__AQnyA{position:relative}.abs-container_containee__wJkji{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__wJkji{visibility:visible}
+.positions_top__\+xHsj{bottom:100%}.positions_top-start__aOYAJ{bottom:100%;left:0%}.positions_top-end__HcFzw{bottom:100%;right:0%}.positions_right__AkCcJ{left:100%}.positions_right-start__Z6JR9{left:100%;top:0%}.positions_right-end__Af1sp{left:100%;bottom:0%}.positions_bottom__geGF2{top:100%}.positions_bottom-start__-8cwH{top:100%;left:0%}.positions_bottom-end__XxE2D{top:100%;right:0%}.positions_left__nX6GW{right:100%}.positions_left-start__HCMc6{right:100%;top:0%}.positions_left-end__reZ2p{right:100%;bottom:0%}.positions_cover__eaKib{top:0%;left:0%}
+.displacement_displacement__c5PsK[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__c5PsK[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__c5PsK[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__c5PsK[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__c5PsK[data-position=bottom-start],.displacement_displacement__c5PsK[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__c5PsK[data-position=bottom-end],.displacement_displacement__c5PsK[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__c5PsK[data-position^=right-start],.displacement_displacement__c5PsK[data-position^=left-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__c5PsK[data-position^=right-end],.displacement_displacement__c5PsK[data-position^=left-end]{margin-bottom:var(--bit-drawer-indent)}
+.drawer_placeholder__UcwGp{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.elevations_low__D5Jc9{box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.2);box-shadow:var(--bit-shadow-hover-low, 0 2px 8px 0 rgba(0, 0, 0, 0.2))}.elevations_medium__p77W6{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.24);box-shadow:var(--bit-shadow-hover-medium, 0 0 20px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.24))}.elevations_high__M9q9I{box-shadow:0px 11px 29px 0px rgba(0, 0, 0, 0.23);box-shadow:var(--bit-shadow-hover-high, 0px 11px 29px 0px rgba(0, 0, 0, 0.23))}
+.roundness_sharp__LgyK2{border-radius:2px}.roundness_default__w75QC{border-radius:5px}.roundness_small__R5Kp8{border-radius:8px}.roundness_medium__01RnI{border-radius:10px}.roundness_circle__9leT6{border-radius:50%}
+.background_bedrock__0xCgB{background:var(--bit-bg-bedrock)}.background_base__-vwKr{background:var(--bit-bg-color)}.background_layer__v6aN2{background:var(--bit-bg-color)}.background_crust__-cubA{background:var(--bit-bg-tooltip)}.background_topping__BlCwg{background:var(--bit-bg-color)}.background_topping__BlCwg:hover{background:var(--bit-bg-heavy)}.background_dent__Sgmkk{background:var(--bit-bg-dent)}
+.menu-item_menuItem__9Bjjw{display:flex;align-items:center;padding:8px;text-decoration:none;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);background-color:rgba(0,0,0,0);transition:background-color 150ms ease-in-out,color 150ms ease-in-out,border-color 150ms ease-in-out}.menu-item_withIcon__o\+sIl>:first-child{color:#6c707c;color:var(--bit-text-color-light, #6c707c);margin-right:.76em;font-size:1.15em}.menu-item_withIcon__o\+sIl.menu-item_active__TzKu->:first-child{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.menu-item_interactive__49Gen:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6);cursor:pointer}.menu-item_active__TzKu-{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}.menu-item_active__TzKu-:hover{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
+.dropdown_dropdownPlaceholder__ldWnl{padding:.844em 1em;border-radius:8px;justify-content:space-between;border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed)}.dropdown_dropdownPlaceholder__ldWnl: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__ldWnl: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__N9qkQ .dropdown_dropdownPlaceholder__ldWnl{border:none}.dropdown_dropdownMenu__jNfbO{padding:8px 0;box-sizing:border-box;min-width:220px;border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed);z-index:102}
+.button_vanillaButton__tvpbq{transition:all 180ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font:inherit}
+.dots-loader_dotsLoader__oru5D{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__oru5D>*{animation:1270ms infinite ease-in-out both;animation-name:dots-loader_scale-down__9RL\+X;display:inline-block}.dots-loader_dotsLoader__oru5D>*:nth-child(1){animation-delay:-370ms}.dots-loader_dotsLoader__oru5D>*:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__9RL\+X{0%,20%,100%{transform:scale(0)}60%{transform:scale(1)}}
+.icon-button_iconButton__x2BVR{display:flex;align-items:center;border-radius:8px;padding:7px 16px;transition:background-color 300ms ease-in-out}.icon-button_iconButton__x2BVR.icon-button_iconOnly__XYUA9{padding:6px 8px}.icon-button_iconButton__x2BVR[data-priority=ghost]{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest, #ededed);color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b)}.icon-button_iconButton__x2BVR[data-priority=ghost].icon-button_active__HQUcH{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7);border-color:#6c5ce7;border-color:var(--bit-accent-color, #6c5ce7)}.icon-button_iconButton__x2BVR[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6)}.icon-button_iconButton__x2BVR[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest, #ededed)}.icon-button_iconButton__x2BVR[data-priority=ghost]:disabled:hover{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.icon-button_iconButton__x2BVR[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color, #6c5ce7);color:#ffffff;color:var(--bit-bg-color, #ffffff)}.icon-button_iconButton__x2BVR[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__x2BVR[data-priority=cta]:disabled{border-color:#f6f6f6;border-color:var(--bit-bg-heavy, #f6f6f6);background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6)}.icon-button_iconButton__x2BVR:disabled{color:#babec9;color:var(--bit-border-color, #babec9);cursor:not-allowed}.icon-button_iconButton__x2BVR:focus{outline:none;box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg, #eceaff)}.icon-button_icon__zkfty{font-size:16px;color:inherit}.icon-button_margin__7Eyyu{margin-right:8px}
+.sizes_buttonSizes__NZErK[data-size=m]{height:32px;font-size:14px}.sizes_buttonSizes__NZErK[data-size=l]{height:40px;font-size:14px}
+.buttons-plugin_buttonsHolder__fzXab{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 4px;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color, #ededed)}.buttons-plugin_clearText__zEGpM{color:#9598a1;color:var(--design-on-surface-low-color, #9598a1);cursor:pointer}
+.menu-item_menuItem__WUN5D{display:flex;align-items:center;padding:8px;text-decoration:none;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);background-color:rgba(0,0,0,0);transition:background-color 150ms ease-in-out,color 150ms ease-in-out,border-color 150ms ease-in-out}.menu-item_withIcon__kyh8W>:first-child{color:#6c707c;color:var(--bit-text-color-light, #6c707c);margin-right:.76em;font-size:1.15em}.menu-item_withIcon__kyh8W.menu-item_active__T\+AJp>:first-child{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.menu-item_interactive__eiFt4:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy, #f6f6f6);cursor:pointer}.menu-item_active__T\+AJp{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}.menu-item_active__T\+AJp:hover{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
+.tab-line_tabLine__qmqu3{height:4px;left:0;position:absolute;background-color:#6c5ce7;background-color:var(--primary-color, #6c5ce7)}.tab-line_tabLine__qmqu3[data-position=top]{top:0}.tab-line_tabLine__qmqu3[data-position=bottom]{bottom:0}
+.tab-folder_tabFolder__MCuA8{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.tab-folder_folderStyle__Tg92A{background-color:#f6f5fe;background-color:var(--primary-surface-color, #f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed);border-radius:8px 8px 0px 0px}
+.tab-inner_tabInner__A\+o7O{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.tab-inner_innerStyle__qx3YW{background-color:#edebfc;background-color:var(--surface-hover-color, #edebfc);border-radius:8px}
+.responsive-navbar_tabInner__F8Kr1{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.responsive-navbar_innerStyle__ehFb\+,.responsive-navbar_tab__QZp3W[data-priority=inner].responsive-navbar_noAnimation__aQ5rX{background-color:#edebfc;background-color:var(--surface-hover-color, #edebfc);border-radius:8px}.responsive-navbar_tabFolder__2Pq98{height:100%;left:0;bottom:0;position:absolute;box-sizing:border-box}.responsive-navbar_folderStyle__sNBVi,.responsive-navbar_tab__QZp3W[data-priority=folder].responsive-navbar_noAnimation__aQ5rX{background-color:#f6f5fe;background-color:var(--primary-surface-color, #f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed);border-radius:8px 8px 0px 0px}.responsive-navbar_tab__QZp3W{display:flex;align-items:center;pointer-events:none;position:relative;padding:8px 16px;font-size:14px;font-size:var(--bit-p-xs, 14px);outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:#707279;color:var(--on-surface-medium-color, #707279);transition:color 150ms ease-in-out;white-space:nowrap}.responsive-navbar_tab__QZp3W[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__QZp3W:hover{color:#2b2b2b;color:var(--on-surface-color, #2b2b2b)}.responsive-navbar_tab__QZp3W.responsive-navbar_active__jXsU8{color:#2b2b2b;color:var(--on-surface-color, #2b2b2b)}.responsive-navbar_tab__QZp3W.responsive-navbar_active__jXsU8[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__QZp3W.responsive-navbar_active__jXsU8[data-priority=folder]{color:#6c5ce7;color:var(--primary-color, #6c5ce7);transition:transform 150ms ease-in-out,color 150ms ease-in-out}.responsive-navbar_tab__QZp3W.responsive-navbar_active__jXsU8[data-priority=inner]{color:#6c5ce7;color:var(--primary-color, #6c5ce7);transition:transform 150ms ease-in-out,color 150ms ease-in-out}.responsive-navbar_tab__QZp3W[data-priority=line] .responsive-navbar_lineStyle__fx8Iq{width:100%}.responsive-navbar_tab__QZp3W[data-priority=folder]{z-index:1}.responsive-navbar_tab__QZp3W[data-priority=inner]{z-index:1}.responsive-navbar_tab__QZp3W>*{pointer-events:auto}.responsive-navbar_navTabs__X6Wm3{position:relative;display:flex;gap:8px}.responsive-navbar_navTabs__X6Wm3.responsive-navbar_overflow__TtPaG{overflow-x:auto}.responsive-navbar_more__qzqLn{display:flex;align-items:center}.responsive-navbar_more__qzqLn .responsive-navbar_dots__59Gs2{cursor:pointer;color:#707279;color:var(--on-surface-medium-color, #707279);border-radius:8px;transition:background-color 300ms ease-in-out;padding:8px 16px;display:flex;align-items:center;justify-content:center}.responsive-navbar_more__qzqLn .responsive-navbar_dots__59Gs2>img{width:16px}.responsive-navbar_secondaryTabContainer__JI-Sg{z-index:5000}.responsive-navbar_secondaryTabContainer__JI-Sg .responsive-navbar_item__MkkcL{width:100%;pointer-events:none}.responsive-navbar_secondaryTabContainer__JI-Sg .responsive-navbar_item__MkkcL .responsive-navbar_menuItem__2Kt8G{pointer-events:auto;padding:0}.responsive-navbar_secondaryTabContainer__JI-Sg .responsive-navbar_item__MkkcL .responsive-navbar_menuItem__2Kt8G>*{padding:8px;width:100%}.responsive-navbar_hidden__yZ-fS{display:none}
+.top-bar-nav_topBarLink__HNM60{position:relative;padding:0 4px;box-sizing:border-box;display:flex;align-items:center;color:inherit;text-decoration:none;transition:color 300ms}.top-bar-nav_topBarLink__HNM60:hover:not(.top-bar-nav_active__Oc-iw)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__HNM60.top-bar-nav_active__Oc-iw{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.top-bar-nav_topBarLink__HNM60.top-bar-nav_active__Oc-iw:after{background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);height:4px}.top-bar-nav_topBarLink__HNM60:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0);height:0;border-top-right-radius:2px;border-top-left-radius:2px;transition:background-color 300ms,height 300ms}.top-bar-nav_topBarLink__HNM60>div{border-radius:8px;padding:0 8px;height:30px;display:flex;align-items:center;transition:background-color 300ms ease-in-out}
+.menu_topBar__TJdOG{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;min-width:0}.menu_leftSide__Ym425{display:flex;align-items:center;height:100%;flex-grow:1;min-width:0}.menu_navigation__8IM8O{list-style:none;height:100%;padding-left:28px}@media screen and (max-width: 768px){.menu_navigation__8IM8O{padding-left:0}}.menu_navigation__8IM8O li{display:block;margin-right:16px;height:100%}.menu_navigation__8IM8O.menu_desktopNav__Rdm\+a{display:flex}@media screen and (max-width: 768px){.menu_navigation__8IM8O.menu_desktopNav__Rdm\+a{display:none}}.menu_navigation__8IM8O.menu_mobileNav__De9JE{align-items:center;display:none}@media screen and (max-width: 1200px){.menu_navigation__8IM8O.menu_mobileNav__De9JE{display:flex;margin-right:8px}}.menu_rightSide__Zk15N{display:flex;align-items:center;height:100%;padding-left:16px}.menu_rightSide__Zk15N>*{margin-right:12px}@media screen and (max-width: 1200px){.menu_rightSide__Zk15N>*{margin-right:8px}}.menu_rightSide__Zk15N .menu_widget__Ibj-u{font-size:17px}.menu_useBox__88Op8{--bit-drawer-margin: 14px}.menu_componentVersionMenu__XLFMB{width:350px}.menu_tab__7rurg>div{color:#2b2b2b;color:var(--on-background-color, #2b2b2b);padding:0}.menu_topBarNav__ETCX0{height:100%}.menu_topBarNav__ETCX0.menu_noBorder__mz9\+\+::after{display:none}@media screen and (max-width: 768px){.menu_hideOnMobile__X46H6{display:none}}
+.ellipsis_ellipsis__2yB16,.ellipsis_ellipsisDiv__c52da{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__c52da{display:inline-block}
+.dark-theme_darkMod__xJDxo{color:#ededed;--bit-text-color: #ededed;--bit-text-color-heavy: #f6f6f6;--bit-text-color-light: #878c9a;--bit-text-inactive: #6c707c;--bit-text-inactive-heavy: #878c9a;--bit-border-color: #6c707c;--bit-border-color-heavy: #878c9a;--bit-border-color-light: #414141;--bit-border-color-lightest: #414141;--bit-accent-color: #5d4aec;--bit-accent-heavy: #6c5ce7;--bit-accent-light: #3e29df;--bit-accent-text: #c9c3f6;--bit-accent-text-heavy: #eceaff;--bit-text-on-accent: var(--bit-text-color, #ededed);--bit-accent-bg: #1a1452;--bit-accent-bg-heavy: #221967;--bit-bg-color: #2b2b2b;--bit-bg-heavy: #414141;--bit-bg-heaviest: #6c707c;--bit-bg-bedrock: #0c0c0c;--bit-navigation: #2b2b2b;--bit-bg-overlay: #2b2b2b;--bit-bg-modal: #2b2b2b;--bit-bg-tooltip: #2b2b2b;--bit-bg-tooltip-heavy: #414141;--bit-bg-dent: #2b2b2b;--bit-error-color: #f7bac9;--bit-error-heavy: #fdeff2;--bit-error-light: #f086a0;--bit-error-bg: #8d1130;--bit-error-bg-heavy: #d31948}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:currentColor;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:currentColor;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:currentColor;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:currentColor;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
+.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:left;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
+.tippy-box[data-theme~=teambit]{color:#fff;color:var(--bit-text-color, #fff);background:#2b2b2b;background:var(--bit-bg-tooltip, #2b2b2b);border-radius:8px}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip, #2b2b2b)}
+.time-ago_dateTooltip__7iAex,.time-ago_dateTooltipContent__t6UQ5{display:flex}.time-ago_dateTooltip__7iAex{max-width:none !important;max-width:initial !important;width:-moz-max-content;width:max-content}
+.styles_avatar__EoTs\+{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:50%;text-align:center;text-transform:uppercase;font-weight:bold;border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed)}.styles_avatar__EoTs\+ .styles_letter__rhYgW{text-align:center;display:inline-block;justify-self:center;color:#ffffff;color:var(--on-primary-color, #ffffff)}.styles_avatar__EoTs\+ .styles_orgDefault__Hp58U{text-align:center;display:inline-block}.styles_avatarImg__mZMAe{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:50%;box-sizing:border-box;margin:auto;width:100%;height:100%}.styles_avatarImg__mZMAe.styles_blob__h0KL4{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__51xgD{display:flex;align-items:center;justify-content:center;overflow:hidden}.styles_default__bbrT7{color:#707279;color:var(--on-background-medium-color, #707279);border:1px solid #ededed;border:1px solid var(--border-medium-color, #ededed);box-sizing:border-box}
+.letter-colors_a__wS4I7{color:#ff6b81}.letter-colors_b__HP\+7e{color:coral}.letter-colors_c__jiX1\+{color:#efc951}.letter-colors_d__5l5C7{color:#94cd53}.letter-colors_e__AM9uy{color:#57606f}.letter-colors_f__MWrZ7{color:#ffa502}.letter-colors_g__NXeXo{color:#409d94}.letter-colors_h__MIjgA{color:#ff4757}.letter-colors_i__ymNZK{color:#747d8c}.letter-colors_j__M7UMl{color:#2f3542}.letter-colors_k__CPDnf{color:#c47367}.letter-colors_l__o-OS2{color:#70a1ff}.letter-colors_m__hU7fB{color:#6665e2}.letter-colors_n__4fT-z{color:#2c437e}.letter-colors_o__OZ6vN{color:#60a3bc}.letter-colors_p__1gJDZ{color:#2ed573}.letter-colors_q__V2IPh{color:#1e90ff}.letter-colors_r__8WIKY{color:#275a80}.letter-colors_s__5dTQv{color:#7e6a6a}.letter-colors_t__Eolaa{color:#5fc068}.letter-colors_u__Cs3S\+{color:#d03961}.letter-colors_v__xC1kt{color:#006266}.letter-colors_w__aGCmi{color:#833471}.letter-colors_x__VoBhr{color:#fda7df}.letter-colors_y__yj6Mm{color:#12cbc4}.letter-colors_z__Ws6UJ{color:#4a69bd}
+.letter-bg-colors_a__fkETB{background-color:#ff6b81}.letter-bg-colors_b__ujHkT{background-color:coral}.letter-bg-colors_c__RuFzD{background-color:#efc951}.letter-bg-colors_d__JyYHx{background-color:#94cd53}.letter-bg-colors_e__qOyqQ{background-color:#57606f}.letter-bg-colors_f__96HEZ{background-color:#ffa502}.letter-bg-colors_g__JyKWT{background-color:#409d94}.letter-bg-colors_h__XYYkG{background-color:#ff4757}.letter-bg-colors_i__ii7kl{background-color:#747d8c}.letter-bg-colors_j__Pusxl{background-color:#2f3542}.letter-bg-colors_k__jJGJm{background-color:#c47367}.letter-bg-colors_l__REGBL{background-color:#70a1ff}.letter-bg-colors_m__FSI-l{background-color:#6665e2}.letter-bg-colors_n__UbRAL{background-color:#2c437e}.letter-bg-colors_o__BoGv7{background-color:#60a3bc}.letter-bg-colors_p__MC6ms{background-color:#2ed573}.letter-bg-colors_q__1Pjw6{background-color:#1e90ff}.letter-bg-colors_r__c0CLS{background-color:#275a80}.letter-bg-colors_s__b4Hm6{background-color:#7e6a6a}.letter-bg-colors_t__WDqhf{background-color:#5fc068}.letter-bg-colors_u__bNqUF{background-color:#d03961}.letter-bg-colors_v__Y4fE7{background-color:#006266}.letter-bg-colors_w__TTSor{background-color:#833471}.letter-bg-colors_x__1ql7W{background-color:#fda7df}.letter-bg-colors_y__mX\+TW{background-color:#12cbc4}.letter-bg-colors_z__6WiGa{background-color:#4a69bd}
+.skeleton_skeleton__keR8V,.skeleton_block__ZrvvZ,.skeleton_circle__gkqsL{background:currentColor}.skeleton_skeletonContent__W3x5W>*,.skeleton_line__rs4lZ>*,.skeleton_word__Sti7W>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__Sti7W{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__rs4lZ>*{width:100%}.skeleton_circle__gkqsL{display:inline-block;width:1em;height:1em;border-radius:50% !important}
+.skeleton-design_skeletonContent__hlgus>*,.skeleton-design_line__oYwz6>*,.skeleton-design_word__6c\+R7>*{border-radius:4px}.skeleton-design_shimmer__yOTwr,.skeleton-design_skeleton__xVsUj,.skeleton-design_block__H0gTx,.skeleton-design_circle__OsEQQ,.skeleton-design_skeletonContent__hlgus>*,.skeleton-design_line__oYwz6>*,.skeleton-design_word__6c\+R7>*{animation:skeleton-design_placeHolderShimmer__AXewK 1.5s infinite forwards linear;background-image:linear-gradient(to right, currentColor 0%, rgba(255, 255, 255, 0.3803921569) 30%, rgba(255, 255, 255, 0.3803921569) 70%, currentColor 100%);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__9MHSS{0%{opacity:1}50%{opacity:.6}100%{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__AXewK{0%{background-position:-10vw 0}100%{background-position:100vw 0}}.skeleton-design_block__H0gTx{border-radius:4px}
+.version-dropdown-placeholder_simple__vveyi,.version-dropdown-placeholder_detailed__rvdkP{cursor:pointer;border:1px solid #babec9;border:1px solid var(--bit-border-color, #babec9);border-radius:6px;transition:background-color 300ms ease-in-out;height:30px;display:flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:nowrap;gap:8px;padding:8px;line-height:1.2em}.version-dropdown-placeholder_simple__vveyi:hover,.version-dropdown-placeholder_detailed__rvdkP:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_simple__vveyi.version-dropdown-placeholder_disabled__F-4XV,.version-dropdown-placeholder_detailed__rvdkP.version-dropdown-placeholder_disabled__F-4XV{cursor:default;background-color:#ededed;background-color:var(--border-medium-color, #ededed);color:#707279;color:var(--on-background-medium-color, #707279)}.version-dropdown-placeholder_simple__vveyi.version-dropdown-placeholder_disabled__F-4XV>span,.version-dropdown-placeholder_detailed__rvdkP.version-dropdown-placeholder_disabled__F-4XV>span{display:none}.version-dropdown-placeholder_versionName__PXdSu{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__dZ7XB{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__wnHAr{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__3PJOx{color:#f6f6f6;color:var(--bit-bg-dent, #f6f6f6)}.version-dropdown-placeholder_loader__3PJOx>span{padding:4px}
+.item_menuItem__-FEtI{display:flex;align-items:center;padding:8px;text-decoration:none;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b)}.item_menuItem__-FEtI .item_icon__WNee1{color:#6c707c;color:var(--bit-text-color-light, #6c707c);margin-right:.76em;font-size:1.15em}.item_interactive__s0HDB:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6);cursor:pointer}.item_active__hR8mD{background:#eceaff;background:var(--bit-accent-bg, #eceaff)}.item_active__hR8mD:hover{background:#eceaff;background:var(--bit-accent-bg, #eceaff)}.item_active__hR8mD .item_icon__WNee1{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}
+.abs-container_container__M7Gqz{position:relative}.abs-container_containee__LsUKs{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__LsUKs{visibility:visible}
+.positions_top__89tuL{bottom:100%}.positions_top-start__D2WWg{bottom:100%;left:0%}.positions_top-end__xd-FZ{bottom:100%;right:0%}.positions_right__cSL6O{left:100%}.positions_right-start__ObVZM{left:100%;top:0%}.positions_right-end__nXk2E{left:100%;bottom:0%}.positions_bottom__Gr5AZ{top:100%}.positions_bottom-start__M\+Ghx{top:100%;left:0%}.positions_bottom-end__Q-ia-{top:100%;right:0%}.positions_left__dVOWI{right:100%}.positions_left-start__1MgRu{right:100%;top:0%}.positions_left-end__tKev0{right:100%;bottom:0%}.positions_cover__FO3Jt{top:0%;left:0%}
+.displacement_displacement__UVCmm[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__UVCmm[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__UVCmm[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__UVCmm[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__UVCmm[data-position=bottom-start],.displacement_displacement__UVCmm[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__UVCmm[data-position=bottom-end],.displacement_displacement__UVCmm[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__UVCmm[data-position^=right-start],.displacement_displacement__UVCmm[data-position^=left-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__UVCmm[data-position^=right-end],.displacement_displacement__UVCmm[data-position^=left-end]{margin-bottom:var(--bit-drawer-indent)}
+.drawer_placeholder__\+vrlx{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.abs-container_container__DI7Do{position:relative}.abs-container_containee__9n4j7{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__9n4j7{visibility:visible}
+.positions_top__IVMNE{bottom:100%}.positions_top-start__JM\+nI{bottom:100%;left:0%}.positions_top-end__ebo4-{bottom:100%;right:0%}.positions_right__HNd1H{left:100%}.positions_right-start__ro4Cy{left:100%;top:0%}.positions_right-end__653lf{left:100%;bottom:0%}.positions_bottom__vG-FF{top:100%}.positions_bottom-start__pLTkp{top:100%;left:0%}.positions_bottom-end__5Uvp-{top:100%;right:0%}.positions_left__mymse{right:100%}.positions_left-start__7Mk5v{right:100%;top:0%}.positions_left-end__3hR1W{right:100%;bottom:0%}.positions_cover__Ue1XF{top:0%;left:0%}
+.displacement_displacement__C2Siz[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__C2Siz[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__C2Siz[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__C2Siz[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__C2Siz[data-position=bottom-start],.displacement_displacement__C2Siz[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__C2Siz[data-position=bottom-end],.displacement_displacement__C2Siz[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__C2Siz[data-position^=right-start],.displacement_displacement__C2Siz[data-position^=left-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__C2Siz[data-position^=right-end],.displacement_displacement__C2Siz[data-position^=left-end]{margin-bottom:var(--bit-drawer-indent)}
+.elevations_low__n65Eu{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__uIqlS{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__pjreb{box-shadow:var(--bit-shadow-hover-high)}
+.dropdown_dropdown__xTsi\+{padding:8px}
+.fade-in-out_fadeInOut__CeqIt{transition:all 180ms;opacity:0;transform:scale(0.61)}[data-open=true]>.fade-in-out_fadeInOut__CeqIt{opacity:1;transform:scale(1)}
+.tab_tab__E66\+-{margin-right:8px;padding:0 16px 8px 16px;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;box-sizing:border-box;border-bottom:3px solid white;border-bottom:3px solid var(--bit-bg-modal, white)}.tab_tab__E66\+-.tab_active__xkunr{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color, #6c5ce7);cursor:inherit}
+.version-dropdown_versionDropdown__ncbCV{height:100%}.version-dropdown_versionDropdown__ncbCV>div{height:100%;display:flex;align-items:center}.version-dropdown_versionDropdown__ncbCV .version-dropdown_menu__nAF-f{padding:0;right:0;font-size:var(--bit-p-xs);border-radius:6px;z-index:5000}.version-dropdown_title__3ulDj{padding:16px;padding-bottom:12px;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.version-dropdown_titleContainer__P946\+{margin-bottom:2px}.version-dropdown_versionContainerRoot__rTkqt{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__rkKTt{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 16px}.version-dropdown_versionRow__rkKTt:hover{background-color:#eceaff !important;background-color:var(--surface-hover-color, #eceaff) !important}.version-dropdown_versionRow__rkKTt.version-dropdown_localVersion__K6qDp{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.version-dropdown_versionRow__rkKTt .version-dropdown_versionTimestamp__ZhfYT{margin-right:2px}.version-dropdown_versionRow__rkKTt .version-dropdown_versionUserAvatar__bkaG0{padding:0px 8px}.version-dropdown_versionRow__rkKTt .version-dropdown_laneIcon__pxK-6{padding:0px 4px}.version-dropdown_versionRow__rkKTt .version-dropdown_version__joZz0{width:60%;display:flex;flex-direction:row;align-content:space-between;align-items:center}.version-dropdown_versionRow__rkKTt .version-dropdown_versionName__Y2B-n{padding:0px 8px;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown_withVersions__Dqd2-{cursor:pointer}.version-dropdown_withVersions__Dqd2->div{margin-right:5px}.version-dropdown_withVersions__Dqd2->span{display:inline;display:initial}.version-dropdown_withVersions__Dqd2-:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__Dqd2-{transition:color 300ms,background-color 300ms ease-in-out;background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}[data-open=true] .version-dropdown_withVersions__Dqd2-:hover{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.version-dropdown_tabs__ofZzu{display:flex;padding:0 24px;line-height:14px;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);overflow-x:auto;margin-top:8px}.version-dropdown_tabs__ofZzu .version-dropdown_tab__4SxfP{font-weight:bold;padding-top:4px;font-size:12px}.version-dropdown_loading__B8egV{color:#f6f6f6;color:var(--bit-bg-dent, #f6f6f6)}.version-dropdown_loader__aGmuB{color:#f6f6f6;color:var(--bit-bg-dent, #f6f6f6)}.version-dropdown_loader__aGmuB>div{padding:8px 0px}.version-dropdown_versionMenuContainer__p9WCa{display:inline;display:initial}.version-dropdown_versionMenuContainer__p9WCa.version-dropdown_hide__DVsQe{display:none}
+.pill-label_pillLabel__t0VDh{display:flex;align-items:center;border-radius:12px;border-style:solid;border-width:1px;width:-moz-fit-content;width:fit-content;padding:2px 8px;text-transform:capitalize;border-color:#ededed;border-color:var(--bit-border-color-lightest, #ededed);color:#6c707c;color:var(--bit-text-color-light, #6c707c);font-size:14px;font-size:var(--bit-p-xs, 14px)}
+.version-label_label__hsRQP.version-label_latest__iu\+lB{border-color:#37b26c;color:#37b26c}.version-label_label__hsRQP.version-label_current__vwb3z{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__\+L4xl{margin-bottom:16px;align-self:flex-end}.version-label_emptyLabel__nbsal{height:25px;margin-bottom:16px}.version-label_labelContainer__6Pi6Y{display:flex;flex-direction:column}
+.version-info_versionRow__Bjzyk{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 16px;line-height:1.2em}.version-info_versionRow__Bjzyk:hover{background-color:#eceaff !important;background-color:var(--surface-hover-color, #eceaff) !important}.version-info_versionTimestamp__CQvGX{min-width:-moz-fit-content;min-width:fit-content;margin-right:2px;text-align:right}.version-info_versionUserAvatar__roc\+n{flex:none;padding:0px 8px}.version-info_laneIcon__BZucD{padding:0px 4px}.version-info_version__wElyB{max-width:70%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow:hidden}.version-info_versionName__-3tUk{padding:0px 8px;flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-info_commitMessage__H92W3{flex-grow:1;padding:0px 8px}.version-info_emptyMessage__uEE5H{font-style:italic;color:#6c707c;color:var(--bit-text-color-light, #6c707c);padding:0px 8px;font-size:var-bit-p-xs,14px}
+.lane-info_versionRow__WX4rV{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 24px}.lane-info_versionRow__WX4rV .lane-info_versionTimestamp__1dDra{margin-right:2px}.lane-info_versionRow__WX4rV .lane-info_versionUserAvatar__7eyCC{padding:0px 8px}.lane-info_versionRow__WX4rV .lane-info_laneIcon__msUdl{padding:0px 4px}.lane-info_versionRow__WX4rV .lane-info_version__KhDGR{width:60%;display:flex;flex-direction:row;align-content:space-between;align-items:center}.lane-info_versionRow__WX4rV .lane-info_versionName__gwMm\+{padding:0px 8px}
+.abs-container_container__UWhVH{position:relative}.abs-container_containee__xJjZC{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__xJjZC{visibility:visible}
+.positions_top__BmTft{bottom:100%}.positions_top-start__TT\+xN{bottom:100%;left:0%}.positions_top-end__BglBM{bottom:100%;right:0%}.positions_right__Rn8bj{left:100%}.positions_right-start__zl7X8{left:100%;top:0%}.positions_right-end__dj5uh{left:100%;bottom:0%}.positions_bottom__\+D2qz{top:100%}.positions_bottom-start__gDQUF{top:100%;left:0%}.positions_bottom-end__w6C6Q{top:100%;right:0%}.positions_left__2MoS6{right:100%}.positions_left-start__eab4z{right:100%;top:0%}.positions_left-end__0HvdH{right:100%;bottom:0%}.positions_cover__bKgyi{top:0%;left:0%}
+.displacement_displacement__bKwcL[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__bKwcL[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__bKwcL[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__bKwcL[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__bKwcL[data-position=bottom-start],.displacement_displacement__bKwcL[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__bKwcL[data-position=bottom-end],.displacement_displacement__bKwcL[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__bKwcL[data-position^=right-start],.displacement_displacement__bKwcL[data-position^=left-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__bKwcL[data-position^=right-end],.displacement_displacement__bKwcL[data-position^=left-end]{margin-bottom:var(--bit-drawer-indent)}
+.tooltip-card_menu__h4hmh{background:var(--bit-bg-tooltip);padding:8px}
+.arrow_arrow__XeHVM{position:absolute;margin:0 auto}.arrow_arrow__XeHVM::before{content:"";transform:rotate(45deg);display:block;width:10px;height:10px;background:var(--bit-bg-tooltip)}
+.arrow-position_top__-Mz5\+{left:calc(50% - 5px)}.arrow-position_bottom__DF\+Xy{left:calc(50% - 5px)}.arrow-position_right__\+h330{top:calc(50% - 5px)}.arrow-position_left__ANNAT{top:calc(50% - 5px)}.arrow-position_cover__\+7skn{display:none}.arrow-position_none__KtSKc{display:none}
+.arrow-shadow_top__6zMV-::before,.arrow-shadow_top-start__b6ry5::before,.arrow-shadow_top-end__FVw5j::before{box-shadow:2px 2px 4px 0px rgba(0,0,0,.1)}.arrow-shadow_bottom__tIDt3::before,.arrow-shadow_bottom-start__64d2M::before,.arrow-shadow_bottom-end__Twqgj::before{box-shadow:-2px -2px 4px 0px rgba(0,0,0,.1)}.arrow-shadow_right__Vq4Kc::before,.arrow-shadow_right-start__egbHg::before,.arrow-shadow_right-end__PpKB7::before{box-shadow:-2px 2px 4px 0px rgba(0,0,0,.1)}.arrow-shadow_left__ghA8a::before,.arrow-shadow_left-start__j-dlF::before,.arrow-shadow_left-end__IUnhI::before{box-shadow:2px -2px 4px 0px rgba(0,0,0,.1)}
+.tooltip-drawer_tooltip__ynOBK{--bit-drawer-margin: 10px;--bit-drawer-margin: 10px}.tooltip-drawer_arrow__dzLWr{--bit-drawer-margin: 5px;--bit-drawer-indent: 8px;--bit-drawer-margin: 5px;--bit-drawer-indent: 8px}
+.key_keyCombo__5\+WcJ{display:flex;align-items:center;white-space:nowrap}.key_keyCombo__5\+WcJ .key_keycap__mkC5x{margin-right:4px}.key_keyCombo__5\+WcJ .key_keycap__mkC5x:last-child{margin-right:0}.key_keySequence__UaWqw{display:flex;white-space:nowrap;align-items:center}.key_keycap__mkC5x{text-transform:uppercase;background-color:#f6f6f6;background-color:var(--bit-bg-dent, #f6f6f6);color:#6c707c;color:var(--bit-text-color-light, #6c707c);border-radius:3px;min-width:1.7em;padding:0 .4em;box-sizing:border-box;height:1.7em;font-size:12px;display:flex;align-items:center;justify-content:center}.key_thenSep__psPPo{font-size:.8em;margin:0 4px}
+.main-dropdown_mainDropdown__Z\+DkW{height:100%}.main-dropdown_mainDropdown__Z\+DkW>div{height:100%;display:flex;align-items:center}.main-dropdown_mainDropdown__Z\+DkW .main-dropdown_menu__ZhaKG{width:300px;padding:0;right:-5px;font-size:var(--bit-p-xs);border-radius:6px}.main-dropdown_mainDropdown__Z\+DkW .main-dropdown_menu__ZhaKG>div{margin-bottom:8px}.main-dropdown_iconAnchor__KMH9g{display:flex;align-items:center;height:30px;cursor:pointer;border-radius:6px;font-size:16px;transition:background-color 300ms ease-in-out}[data-open=true] .main-dropdown_iconAnchor__KMH9g{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__KMH9g:hover{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.main-dropdown_iconAnchor__KMH9g:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__e2TJB{padding:0 8px}.main-dropdown_menuBlock__jpsFQ{padding:16px 0 10px 0;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.main-dropdown_menuBlock__jpsFQ:last-child{border-bottom:none}.main-dropdown_title__kTRVk{font-size:10px;text-transform:uppercase;color:#878c9a;margin-bottom:8px;font-weight:bold;padding:0 16px}.main-dropdown_line__Gckv3{display:flex;align-items:center;justify-content:space-between;cursor:pointer;display:flex;align-items:center;height:36px;padding:0 16px}.main-dropdown_line__Gckv3:hover{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
+.dropdown_menu__o3HAJ{padding:0;font-size:14px;font-size:var(--bit-p-xs, 14px);border-radius:6px;width:400px;z-index:102}.dropdown_placeholder__KwKRy{color:#37b26c;border:1px solid #37b26c;background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff);cursor:pointer;box-sizing:border-box;display:flex;align-items:center;padding:0 6px;height:30px;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color 300ms,color 300ms ease-in-out}.dropdown_placeholder__KwKRy:hover{color:#ffffff;color:var(--bit-bg-color, #ffffff);background-color:#2e945a;border-color:#2e945a}@media screen and (max-width: 768px){.dropdown_placeholder__KwKRy{padding:0 8px}.dropdown_placeholder__KwKRy .dropdown_content__0VjA9{display:none}}.dropdown_placeholder__KwKRy>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__KwKRy{transition:color 300ms,background-color 300ms ease-in-out;color:#ffffff;color:var(--bit-bg-color, #ffffff);background-color:#2e945a;border-color:#2e945a}.dropdown_placeholder__KwKRy>div{padding:0 6px}
+.menu_container__nSLXQ{z-index:5000}.menu_top__ZDQG6{padding:16px 24px 24px 24px;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b)}.menu_title__YebUC{display:flex;align-items:center;font-size:var(--bit-p-xs);font-weight:bold}.menu_title__YebUC>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__hmbvg{justify-content:space-between}.menu_drawer__hmbvg>div{display:flex;align-items:center}.menu_drawer__hmbvg>div>span:first-child{margin-right:8px;font-size:16px;font-size:var(--bit-p-md, 16px)}.menu_tabs__pMtzu{display:flex;padding:0 24px;line-height:14px;border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);overflow-x:auto}.menu_registry__YRBKx>div:last-child{border-top:none;padding:0}.menu_importContent__4S\+hk>div{margin:12px 0}.menu_importContent__4S\+hk>div:nth-child(2),.menu_importContent__4S\+hk>div:nth-child(4){margin-bottom:24px}.menu_bottom__Kmfip{display:flex;align-items:center}.menu_bottom__Kmfip>span:first-child{margin-right:8px;font-size:16px;font-size:var(--bit-p-md, 16px)}.menu_disabled__Cpyob{font-size:12px;font-size:var(--bit-p-xs, 12px);padding:4px;background-color:#fffcf4;background-color:var(--warning-surface-color, #fffcf4)}.menu_warnIcon__AXc3A{padding-right:4px;filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%)}
+.tab-content_middle__a8wxl{margin:0 24px 16px}.tab-content_middle__a8wxl>div{margin:12px 0}.tab-content_bottom__r7lee{padding:8px 0;border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest, #ededed)}.tab-content_drawer__aUI3a{display:flex;justify-content:space-between;align-items:center}.tab-content_open__0GweQ{transform:rotateZ(180deg)}
+.bottom-link_link__pr1N3{padding:0 24px;height:40px;display:flex;align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);cursor:pointer;text-decoration:none;text-decoration:initial}.bottom-link_link__pr1N3:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest, #ededed)}.bottom-link_link__pr1N3>span:first-child{margin-right:8px;font-size:16px;font-size:var(--bit-p-md, 16px)}
+.copied-message_copiedMessage__8mll6{position:absolute;transform:translate(-100%, 0);pointer-events:none;padding:2px 5px;border-radius:12px;font-size:12px;color:#ffffff;color:var(--bit-text-on-accent, #ffffff);background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);opacity:0;visibility:hidden;transition:visibility 500ms,opacity 500ms ease-in-out}.copied-message_showMessage__sNXKt{opacity:1;visibility:visible}
+.grid_gridContainer__XMOBL{display:grid;grid-gap:16px 16px}
+@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-1__\+HdTn{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-1__vTKmT{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-1__LKDYa{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-1__zmkwA{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-1__71-Ia{grid-template-columns:repeat(1, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-1__xKYOH{grid-template-columns:repeat(1, 1fr)}}.grid-template_colTemplate--all-1__pex8h{grid-template-columns:repeat(1, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-2__fWFuz{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-2__FKFUz{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-2__zOAiR{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-2__nIU20{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-2__0hOv8{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-2__Mrd9f{grid-template-columns:repeat(2, 1fr)}}.grid-template_colTemplate--all-2__2I1No{grid-template-columns:repeat(2, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-3__eAGzF{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-3__uQ\+bR{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-3__B5\+lQ{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-3__GBbcj{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-3__A5vJZ{grid-template-columns:repeat(3, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-3__SNbzh{grid-template-columns:repeat(3, 1fr)}}.grid-template_colTemplate--all-3__EmKDf{grid-template-columns:repeat(3, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-4__INqBG{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-4__J9hwc{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-4__Q7z6A{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-4__Svf-j{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-4__neHVD{grid-template-columns:repeat(4, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-4__wrqfu{grid-template-columns:repeat(4, 1fr)}}.grid-template_colTemplate--all-4__g0\+LY{grid-template-columns:repeat(4, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-5__wNhJu{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-5__aaPwT{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-5__oE4uJ{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-5__Dsfva{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-5__jb70m{grid-template-columns:repeat(5, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-5__cZZV2{grid-template-columns:repeat(5, 1fr)}}.grid-template_colTemplate--all-5__8amrp{grid-template-columns:repeat(5, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-6__dPHZm{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-6__IsdQk{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-6__cfGne{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-6__9OEWD{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-6__vHtcQ{grid-template-columns:repeat(6, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-6__6cx8A{grid-template-columns:repeat(6, 1fr)}}.grid-template_colTemplate--all-6__ZgU5-{grid-template-columns:repeat(6, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-7__UkK2G{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-7__tu8-J{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-7__7MY0W{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-7__e9xD6{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-7__EQ\+R4{grid-template-columns:repeat(7, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-7__YPykb{grid-template-columns:repeat(7, 1fr)}}.grid-template_colTemplate--all-7__T6den{grid-template-columns:repeat(7, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-8__1CRkK{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-8__AcAnX{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-8__fdwsn{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-8__k4St1{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-8__qL1Uy{grid-template-columns:repeat(8, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-8__I\+xDb{grid-template-columns:repeat(8, 1fr)}}.grid-template_colTemplate--all-8__CYFIp{grid-template-columns:repeat(8, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-9__8jF5b{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-9__FKiuX{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-9__WUsNT{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-9__47GlB{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-9__mWMXx{grid-template-columns:repeat(9, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-9__oMKoe{grid-template-columns:repeat(9, 1fr)}}.grid-template_colTemplate--all-9__\+7hAJ{grid-template-columns:repeat(9, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-10__zrFKd{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-10__06JIT{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-10__cJhGU{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-10__9jgzz{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-10__LkIqg{grid-template-columns:repeat(10, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-10__55dDa{grid-template-columns:repeat(10, 1fr)}}.grid-template_colTemplate--all-10__TfIXw{grid-template-columns:repeat(10, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-11__A-rnS{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-11__IDovf{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-11__s1aD6{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-11__uNVWL{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-11__wtROQ{grid-template-columns:repeat(11, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-11__dY6iL{grid-template-columns:repeat(11, 1fr)}}.grid-template_colTemplate--all-11__YKH6u{grid-template-columns:repeat(11, 1fr)}@media only screen and (min-width: 360px){.grid-template_colTemplate--xs-12__emwbE{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 480px){.grid-template_colTemplate--sm-12__gj-bf{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 768px){.grid-template_colTemplate--md-12__T4lr8{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 920px){.grid-template_colTemplate--l-12__SY0x-{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 1200px){.grid-template_colTemplate--lg-12__dHEbO{grid-template-columns:repeat(12, 1fr)}}@media only screen and (min-width: 1440px){.grid-template_colTemplate--xl-12__7Qdbb{grid-template-columns:repeat(12, 1fr)}}.grid-template_colTemplate--all-12__9QYFy{grid-template-columns:repeat(12, 1fr)}
+.copy-box_copyBox__zzFuX{border-radius:6px;font-size:var(--bit-p-xs);background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);display:flex;justify-content:space-between;align-items:center;padding:0 11px;height:40px;min-width:80px;line-height:115%}.copy-box_copyBox__zzFuX .copy-box_leftSection__6IW0N{-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre;overflow:hidden;text-overflow:ellipsis;font-family:monospace}.copy-box_button__pxTqV{cursor:pointer;box-sizing:border-box;border:none;background-color:var(--bit-bg-color-highlight);color:var(--bit-accent-color);outline:none}.copy-box_rightSection__C5VfV{display:flex;align-items:center;position:relative}.copy-box_copyIcon__HM\+MF{font-size:var(--bit-p-lg)}
+.bit-info_moreInfo__ngtvE>div:last-child{border-top:none;padding:0}
+.tippy-box[data-theme~=teambit]{color:#fff;color:var(--bit-text-color, #fff);background:#2b2b2b;background:var(--bit-bg-tooltip, #2b2b2b);border-radius:8px}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip, #2b2b2b)}
+.inline-code_inlineCode__3iTt4{font-family:monospace,sans-serif;border-radius:.25em;padding:.2em .4em;font-size:.85em;background-color:rgba(166,166,166,.2)}.inline-code_highlight__E-h1D{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
+.size-definition_headingFontSize__ALAvx{--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__2rMQK{--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__ClAAy{--bit-shadow-none: none;--bit-shadow-faint: 0 2px 10px 0 rgba(0, 0, 0, 0.1);--bit-shadow-resting: 0px 0px 4px rgba(0, 0, 0, 0.08), 0px 2px 4px rgba(0, 0, 0, 0.08);--bit-shadow-raised-low: 0 -1px 1px 0 rgba(0, 0, 0, 0.09), 0 2px 2px 0 rgba(0, 0, 0, 0.23);--bit-shadow-hover-low: 0 2px 8px 0 rgba(0, 0, 0, 0.2);--bit-shadow-hover-medium: 0 0 20px 0 rgba(0, 0, 0, 0.12), 0 2px 6px 0 rgba(0, 0, 0, 0.24);--bit-shadow-hover-high: 0px 11px 29px 0px rgba(0, 0, 0, 0.23)}
+.color-definition_primaryPalette__R\+YTI{color:#414141;--bit-text-color: #414141;--bit-text-color-heavy: #2b2b2b;--bit-text-color-light: #6c707c;--bit-text-inactive: #babec9;--bit-text-inactive-heavy: #878c9a;--bit-border-color: #babec9;--bit-border-color-heavy: #878c9a;--bit-border-color-light: #cccfd4;--bit-border-color-lightest: #ededed;--bit-accent-color: #6c5ce7;--bit-accent-heavy: #5d4aec;--bit-accent-light: #897dec;--bit-accent-text: #6c5ce7;--bit-accent-text-heavy: #5d4aec;--bit-text-on-accent: #ffffff;--bit-accent-bg: #eceaff;--bit-accent-bg-heavy: #c9c3f6;--bit-bg-color: #ffffff;--bit-bg-heavy: #f6f6f6;--bit-bg-heaviest: #ededed;--bit-bg-bedrock: #ffffff;--bit-bg-navigation: #f6f6f6;--bit-bg-overlay: #ffffff;--bit-bg-modal: #ffffff;--bit-bg-tooltip: #ffffff;--bit-bg-tooltip-heavy: #f6f6f6;--bit-bg-dent: #f6f6f6;--bit-error-color: #e62e5c;--bit-error-heavy: #d31948;--bit-error-light: #f086a0;--bit-error-bg: #fdeff2;--bit-error-bg-heavy: #f7bac9}
+.brand-definition_brands__VaVwU{--bit-github-bg: #2b2b2b;--bit-brand-text: #ffffff;--bit-slack-bg: #4a154b;--bit-twitter-bg: #1da1f2}
+.heading-margin-definition_headingMargins__EzZmq{--bit-h1Margin: 20px;--bit-h2Margin: 20px;--bit-h3Margin: 20px;--bit-h4Margin: 8px;--bit-h5Margin: 8px;--bit-h6Margin: 8px;--bit-h7Margin: 8px}
+@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-Book.otf")}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-Bold.otf");font-weight:bold}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-Black.otf");font-weight:800}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-BookItalic.otf");font-style:italic}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-BoldItalic.otf");font-style:italic;font-weight:bold}@font-face{font-family:"CircularPro";src:url("https://static.bit.dev/fonts/CircularPro-BlackItalic.otf");font-style:italic;font-weight:800}.book-font_bookFont__hUpTz{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}
+.texts_defaults__-ruXp{line-height:1.23}
+.sizes_heading__ybJO6{--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__P9ssh{line-height:normal}
+.pane_pane__nxuXK{transition:width 300ms,height 300ms}[data-split-layout*=first]>.pane_pane__nxuXK,[data-split-layout*=last]>.pane_pane__nxuXK{min-width:0;min-width:initial;max-width:none;max-width:initial}
+.splitter_splitter__SAm1b{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__SAm1b{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__SAm1b{cursor:row-resize;width:100%}
+body{padding:0}.split-pane_splitPane__\+blw1{display:flex;flex-direction:column}.split-pane_splitPane__\+blw1.split-pane_isDragging__eTzVp{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.split-pane_splitPane__\+blw1[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__\+blw1[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__\+blw1[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__\+blw1[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__\+blw1[data-split-layout^="column reverse"]{flex-direction:column-reverse}
+.splitter_hoverSplitter__JPyRX{min-width:1px;min-height:1px;position:relative;flex:none;background:#ededed;background:var(--bit-border-color-lightest, #ededed)}.splitter_highlighter__cQkhv{height:100%;width:100%}.splitter_highlighter__cQkhv,.splitter_highlighter__cQkhv::before,.splitter_highlighter__cQkhv::after{transition:background-color 300ms ease-in-out,box-shadow 300ms ease-in-out}.splitter_highlighter__cQkhv:hover,[data-is-dragging=true]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv,.splitter_highlighter__cQkhv:hover::before,.splitter_highlighter__cQkhv:hover::after,[data-is-dragging=true]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::before,[data-is-dragging=true]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::after{background:#6c5ce7;background:var(--bit-accent-color, #6c5ce7);transition-delay:.18s}.splitter_highlighter__cQkhv::before,.splitter_highlighter__cQkhv::after{content:" ";display:block;position:absolute;background:rgba(0,0,0,0)}[data-split-layout^=row]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::before,[data-split-layout^=row]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::after{width:200%;height:100%}[data-split-layout^=row]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::before,[data-split-layout^=column]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::after{width:100%;height:200%}[data-split-layout^=column]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__JPyRX>.splitter_highlighter__cQkhv::after{bottom:-200%}
+.table-heading-column_headingColumn__gl0CV{display:flex;align-items:center;flex-wrap:wrap;font-weight:bold;font-size:var(--bit-p-xxs)}
+.table-heading-row_titleRow__sU4x9{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);padding:18px 20px;display:grid}.table-heading-row_titleRow__sU4x9.table-heading-row_hide__Qneuk{display:none}.table-heading-row_titleCol__sRw0d{text-transform:uppercase;color:var(--bit-text-color-light)}
+.table-column_tableColumn__NWVHP{display:flex;align-items:center;font-size:var(--bit-p-xs)}
+.table-row_propRow__90tsn{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__90tsn.table-row_singleColumn__R0hiJ{grid-template-columns:repeat(1, 1fr)}.table-row_mobileTitle__pO\+Ch{display:none}.table-row_mobileTitle__pO\+Ch.table-row_show__vOiRz{display:flex;min-width:110px;color:var(--bit-text-color-light);font-weight:bold;text-transform:uppercase;font-size:var(--bit-p-xxs)}.table-row_column__Bem9H{display:flex;align-items:center;flex-wrap:wrap}.table-row_columnContent__bP9o-{display:flex;align-items:center;flex-wrap:wrap}.table-row_title__brXTU{margin:0;margin:initial;text-transform:capitalize}.table-row_required__E1c0Y{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__iFi\+Q{margin-right:5px;font-family:Roboto mono;font-size:var(--bit-p-xxs);color:#4646c6}.table-row_type__DDrrJ{display:inline-block;background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff);font-family:Roboto mono;font-size:var(--bit-p-xxs);width:-moz-fit-content;width:fit-content;padding:5px;border-radius:4px}.table-row_typeColumn__8I9x- .table-row_highlighted__bArf9{display:flex !important;flex-grow:1;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;background:initial !important;padding:0 !important;word-break:break-word;font-family:Roboto mono;font-size:var(--bit-p-xxs);white-space:pre-wrap;margin:0}.table-row_typeColumn__8I9x- .table-row_highlighted__bArf9>code>span{color:#397300}.table-row_typeColumn__8I9x- .table-row_highlighted__bArf9>code{font-family:inherit}.table-row_default__O9HEI{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__zexUn{word-break:break-word}
+.table_table__bHmQ2>div{grid-gap:16px 24px}
+.tabs_tabContainer__9KEHn{display:flex}.tabs_tab__gfkQ7{cursor:pointer;position:relative;padding:8px;text-transform:uppercase;font-size:12px;font-weight:bold;outline:none;color:#878c9a;color:var(--on-background-color, #878c9a);transition:color 300ms ease-in-out}.tabs_tab__gfkQ7:hover{color:var(--primary-color)}.tabs_tab__gfkQ7.tabs_disabled__fOKe6{color:#6c707c;color:var(--bit-text-color-light, #6c707c)}.tabs_tab__gfkQ7.tabs_active__attgR:before{content:"";position:absolute;top:0;left:0;right:0;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);height:3px;border-radius:2px;transition:background-color 300ms,height 300ms}
+.tippy-box[data-theme~=teambit]{color:#fff;color:var(--bit-text-color, #fff);background:#2b2b2b;background:var(--bit-bg-tooltip, #2b2b2b);border-radius:8px}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip, #2b2b2b)}
+.collapser-button_collapser__O9ea7{position:absolute;bottom:80px;z-index:100;cursor:pointer;transition:right 300ms,left 300ms ease-in-out}.collapser-button_collapser__O9ea7.collapser-button_open__KaS-p .collapser-button_circle__BSuq7>div{transform:rotate(-0.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__BSuq7{height:100%;font-size:12px;padding:10px;background-color:#fff;background-color:var(--bit-bg-color, #fff);box-shadow:0 -1px 1px 0 rgba(0,0,0,.09),0 1px 2px 0 rgba(0,0,0,.23);transition:padding 300ms ease-in-out}.collapser-button_circle__BSuq7>div{transition:transform 300ms ease-in-out}.collapser-button_right__y2f8p .collapser-button_circle__BSuq7{border-top-right-radius:50%;border-bottom-right-radius:50%;padding-left:10px}.collapser-button_right__y2f8p .collapser-button_circle__BSuq7:hover{padding-left:16px}.collapser-button_left__rlzm- .collapser-button_circle__BSuq7{border-top-left-radius:50%;border-bottom-left-radius:50%;padding-right:10px}.collapser-button_left__rlzm- .collapser-button_circle__BSuq7:hover{padding-right:16px}
+.empty-box_emptyCompositions__T4LJH{margin:auto;padding:20px;font-size:15px;font-size:var(--bit-p-sm, 15px)}.empty-box_emptyCompositions__T4LJH *{text-overflow:ellipsis}.empty-box_innerBorder__8aE8T{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest, #ededed);padding:24px;border-radius:8px;overflow:hidden}.empty-box_innerBorder__8aE8T>div{font-weight:bold;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__8aE8T>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__8aE8T>a>span{font-size:12px;font-size:var(--bit-p-xxs, 12px);padding-left:5px}
+.preview_preview__1YTlm{background-color:#fff;background-color:var(--bit-bg-color, #fff)}
+.compositions-menu-bar_compositionsMenuBar__ai2P1{display:flex;align-items:center;box-sizing:border-box;padding:8px}.compositions-menu-bar_spacer__sfoqa{flex:1 0}
+.block-quote_blockQuote__Dor4z{background-color:rgba(202,200,200,.2);border-left:5px solid #897dec;border-radius:5px;margin:0 0 1em 0;padding:1em 10px 1em 18px;margin-bottom:1em}.block-quote_blockQuote__Dor4z>*:last-child{margin-bottom:0}
+.bold_bold__MpNwk{font-weight:bold}
+.external-link_link__u5CF0{text-decoration:none}.external-link_link__u5CF0:hover{text-decoration:underline}
+.heading-sizes_xxs__CzEZ1{font-size:16px;font-size:var(--bit-h-xxs, 16px)}.heading-sizes_xs__qIQmX{font-size:18px;font-size:var(--bit-h-xs, 18px)}.heading-sizes_sm__rq3Lf{font-size:24px;font-size:var(--bit-h-sm, 24px)}.heading-sizes_md__TiKsA{font-size:26px;font-size:var(--bit-h-md, 26px)}.heading-sizes_lg__N5x\+r{font-size:36px;font-size:var(--bit-h-lg, 36px)}.heading-sizes_xl__\+qhRF{font-size:40px;font-size:var(--bit-h-xl, 40px)}.heading-sizes_xxl__uEZIG{font-size:50px;font-size:var(--bit-h-xxl, 50px)}
+.heading_h1__9Ipfb,.heading_h2__QC94S,.heading_h3__h1kCe,.heading_h4__ODInC,.heading_h5__rR0W1,.heading_h6__rE2v4{font-weight:bold;margin:0}.heading_h1__9Ipfb{margin-bottom:20px}
+.anchor_anchor__OaGnZ{text-decoration:none;display:flex;align-items:center}.anchor_anchorIcon__cLl0R{font-size:18px;color:var(--bit-text-color-light)}
+.linked-heading_linkedHeading__FhC3O{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-bottom:16px}.linked-heading_linkedHeading__FhC3O:hover .linked-heading_anchor__xWHVO{opacity:1;visibility:inherit}.linked-heading_heading__FpCt8{margin-right:8px;margin-bottom:0}.linked-heading_anchor__xWHVO{visibility:hidden;opacity:0;transition:visibility 300ms,opacity 300ms ease-in-out;transform:translateY(4px)}
+.create-heading_mdxLinkedHeading__AZhlD{margin-top:40px;width:100%;justify-content:start}.create-heading_mdxLinkedHeading__AZhlD[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__AZhlD[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__AZhlD[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__AZhlD.create-heading_mainHeadingStyles__maKyZ{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__AZhlD:first-child{padding-top:0}
+.image_img__UIUZg{max-width:100%}.image_img__UIUZg:not(:last-child){margin-bottom:16px}
+.inline-code_inlineCode__1hRSH{font-family:monospace,sans-serif;border-radius:.25em;padding:.2em .4em;font-size:.85em;background-color:rgba(166,166,166,.2)}.inline-code_highlight__F9NIn{background-color:#eceaff;background-color:var(--bit-accent-bg, #eceaff)}
+.italic_italic__u-ejX{font-style:italic}
+.ol_ol__EnaCu{list-style:revert;list-style-position:outside;margin:0;padding:0;margin-bottom:16px;padding-left:32px}.ol_ol__EnaCu ul,.ol_ol__EnaCu ol{padding-left:18px}.ol_ol__EnaCu>li>p{margin-bottom:0}
+.text-sizes_xxs__tI\+AX{font-size:12px;font-size:var(--bit-p-xxs, 12px)}.text-sizes_xs__uzdBq{font-size:14px;font-size:var(--bit-p-xs, 14px)}.text-sizes_sm__5GRVq{font-size:15px;font-size:var(--bit-p-sm, 15px)}.text-sizes_md__lA\+T7{font-size:16px;font-size:var(--bit-p-md, 16px)}.text-sizes_lg__edVdt{font-size:18px;font-size:var(--bit-p-lg, 18px)}.text-sizes_xl__MNRg\+{font-size:20px;font-size:var(--bit-p-xl, 20px)}.text-sizes_xxl__6Q3xJ{font-size:24px;font-size:var(--bit-p-xxl, 24px)}
+.paragraph_paragraph__7IYto{margin:0;margin-bottom:1em}
+.separator_separator__YpeNO{border-bottom:1px solid var(--bit-border-color-lightest);border-top:none;border-left:none;border-right:none;border-radius:5px;margin-bottom:40px;margin-top:30px}
+.copied-message_copiedMessage__8MYng{position:absolute;transform:translate(-100%, 0);pointer-events:none;padding:2px 5px;border-radius:12px;font-size:12px;color:#ffffff;color:var(--bit-text-on-accent, #ffffff);background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);opacity:0;visibility:hidden;transition:visibility 500ms,opacity 500ms ease-in-out}.copied-message_showMessage__fuNcd{opacity:1;visibility:visible}
+.code-snippet_snippetWrapper__RNUrb{position:relative}.code-snippet_snippetWrapper__RNUrb:hover .code-snippet_copyIcon__tCMhP{opacity:1}.code-snippet_snippetWrapper__RNUrb .code-snippet_codeSnippet__VMX9E{padding:16px !important;border-radius:10px;background-color:#fff;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0 !important}.code-snippet_snippetWrapper__RNUrb .code-snippet_copyIcon__tCMhP{margin-left:8px;padding:2px;border-radius:8px;background-color:#fff;opacity:0;color:#414141;cursor:pointer;transition:opacity 300ms ease-in-out;box-sizing:border-box;width:24px}.code-snippet_snippetWrapper__RNUrb code{font-family:inherit !important}.code-snippet_copy__WaPAf{display:flex;align-items:center;position:absolute;top:6px;right:6px}
+.error_error__Qi3oD{color:#e62e5c;color:var(--bit-error-color, #e62e5c)}
+.react-playground_column__ev6pq{height:450px}.react-playground_column__ev6pq .react-playground_codePane__Pprki,.react-playground_column__ev6pq .react-playground_previewPane__8TJfk{width:100%;min-height:10%;max-height:90%}.react-playground_column__ev6pq .react-playground_previewPane__8TJfk,.react-playground_column__ev6pq .react-playground_error__JP\+mO{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__Hi-fj{max-height:450px;height:100%}.react-playground_row__Hi-fj .react-playground_codePane__Pprki,.react-playground_row__Hi-fj .react-playground_previewPane__8TJfk{height:100%;min-width:10%;max-width:90%}.react-playground_row__Hi-fj .react-playground_previewPane__8TJfk,.react-playground_row__Hi-fj .react-playground_error__JP\+mO{border-radius:0 6px 6px 0;border-left:none}.react-playground_error__JP\+mO{position:absolute;top:0;bottom:0;left:0;right:0;font-size:11px;font-family:Roboto mono;color:var(--bit-error-color);background-color:var(--bit-bg-color);margin:0;box-sizing:border-box;border:1px solid var(--bit-error-color);padding:8px;transition:all 1000ms ease-in-out;overflow:auto}.react-playground_codePane__Pprki{overflow:auto;background-color:#282c34}.react-playground_editor__Ozbqn{width:-moz-fit-content;width:fit-content;min-width:100%;max-width:none !important;max-width:initial !important;font-size:11px;font-family:Roboto mono !important}.react-playground_editor__Ozbqn>textarea{white-space:pre !important;outline:none}.react-playground_editor__Ozbqn>pre{white-space:pre !important}.react-playground_splitter__PnTn1{background-color:#282c34}.react-playground_previewPane__8TJfk{display:flex;flex-shrink:1 !important;box-sizing:border-box;border:1px solid var(--bit-border-color-lightest);overflow:auto;position:relative;transform:translateZ(0)}.react-playground_previewBox__TuZPz{margin:auto;min-width:20px;min-height:20px}.react-playground_playground__HEKrR{display:flex;overflow:hidden;border-radius:6px}.react-playground_playground__HEKrR>div{width:100%}
+.snippet_snippet__i6Jk1{margin-bottom:16px}
+.sup_sup__AqOzD{vertical-align:super;font-size:smaller}
+.base-table_table__slvSj{overflow:auto;display:block;margin-bottom:16px;width:-moz-fit-content;width:fit-content;max-width:100%;border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest, #ededed);border-radius:8px;border-collapse:collapse;border-spacing:0}.base-table_table__slvSj tr:nth-child(even){background-color:#f6f6f6;background-color:var(--bit-bg-dent, #f6f6f6)}.base-table_table__slvSj thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.base-table_table__slvSj th{font-weight:bold;padding:12px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#2b2b2b;color:var(--bit-text-color-heavy, #2b2b2b);font-size:var(--bit-p-xs)}.base-table_table__slvSj td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.base-table_table__slvSj table,.base-table_table__slvSj th,.base-table_table__slvSj td,.base-table_table__slvSj tr,.base-table_table__slvSj thead{text-align:start}.base-table_table__slvSj table[align=center],.base-table_table__slvSj th[align=center],.base-table_table__slvSj td[align=center],.base-table_table__slvSj tr[align=center],.base-table_table__slvSj thead[align=center]{text-align:center}.base-table_table__slvSj table[align=left],.base-table_table__slvSj th[align=left],.base-table_table__slvSj td[align=left],.base-table_table__slvSj tr[align=left],.base-table_table__slvSj thead[align=left]{text-align:start}.base-table_table__slvSj table[align=right],.base-table_table__slvSj th[align=right],.base-table_table__slvSj td[align=right],.base-table_table__slvSj tr[align=right],.base-table_table__slvSj thead[align=right]{text-align:end}
+.td_td__XUZMH{padding:12px 20px}
+.tr_tr__BwBZA:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}
+.ul_ul__ODkkV{list-style:revert;list-style-position:outside;margin:0;padding:0;margin-bottom:16px;padding-left:32px}.ul_ul__ODkkV>li>ul,.ul_ul__ODkkV>li>ol{padding-left:18px;margin-bottom:0}.ul_ul__ODkkV>li>p{margin-bottom:none}
+.mdx-layout_mdxContent__fdjDD{line-height:1.5}.mdx-layout_mdxContent__fdjDD img{max-width:100%}
+.link_link__3xDWE{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7);text-decoration:none}.link_link__3xDWE:hover{color:#5d4aec;color:var(--bit-accent-heavy, #5d4aec);text-decoration:underline}
+.admonition {
+  margin-bottom: 1em;
+  padding: 15px 30px 15px 15px;
+  border-radius: 8px;
+}
+
+.admonition h3 {
+  display: flex;
+  margin-top: 0;
+  margin-bottom: 8px;
+  text-transform: uppercase;
+}
+
+.admonition-heading > div {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.admonition-icon {
+  display: inline-flex;
+  padding-top: 1px;
+  margin-right: 4px;
+}
+
+.admonition-icon svg {
+  display: inline-block;
+  width: 18px;
+  height: 22px;
+  stroke-width: 0;
+
+  stroke: currentColor;
+  fill: currentColor;
+}
+
+.admonition-content > :last-child {
+  margin-bottom: 0;
+}
+
+/* default for custom types */
+.admonition {
+  background-color: #eceaff;
+  background-color: var(--bit-accent-primary-bg, #eceaff);
+  border-left: 8px solid #6c5ce7;
+  border-left: 8px solid var(--bit-accent-primary-color, #6c5ce7);
+}
+
+.admonition h5 {
+  color: #6c5ce7;
+  color: var(--bit-accent-primary-color, #6c5ce7);
+  display: flex;
+}
+
+.admonition-caution {
+  background-color: #fff5dd;
+  background-color: var(--bit-accent-hunger-bg, #fff5dd);
+  border-left: 8px solid #ffc640;
+  border-left: 8px solid var(--bit-accent-hunger-color, #ffc640);
+
+  /* background-color: rgba(230, 126, 34, 0.1); */
+  /* border-left: 8px solid #e67e22; */
+}
+
+.admonition-caution h5 {
+  color: #ffc640;
+  color: var(--bit-accent-hunger-color, #ffc640);
+}
+
+.admonition-tip {
+  background-color: #eefaf3;
+  background-color: var(--bit-accent-success-bg, #eefaf3);
+  border-left: 8px solid #37b26c;
+  border-left: 8px solid var(--bit-accent-success-color, #37b26c);
+}
+
+.admonition-tip h5 {
+  color: #37b26c;
+  color: var(--bit-accent-success-color, #37b26c);
+}
+
+.admonition-warning {
+  background-color: #fdeff2;
+  background-color: var(--bit-accent-impulsive-bg, #fdeff2);
+  border-left: 8px solid #e62e5c;
+  border-left: 8px solid var(--bit-accent-impulsive-color, #e62e5c);
+}
+
+.admonition-warning h5 {
+  color: #e62e5c;
+  color: var(--bit-accent-impulsive-color, #e62e5c);
+}
+
+.admonition-important {
+  background-color: #f3faff;
+  background-color: var(--bit-accent-process-color, #f3faff);
+  border-left: 8px solid #0984e3;
+  border-left: 8px solid var(--bit-accent-process-color, #0984e3);
+}
+
+.admonition-important h5 {
+  color: #0984e3;
+  color: var(--bit-accent-process-color, #0984e3);
+}
+
+.admonition-note {
+  background-color: #fff5dd;
+  background-color: var(--bit-accent-hunger-bg, #fff5dd);
+  border-left: 8px solid #ffc640;
+  border-left: 8px solid var(--bit-accent-hunger-color, #ffc640);
+}
+
+.admonition-note h5 {
+  color: #ffc640;
+  color: var(--bit-accent-hunger-color, #ffc640);
+}
+
+.separator_separator__-eghN{border-bottom:1px solid var(--bit-border-color-lightest);border-top:none;border-left:none;border-right:none;border-radius:5px;margin-bottom:40px;margin-top:30px}
+.separator_separator__eQITW{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed);width:100%}
+.heading-sizes_xxs__cNb-u{font-size:16px;font-size:var(--bit-h-xxs, 16px)}.heading-sizes_xs__7j7dk{font-size:18px;font-size:var(--bit-h-xs, 18px)}.heading-sizes_sm__cHgh8{font-size:24px;font-size:var(--bit-h-sm, 24px)}.heading-sizes_md__h38P\+{font-size:26px;font-size:var(--bit-h-md, 26px)}.heading-sizes_lg__JKH\+\+{font-size:36px;font-size:var(--bit-h-lg, 36px)}.heading-sizes_xl__AUA2u{font-size:40px;font-size:var(--bit-h-xl, 40px)}.heading-sizes_xxl__4n3yO{font-size:50px;font-size:var(--bit-h-xxl, 50px)}
+.heading_h1__6LnT2,.heading_h2__FYvmp,.heading_h3__eweeO,.heading_h4__shPsb,.heading_h5__TqJUS,.heading_h6__o8Oiu{font-weight:bold;margin:0}.heading_h1__6LnT2{margin-bottom:20px}
+.card_card__GpfKg{padding:20px;box-sizing:border-box}
+.accent-color_primary__c0ioV{--bit-accent-color: #6c5ce7;--bit-accent-heavy: #5d4aec;--bit-accent-light: #897dec;--bit-accent-text: #6c5ce7;--bit-accent-text-heavy: #5d4aec;--bit-text-on-accent: #ffffff;--bit-accent-bg: #eceaff;--bit-accent-bg-heavy: #c9c3f6}.accent-color_complementary__Gd59q{--bit-accent-color: #f83d6c;--bit-accent-heavy: #f7174f;--bit-accent-light: #f96389;--bit-accent-text: #f83d6c;--bit-accent-text-heavy: #f7174f;--bit-text-on-accent: #ffffff;--bit-accent-bg: #ffe2ea;--bit-accent-bg-heavy: #fb9cb4}.accent-color_impulsive__B0inX{--bit-accent-color: #e62e5c;--bit-accent-heavy: #d31948;--bit-accent-light: #f086a0;--bit-accent-text: #e62e5c;--bit-accent-text-heavy: #d31948;--bit-text-on-accent: #ffffff;--bit-accent-bg: #fdeff2;--bit-accent-bg-heavy: #f7bac9}.accent-color_hungry__EroCM{--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__2wi-W{--bit-accent-color: #37b26c;--bit-accent-heavy: #2e945a;--bit-accent-light: #94deb4;--bit-accent-text: #37b26c;--bit-accent-text-heavy: #2e945a;--bit-text-on-accent: #ffffff;--bit-accent-bg: #eefaf3;--bit-accent-bg-heavy: #d0f1de}.accent-color_process__om1jn{--bit-accent-color: #0984e3;--bit-accent-heavy: #3d5afe;--bit-accent-light: #95ccf5;--bit-accent-text: #0984e3;--bit-accent-text-heavy: #3d5afe;--bit-text-on-accent: #ffffff;--bit-accent-bg: #f3faff;--bit-accent-bg-heavy: #d2ecfe}.accent-color_emphasized__oV-6w{--bit-accent-color: #2b2b2b;--bit-accent-heavy: #0c0c0c;--bit-accent-light: #414141;--bit-accent-text: #2b2b2b;--bit-accent-text-heavy: #0c0c0c;--bit-text-on-accent: #ffffff;--bit-accent-bg: #ededed;--bit-accent-bg-heavy: #cccfd4}.accent-color_neutral__NSycc{--bit-accent-color: #414141;--bit-accent-heavy: #2b2b2b;--bit-accent-light: #6c707c;--bit-accent-text: #414141;--bit-accent-text-heavy: #2b2b2b;--bit-text-on-accent: #ffffff;--bit-accent-bg: #f6f6f6;--bit-accent-bg-heavy: #ededed}
+.level-icon_notificationIcon__rT5gC{font-weight:bold;text-align:center;color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}.level-icon_notificationIcon__rT5gC:before{background:radial-gradient(circle at center, white 0%, white 50%, transparent 51%)}
+.alert-card_card__PVigB{padding:24px}.alert-card_heading__IGMSa{display:flex;margin-bottom:24px}.alert-card_icon__X236t{font-size:1.15em;margin-right:16px;align-self:center}.alert-card_separator__y0MRQ{margin-bottom:24px}
+.option-button_optionButton__kV9VG{display:inline-flex;align-items:center;padding:0 .5em;box-sizing:border-box;height:2em;border-radius:.5em;background:none;border:none;color:inherit;font-size:inherit}.option-button_optionButton__kV9VG:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__kV9VG.option-button_active__EIrsD{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7);background-color:#ededed;background-color:var(--bit-border-color-lightest, #ededed)}.option-button_optionButton__kV9VG:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg, #eceaff);outline:none}
+.message-card_messageCard__i6-To{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest, #ededed);padding:20px;display:flex}.message-card_icon__S1z1u{margin-right:16px;font-size:25px}.message-card_textBox__LD6d\+{overflow:hidden;text-overflow:ellipsis;overflow:hidden;font-size:14px}.message-card_textBox__LD6d\+>*{text-overflow:ellipsis;overflow:hidden}.message-card_textBox__LD6d\+>div:first-child{font-weight:bold;margin-bottom:16px}
+.status-message-card_success__1FY1f{color:#2e945a;color:var(--passing, #2e945a)}.status-message-card_failure__LUtAe{color:#d31948;color:var(--failing, #d31948)}.status-message-card_pending__1ESgz{color:#414141;color:var(--pending, #414141)}.status-message-card_processing__Xt-AP{color:#0984e3;color:var(--processing, #0984e3)}.status-message-card_skipped__7kVI2{color:#ff8b00;color:var(--skipped, #ff8b00)}.status-message-card_unknown__djHLK{color:#6c707c;color:var(--unknown, #6c707c)}
+.tippy-box[data-theme~=teambit]{color:#fff;color:var(--bit-text-color, #fff);background:#2b2b2b;background:var(--bit-bg-tooltip, #2b2b2b);border-radius:8px}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip, #2b2b2b)}
+.compositions_compositionsPage__3A-Ej{height:100%;width:100%}.compositions_compositionPreview__X3-b8{padding-top:20px;width:100%}.compositions_left__6yGo8{min-width:200px;max-width:calc(100% - 200px);display:flex;overflow-y:auto;flex-direction:column}.compositions_right__FrqCV{background:#fafafa;background:var(--background-color, #fafafa);overflow-y:auto;min-width:200px;max-width:calc(100% - 200px)}.compositions_menuBar__WJ\+QK{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest, #ededed)}.compositions_splitter__6bUKe{position:relative}.compositions_splitter__6bUKe>:first-child{z-index:101;position:absolute}.compositions_collapser__7uYY0{right:0}.compositions_tabsContainer__LRVkg{display:flex;flex-direction:column;height:100%}.compositions_tabs__IBegy{flex:none}.compositions_tabContent__-XBDu{flex:1 1;overflow:auto}.compositions_tabContent__-XBDu:empty{display:none}.compositions_compositions__U6F\+Z{padding:16px 8px 0 8px}.compositions_openInNewTab__dZwyz{text-decoration:none;color:inherit}.compositions_openInNewTab__dZwyz:active{color:inherit}.compositions_noCompositionsPage__JE3\+L{padding:50px 40px 100px 40px;width:100%;box-sizing:border-box;max-width:1440px;margin:0 auto}.compositions_noCompositionsPage__JE3\+L .compositions_title__apjDk{margin-bottom:24px;font-size:26px;font-size:var(--bit-h-xs, 26px)}.compositions_noCompositionsPage__JE3\+L .compositions_separator__1Klnj{margin-bottom:41px}.compositions_buildStatusMessage__u4CLr{margin:auto}.compositions_compositionPanel__uykGG{display:flex;flex:1 1}
+.menu-widget-icon_icon__zJFd\+{font-size:16px}.menu-widget-icon_widgetMenuIcon__Lhzvu{display:flex;justify-content:center;align-items:center}
+.compositions-panel_linkWrapper__b5Tc\+{padding:0 12px;display:flex;align-items:center;justify-content:space-between;height:40px;font-size:var(--bit-p-xs);transition:all 300ms ease-in-out;color:var(--on-background-color)}.compositions-panel_linkWrapper__b5Tc\+:hover{background-color:#ededed;background-color:var(--border-medium-color, #ededed);transition:background-color 300ms ease-in-out}.compositions-panel_linkWrapper__b5Tc\+:hover .compositions-panel_right__cSHuE{visibility:inherit;opacity:1;color:#6c707c;color:var(--bit-text-color-light, #6c707c);transition:visibility 200ms,opacity 100ms ease-in-out}.compositions-panel_linkWrapper__b5Tc\+:hover .compositions-panel_right__cSHuE .compositions-panel_icon__ces-n:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp{display:flex;align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);color:#ffffff;color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp .compositions-panel_box__av1kL{background-color:#ffffff;background-color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp .compositions-panel_right__cSHuE{visibility:inherit;opacity:1;color:#eceaff;color:var(--bit-accent-bg, #eceaff)}.compositions-panel_linkWrapper__b5Tc\+.compositions-panel_active__QfJTp .compositions-panel_right__cSHuE .compositions-panel_icon__ces-n:hover{color:#ffffff;color:var(--bit-bg-color, #ffffff)}.compositions-panel_linkWrapper__b5Tc\+ .compositions-panel_right__cSHuE{display:flex;gap:12px;align-items:center;justify-content:center;opacity:0;visibility:hidden;font-size:13px;transition:visibility 200ms,opacity 100ms ease-in-out}.compositions-panel_linkWrapper__b5Tc\+ .compositions-panel_codeLink__7Pb72{cursor:pointer}.compositions-panel_box__av1kL{width:10px;height:10px;flex-shrink:0;background-color:var(--bit-text-color-heavy);margin-right:11px;border-radius:1px}.compositions-panel_name__zUmpw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.compositions-panel_panelLink__gv8b9{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;text-decoration:none;color:inherit;min-width:0}.compositions-panel_panelLink__gv8b9:active{color:inherit}.compositions-panel_tabs__V66Gq{display:flex;align-items:center;margin-bottom:17px}.compositions-panel_tabs__V66Gq>div{position:relative;padding:8px;text-transform:uppercase;font-size:12px;font-weight:bold}.compositions-panel_tabs__V66Gq>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__V66Gq>div:first-child:before{content:"";position:absolute;top:0;left:0;right:0;background-color:#6c5ce7;background-color:var(--bit-accent-color, #6c5ce7);height:3px;border-radius:10px;transition:background-color 300ms,height 300ms}
+.component_container__PvN-k{height:100%;display:flex;flex-direction:column}
+.indent_indent__A9JU7{padding-left:calc(var(--indent-depth) * 8px + 8px)}.indent_indentMargin__FZXgd{margin-left:calc(var(--indent-depth) * 8px + 8px)}
+.indent_indent__ES60Z{padding-left:calc(var(--indent-depth) * 8px + 8px)}.indent_indentMargin__8GDut{margin-left:calc(var(--indent-depth) * 8px + 8px)}
+.collapsing-node_childrenTree__7laKC{overflow:hidden;transition:max-height 400ms ease-in-out;font-size:var(--bit-p-xs)}
+.accent-color_primary__IhawF{--bit-accent-color: #6c5ce7;--bit-accent-heavy: #5d4aec;--bit-accent-light: #897dec;--bit-accent-text: #6c5ce7;--bit-accent-text-heavy: #5d4aec;--bit-text-on-accent: #ffffff;--bit-accent-bg: #eceaff;--bit-accent-bg-heavy: #c9c3f6}.accent-color_complementary__2Gz4A{--bit-accent-color: #f83d6c;--bit-accent-heavy: #f7174f;--bit-accent-light: #f96389;--bit-accent-text: #f83d6c;--bit-accent-text-heavy: #f7174f;--bit-text-on-accent: #ffffff;--bit-accent-bg: #ffe2ea;--bit-accent-bg-heavy: #fb9cb4}.accent-color_impulsive__hLijv{--bit-accent-color: #e62e5c;--bit-accent-heavy: #d31948;--bit-accent-light: #f086a0;--bit-accent-text: #e62e5c;--bit-accent-text-heavy: #d31948;--bit-text-on-accent: #ffffff;--bit-accent-bg: #fdeff2;--bit-accent-bg-heavy: #f7bac9}.accent-color_hungry__7dQlA{--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__oWbUH{--bit-accent-color: #37b26c;--bit-accent-heavy: #2e945a;--bit-accent-light: #94deb4;--bit-accent-text: #37b26c;--bit-accent-text-heavy: #2e945a;--bit-text-on-accent: #ffffff;--bit-accent-bg: #eefaf3;--bit-accent-bg-heavy: #d0f1de}.accent-color_process__MdQMt{--bit-accent-color: #0984e3;--bit-accent-heavy: #3d5afe;--bit-accent-light: #95ccf5;--bit-accent-text: #0984e3;--bit-accent-text-heavy: #3d5afe;--bit-text-on-accent: #ffffff;--bit-accent-bg: #f3faff;--bit-accent-bg-heavy: #d2ecfe}.accent-color_emphasized__LZCWa{--bit-accent-color: #2b2b2b;--bit-accent-heavy: #0c0c0c;--bit-accent-light: #414141;--bit-accent-text: #2b2b2b;--bit-accent-text-heavy: #0c0c0c;--bit-text-on-accent: #ffffff;--bit-accent-bg: #ededed;--bit-accent-bg-heavy: #cccfd4}.accent-color_neutral__pb8pg{--bit-accent-color: #414141;--bit-accent-heavy: #2b2b2b;--bit-accent-light: #6c707c;--bit-accent-text: #414141;--bit-accent-text-heavy: #2b2b2b;--bit-text-on-accent: #ffffff;--bit-accent-bg: #f6f6f6;--bit-accent-bg-heavy: #ededed}
+.themed-text_themedText__rlBLG{color:#6c5ce7;color:var(--bit-accent-color, #6c5ce7)}
+.dark-theme_darkMod__MbSSg{color:#ededed;--bit-text-color: #ededed;--bit-text-color-heavy: #f6f6f6;--bit-text-color-light: #878c9a;--bit-text-inactive: #6c707c;--bit-text-inactive-heavy: #878c9a;--bit-border-color: #6c707c;--bit-border-color-heavy: #878c9a;--bit-border-color-light: #414141;--bit-border-color-lightest: #414141;--bit-accent-color: #5d4aec;--bit-accent-heavy: #6c5ce7;--bit-accent-light: #3e29df;--bit-accent-text: #c9c3f6;--bit-accent-text-heavy: #eceaff;--bit-text-on-accent: var(--bit-text-color, #ededed);--bit-accent-bg: #1a1452;--bit-accent-bg-heavy: #221967;--bit-bg-color: #2b2b2b;--bit-bg-heavy: #414141;--bit-bg-heaviest: #6c707c;--bit-bg-bedrock: #0c0c0c;--bit-navigation: #2b2b2b;--bit-bg-overlay: #2b2b2b;--bit-bg-modal: #2b2b2b;--bit-bg-tooltip: #2b2b2b;--bit-bg-tooltip-heavy: #414141;--bit-bg-dent: #2b2b2b;--bit-error-color: #f7bac9;--bit-error-heavy: #fdeff2;--bit-error-light: #f086a0;--bit-error-bg: #8d1130;--bit-error-bg-heavy: #d31948}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:currentColor;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:currentColor;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:currentColor;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:currentColor;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
+.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:left;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
+.tippy-box[data-theme~=teambit]{color:#fff;color:var(--bit-text-color, #fff);background:#2b2b2b;background:var(--bit-bg-tooltip, #2b2b2b);border-radius:8px}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip, #2b2b2b)}
+.deprecation-icon_deprecatedTooltip__qfzf2{padding:2px 5px}.deprecation-icon_deprecatedTooltip__qfzf2>div{padding:0 !important;padding:initial !important}.deprecation-icon_deprectaedTooltipContent__5cZnm{font-size:12px}
+.component-view_component__dXByk{height:32px;display:flex;align-items:center;justify-content:space-between;padding-right:8px;font-size:inherit;font-size:var(--bit-p-xs);text-decoration:none;color:inherit;box-sizing:border-box;border-left:0px solid rgba(0,0,0,0)}.component-view_component__dXByk:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6)}.component-view_component__dXByk.component-view_active__\+B5jg{background:#eceaff;background:var(--bit-accent-bg, #eceaff)}.component-view_component__dXByk .component-view_icon__h6Gqt{width:16px;height:16px;opacity:.8}.component-view_component__dXByk .component-view_left__SN8cQ{display:flex;align-items:center;flex:1 1;min-width:0;line-height:24px}.component-view_component__dXByk .component-view_left__SN8cQ>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.component-view_component__dXByk .component-view_envIcon__3tnOx{transition:filter 300ms ease-in-out;width:16px;height:16px;border-radius:4px}.component-view_component__dXByk .component-view_right__T65TF{display:flex;align-items:center;font-size:12px}.component-view_component__dXByk .component-view_right__T65TF>*{margin-right:4px}.component-view_component__dXByk .component-view_right__T65TF>:last-child(){margin-right:0px}.component-view_componentEnvTooltip__qDuvD{font-size:var(--bit-p-xs);max-width:none !important;max-width:initial !important}.component-view_componentEnvTooltip__qDuvD .component-view_componentEnvTitle__g-Ffz{font-size:12px;font-size:var(--bit-p-xxs, 12px);color:#c9c3f6;font-weight:bold;margin-bottom:4px}.component-view_tooltip__T5ijO{max-width:none !important;max-width:initial !important;font-size:var(--bit-p-xxs);opacity:100%}.component-view_envLink__cZc-S{color:#fff;text-decoration:none}.component-view_opacity__EMHLg{opacity:50%}
+.scope-tree-node_scope__K5p3o{position:relative;height:32px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;font-weight:bold;font-size:inherit;padding-right:8px;font-size:var(--bit-p-xs)}.scope-tree-node_scope__K5p3o:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6)}.scope-tree-node_scope__K5p3o .scope-tree-node_arrow__MGGtc{display:inline-block;line-height:inherit;transition:all 300ms;margin-right:10px;color:#6c707c;color:var(--bit-text-color-light, #6c707c)}.scope-tree-node_scope__K5p3o .scope-tree-node_arrow__MGGtc.scope-tree-node_collapsed__KcT0c{transform:rotate(-0.25turn)}.scope-tree-node_highlighted__yXbCu{color:#5d4aec;color:var(--bit-accent-heavy, #5d4aec)}.scope-tree-node_left__\+pS1V{display:flex;align-items:center;flex:1 1;min-width:0}.scope-tree-node_left__\+pS1V .scope-tree-node_name__YylAH{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;line-height:115%}.scope-tree-node_componentTree__GHIrr{overflow:hidden;transition:max-height 400ms ease-in-out;font-size:var(--bit-p-xs)}
+.namespace-tree-node_namespace__xAFPX{position:relative;height:32px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:bold;font-size:inherit;padding-right:8px;font-size:var(--bit-p-xs);cursor:pointer}.namespace-tree-node_namespace__xAFPX:hover{background:#f6f6f6;background:var(--bit-bg-heavy, #f6f6f6)}.namespace-tree-node_namespace__xAFPX .namespace-tree-node_arrow__a\+CbW{display:inline-block;line-height:inherit;transition:all 300ms;margin-right:10px;color:#6c707c;color:var(--bit-text-color-light, #6c707c)}.namespace-tree-node_namespace__xAFPX .namespace-tree-node_arrow__a\+CbW.namespace-tree-node_collapsed__fDW9T{transform:rotate(-0.25turn)}.namespace-tree-node_highlighted__eQsRW{color:#5d4aec;color:var(--bit-accent-heavy, #5d4aec)}.namespace-tree-node_left__7sm5N{display:flex;align-items:center;flex:1 1;min-width:0}.namespace-tree-node_left__7sm5N .namespace-tree-node_name__R3bX8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;line-height:24px}.namespace-tree-node_componentTree__W1ywj{overflow:hidden;transition:max-height 400ms ease-in-out;font-size:var(--bit-p-xs)}