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

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

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

Files changed (11) hide show

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

@@ -67,6 +67,7 @@ export function ComponentView(props: ComponentViewProps<PayloadType>) {
   const viewingMainCompOnLane = React.useMemo(() => {
     return (
+      !component.status?.isNew &&
       !lanesModel?.viewedLane?.id.isDefault() &&
       lanesModel?.isComponentOnMainButNotOnLane(component.id as any, undefined, lanesModel?.viewedLane?.id)
     );

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

@@ -67,9 +67,10 @@ function ComponentView(props) {
         react_1.default.createElement("div", null, (_b = component.environment) === null || _b === void 0 ? void 0 : _b.id)));
     const href = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.getLaneComponentUrlByVersion(component.id, (_c = lanesModel.viewedLane) === null || _c === void 0 ? void 0 : _c.id);
     const viewingMainCompOnLane = react_1.default.useMemo(() => {
-        var _a, _b;
-        return (!((_a = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _a === void 0 ? void 0 : _a.id.isDefault()) &&
-            (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.isComponentOnMainButNotOnLane(component.id, undefined, (_b = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _b === void 0 ? void 0 : _b.id)));
+        var _a, _b, _c;
+        return (!((_a = component.status) === null || _a === void 0 ? void 0 : _a.isNew) &&
+            !((_b = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _b === void 0 ? void 0 : _b.id.isDefault()) &&
+            (lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.isComponentOnMainButNotOnLane(component.id, undefined, (_c = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _c === void 0 ? void 0 : _c.id)));
     }, [(_d = lanesModel === null || lanesModel === void 0 ? void 0 : lanesModel.viewedLane) === null || _d === void 0 ? void 0 : _d.id.toString(), component.id.toString()]);
     const Name = viewingMainCompOnLane ? (react_1.default.createElement(design_ui_tooltip_1.Tooltip, { className: component_view_module_scss_1.default.onMainTooltip, placement: "right", content: 'On Main' },
         react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)))) : (react_1.default.createElement("span", null, (0, get_name_1.getName)(node.id)));

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

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

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

Binary file

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/ui-foundation.ui.side-bar",
-  "version": "0.0.869",
+  "version": "0.0.871",
   "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.869"
+    "version": "0.0.871"
   },
   "dependencies": {
     "classnames": "2.2.6",

package/schema.json CHANGED Viewed

@@ -313,7 +313,7 @@
           "line": 10,
           "character": 1
         },
-        "signature": "type PayloadType = ComponentModel | LaneModel | ScopePayload",
+        "signature": "type PayloadType = ComponentModel | ScopePayload | LaneModel",
         "name": "PayloadType",
         "type": {
           "__schema": "TypeUnionSchema",
@@ -356,7 +356,7 @@
               "componentId": {
                 "scope": "teambit.lanes",
                 "name": "ui/models/lanes-model",
-                "version": "7a6eb9bfc091000643131b8b3743784d42ef14ac"
+                "version": "0.0.209"
               }
             },
             {
@@ -456,7 +456,7 @@
             "line": 10,
             "character": 1
           },
-          "signature": "type PayloadType = ComponentModel | LaneModel | ScopePayload",
+          "signature": "type PayloadType = ComponentModel | ScopePayload | LaneModel",
           "name": "PayloadType",
           "type": {
             "__schema": "TypeUnionSchema",
@@ -499,7 +499,7 @@
                 "componentId": {
                   "scope": "teambit.lanes",
                   "name": "ui/models/lanes-model",
-                  "version": "7a6eb9bfc091000643131b8b3743784d42ef14ac"
+                  "version": "0.0.209"
                 }
               },
               {
@@ -1000,7 +1000,7 @@
                               "componentId": {
                                 "scope": "teambit.lanes",
                                 "name": "ui/models/lanes-model",
-                                "version": "7a6eb9bfc091000643131b8b3743784d42ef14ac"
+                                "version": "0.0.209"
                               }
                             },
                             "isOptional": true
@@ -1389,7 +1389,7 @@
   "componentId": {
     "scope": "teambit.ui-foundation",
     "name": "ui/side-bar",
-    "version": "eaf210a62ad7bc08eaa7bbc5c100a9feb2c53747"
+    "version": "149182a9218cd4983d56553ba566fae51b57701f"
   },
   "taggedModuleExports": []
 }

package/static/css/teambit.ui-foundation/ui/side-bar.9c88ac36.css ADDED Viewed

@@ -0,0 +1 @@

+ .abs-container_container__1kuUX{position:relative}.abs-container_containee__2CHcV{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__2CHcV{visibility:visible}.positions_top__VQTFL{bottom:100%}.positions_top-start__1TWu0{bottom:100%;left:0}.positions_top-end__3SEUp{bottom:100%;right:0}.positions_right__HLI9X{left:100%}.positions_right-start__3QY8Y{left:100%;top:0}.positions_right-end__DTP8q{bottom:0;left:100%}.positions_bottom__y-lpx{top:100%}.positions_bottom-start__3eT2h{left:0;top:100%}.positions_bottom-end__3dgq_{right:0;top:100%}.positions_left__bhZNg{right:100%}.positions_left-start__2MSLq{right:100%;top:0}.positions_left-end__1Idwa{bottom:0;right:100%}.positions_cover__31fWh{left:0;top:0}.displacement_displacement__3mRhb[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3mRhb[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3mRhb[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3mRhb[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3mRhb[data-position=bottom-start],.displacement_displacement__3mRhb[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3mRhb[data-position=bottom-end],.displacement_displacement__3mRhb[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3mRhb[data-position^=left-start],.displacement_displacement__3mRhb[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3mRhb[data-position^=left-end],.displacement_displacement__3mRhb[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__3tO1o{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__3hf1u{box-shadow:0 2px 8px 0 rgba(0,0,0,.2);box-shadow:var(--bit-shadow-hover-low,0 2px 8px 0 rgba(0,0,0,.2))}.elevations_medium__2N3Tb{box-shadow:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);box-shadow:var(--bit-shadow-hover-medium,0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24))}.elevations_high__3IWjs{box-shadow:0 11px 29px 0 rgba(0,0,0,.23);box-shadow:var(--bit-shadow-hover-high,0 11px 29px 0 rgba(0,0,0,.23))}.roundness_sharp__153es{border-radius:2px}.roundness_default__1FnOO{border-radius:5px}.roundness_small__1xuSc{border-radius:8px}.roundness_medium__36Ol9{border-radius:10px}.roundness_circle__pDXtE{border-radius:50%}.background_bedrock__3wtoe{background:var(--bit-bg-bedrock)}.background_base__2_bsA,.background_layer__2_CbQ{background:var(--bit-bg-color)}.background_crust__ginYm{background:var(--bit-bg-tooltip)}.background_topping__rXEtO{background:var(--bit-bg-color)}.background_topping__rXEtO:hover{background:var(--bit-bg-heavy)}.background_dent__ttrTE{background:var(--bit-bg-dent)}.menu-item_menuItem__1zf-S{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__2EDi3>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__2EDi3.menu-item_active__ZxThC>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__3Pkf2:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__ZxThC,.menu-item_active__ZxThC:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_dropdownPlaceholder__1IyRH{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.844em 1em}.dropdown_dropdownPlaceholder__1IyRH: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__1IyRH: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__7MYDW .dropdown_dropdownPlaceholder__1IyRH{border:none}.dropdown_dropdownMenu__jDiHR{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;min-width:220px;padding:8px 0;z-index:102}.button_vanillaButton__1FoRn{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__1fVUM{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__1fVUM>*{animation:1.27s ease-in-out infinite both;animation-name:dots-loader_scale-down__2F98a;display:inline-block}.dots-loader_dotsLoader__1fVUM>:first-child{animation-delay:-.37s}.dots-loader_dotsLoader__1fVUM>:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__2F98a{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__3FMLo{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__3FMLo.icon-button_iconOnly__ly5iC{padding:6px 8px}.icon-button_iconButton__3FMLo[data-priority=ghost]{background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b)}.icon-button_iconButton__3FMLo[data-priority=ghost].icon-button_active__8AYAF{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__3FMLo[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__3FMLo[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__3FMLo[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__3FMLo[data-priority=cta]{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border:1px solid #6c5ce7;border:1px solid var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff)}.icon-button_iconButton__3FMLo[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__3FMLo[data-priority=cta]:disabled{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__3FMLo:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__3FMLo:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__3Wr5D{color:inherit;font-size:16px}.icon-button_margin__26u09{margin-right:8px}.sizes_buttonSizes__1YHKN[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__1YHKN[data-size=l]{font-size:14px;height:40px}.buttons-plugin_buttonsHolder__2Gabq{align-items:center;border-top:1px solid #ededed;border-top:1px solid var(--design-border-medium-color,#ededed);display:flex;justify-content:space-between;padding:12px 16px 4px}.buttons-plugin_clearText__2arAU{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.menu-item_menuItem__FE_m_{align-items:center;background-color:transparent;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.menu-item_withIcon__wiHTo>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__wiHTo.menu-item_active__RwL35>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__3jgEk:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__RwL35,.menu-item_active__RwL35:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.tab-line_tabLine__3wwRS{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute}.tab-line_tabLine__3wwRS[data-position=top]{top:0}.tab-line_tabLine__3wwRS[data-position=bottom]{bottom:0}.tab-folder_tabFolder__L4PNB{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-folder_folderStyle__3dfWy{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.tab-inner_tabInner__2V9hj{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-inner_innerStyle__2kQZK{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabInner__gy73m{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_innerStyle__2c5Iq,.responsive-navbar_tab__1j50T[data-priority=inner].responsive-navbar_noAnimation__313nf{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabFolder__2MamO{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_folderStyle__1iXi9,.responsive-navbar_tab__1j50T[data-priority=folder].responsive-navbar_noAnimation__313nf{background-color:#f6f5fe;background-color:var(--primary-surface-color,#f6f5fe);border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px 8px 0 0}.responsive-navbar_tab__1j50T{align-items:center;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);outline:none;padding:8px 16px;pointer-events:none;position:relative;transition:color .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.responsive-navbar_tab__1j50T[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__1j50T.responsive-navbar_active__3J2cR,.responsive-navbar_tab__1j50T:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__1j50T.responsive-navbar_active__3J2cR[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__1j50T.responsive-navbar_active__3J2cR[data-priority=folder],.responsive-navbar_tab__1j50T.responsive-navbar_active__3J2cR[data-priority=inner]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__1j50T[data-priority=line] .responsive-navbar_lineStyle__2ocI-{width:100%}.responsive-navbar_tab__1j50T[data-priority=folder],.responsive-navbar_tab__1j50T[data-priority=inner]{z-index:1}.responsive-navbar_tab__1j50T>*{pointer-events:auto}.responsive-navbar_navTabs__3XwEe{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__3XwEe.responsive-navbar_overflow__3m7Je{overflow-x:auto}.responsive-navbar_more__3jtph{align-items:center;display:flex}.responsive-navbar_more__3jtph .responsive-navbar_dots__3WBWn{align-items:center;border-radius:8px;color:#707279;color:var(--on-surface-medium-color,#707279);cursor:pointer;display:flex;justify-content:center;padding:8px 16px;transition:background-color .3s ease-in-out}.responsive-navbar_more__3jtph .responsive-navbar_dots__3WBWn>img{width:16px}.responsive-navbar_secondaryTabContainer__3-zGv{z-index:5000}.responsive-navbar_secondaryTabContainer__3-zGv .responsive-navbar_item__2-vli{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__3-zGv .responsive-navbar_item__2-vli .responsive-navbar_menuItem__2a5oY{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__3-zGv .responsive-navbar_item__2-vli .responsive-navbar_menuItem__2a5oY>*{padding:8px;width:100%}.responsive-navbar_hidden__1No9V{display:none}.top-bar-nav_topBarLink__TgMEz{align-items:center;box-sizing:border-box;color:inherit;display:flex;padding:0 4px;position:relative;text-decoration:none;transition:color .3s}.top-bar-nav_topBarLink__TgMEz:hover:not(.top-bar-nav_active__xlX5a)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__TgMEz.top-bar-nav_active__xlX5a{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__TgMEz.top-bar-nav_active__xlX5a:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__TgMEz:after{background-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;right:0;transition:background-color .3s,height .3s}.top-bar-nav_topBarLink__TgMEz>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.menu_topBar__2Nu3N{justify-content:space-between;width:100%}.menu_leftSide__1eCTV,.menu_topBar__2Nu3N{align-items:center;display:flex;height:100%;min-width:0}.menu_leftSide__1eCTV{flex-grow:1}.menu_navigation__KFeoQ{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__KFeoQ{padding-left:0}}.menu_navigation__KFeoQ li{display:block;height:100%;margin-right:16px}.menu_navigation__KFeoQ.menu_desktopNav__2aWQj{display:flex}@media screen and (max-width:768px){.menu_navigation__KFeoQ.menu_desktopNav__2aWQj{display:none}}.menu_navigation__KFeoQ.menu_mobileNav__2gIbZ{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__KFeoQ.menu_mobileNav__2gIbZ{display:flex;margin-right:8px}}.menu_rightSide__2ydhe{align-items:center;display:flex;height:100%;padding-left:16px}.menu_rightSide__2ydhe>*{margin-right:12px}@media screen and (max-width:1200px){.menu_rightSide__2ydhe>*{margin-right:8px}}.menu_rightSide__2ydhe .menu_widget__3L5JO{font-size:17px}.menu_useBox__1oiOX{--bit-drawer-margin:14px}.menu_componentVersionMenu__5fUVi{width:350px}.menu_tab__1Et50>div{color:#2b2b2b;color:var(--on-background-color,#2b2b2b);padding:0}.menu_topBarNav__2YD8V{height:100%}.menu_topBarNav__2YD8V.menu_noBorder__2v1uE:after{display:none}@media screen and (max-width:768px){.menu_hideOnMobile__2K0fa{display:none}}.ellipsis_ellipsisDiv__2gA5z,.ellipsis_ellipsis__lmlW6{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__2gA5z{display:inline-block}.dark-theme_darkMod__1L3Cl{--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948;color:#ededed}.time-ago_dateTooltipContent__12qWO,.time-ago_dateTooltip__fyLRP{display:flex}.time-ago_dateTooltip__fyLRP{max-width:none!important;width:-moz-max-content;width:max-content}.styles_avatar__1CqV6{align-items:center;border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:50%;box-sizing:border-box;display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.styles_avatar__1CqV6 .styles_letter__3UjCF{color:#fff;color:var(--on-primary-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__1CqV6 .styles_orgDefault__31UAa{display:inline-block;text-align:center}.styles_avatarImg__3ze-3{border-radius:50%;bottom:0;box-sizing:border-box;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.styles_avatarImg__3ze-3.styles_blob__2fKgF{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__3ZWkb{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__1nV4f{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);box-sizing:border-box;color:#707279;color:var(--on-background-medium-color,#707279)}.letter-colors_a__39OC3{color:#ff6b81}.letter-colors_b__2Tbl0{color:coral}.letter-colors_c__2atH-{color:#efc951}.letter-colors_d__15017{color:#94cd53}.letter-colors_e__1qJuH{color:#57606f}.letter-colors_f__nknsH{color:#ffa502}.letter-colors_g__2ynBp{color:#409d94}.letter-colors_h__BRF7H{color:#ff4757}.letter-colors_i__2rRmw{color:#747d8c}.letter-colors_j__2CQo9{color:#2f3542}.letter-colors_k__1lqHw{color:#c47367}.letter-colors_l__XUAvp{color:#70a1ff}.letter-colors_m__1PZif{color:#6665e2}.letter-colors_n__297Qe{color:#2c437e}.letter-colors_o__UXKTl{color:#60a3bc}.letter-colors_p__1NxzM{color:#2ed573}.letter-colors_q__2tRFe{color:#1e90ff}.letter-colors_r__3cYnw{color:#275a80}.letter-colors_s__e_n8-{color:#7e6a6a}.letter-colors_t__Dlw5O{color:#5fc068}.letter-colors_u__228Y4{color:#d03961}.letter-colors_v__2cSI1{color:#006266}.letter-colors_w__4L0WB{color:#833471}.letter-colors_x__1VO4H{color:#fda7df}.letter-colors_y__1cu2w{color:#12cbc4}.letter-colors_z__Wzg0e{color:#4a69bd}.letter-bg-colors_a__mkSKv{background-color:#ff6b81}.letter-bg-colors_b__18kDd{background-color:coral}.letter-bg-colors_c__18KXT{background-color:#efc951}.letter-bg-colors_d__1_jOe{background-color:#94cd53}.letter-bg-colors_e__3CByP{background-color:#57606f}.letter-bg-colors_f__2QtNK{background-color:#ffa502}.letter-bg-colors_g__3OKMQ{background-color:#409d94}.letter-bg-colors_h__24LYv{background-color:#ff4757}.letter-bg-colors_i__1aHhp{background-color:#747d8c}.letter-bg-colors_j__1tTZ9{background-color:#2f3542}.letter-bg-colors_k__22avA{background-color:#c47367}.letter-bg-colors_l__8zbjm{background-color:#70a1ff}.letter-bg-colors_m__3kVhp{background-color:#6665e2}.letter-bg-colors_n__37gvB{background-color:#2c437e}.letter-bg-colors_o__3nR79{background-color:#60a3bc}.letter-bg-colors_p__32Zrf{background-color:#2ed573}.letter-bg-colors_q__1XYki{background-color:#1e90ff}.letter-bg-colors_r__2G1TR{background-color:#275a80}.letter-bg-colors_s__1IHip{background-color:#7e6a6a}.letter-bg-colors_t__1Vra0{background-color:#5fc068}.letter-bg-colors_u__DUH-j{background-color:#d03961}.letter-bg-colors_v__36c_w{background-color:#006266}.letter-bg-colors_w__6CUCG{background-color:#833471}.letter-bg-colors_x__3wmXD{background-color:#fda7df}.letter-bg-colors_y__y1mlN{background-color:#12cbc4}.letter-bg-colors_z__1lolz{background-color:#4a69bd}.skeleton_block__2MxsW,.skeleton_circle__12vTz,.skeleton_skeleton__JfTOK{background:currentColor}.skeleton_line__1jF09>*,.skeleton_skeletonContent__JI501>*,.skeleton_word__hhGU4>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__hhGU4{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__1jF09>*{width:100%}.skeleton_circle__12vTz{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__aArUU>*,.skeleton-design_skeletonContent__2CaOx>*,.skeleton-design_word__1rieY>*{border-radius:4px}.skeleton-design_block__2ZQ2o,.skeleton-design_circle__3DTpK,.skeleton-design_line__aArUU>*,.skeleton-design_shimmer__2KzPy,.skeleton-design_skeletonContent__2CaOx>*,.skeleton-design_skeleton__338Lv,.skeleton-design_word__1rieY>*{animation:skeleton-design_placeHolderShimmer__KpkuS 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,hsla(0,0%,100%,.38) 30%,hsla(0,0%,100%,.38) 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__1aiGQ{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__KpkuS{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__2ZQ2o{border-radius:4px}.version-dropdown-placeholder_detailed__3Lbrz,.version-dropdown-placeholder_simple__2uawh{align-items:center;border:1px solid #babec9;border:1px solid var(--bit-border-color,#babec9);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;gap:8px;height:30px;line-height:1.2em;padding:8px;transition:background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-dropdown-placeholder_detailed__3Lbrz:hover,.version-dropdown-placeholder_simple__2uawh:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__3Lbrz.version-dropdown-placeholder_disabled__361ay,.version-dropdown-placeholder_simple__2uawh.version-dropdown-placeholder_disabled__361ay{background-color:#ededed;cursor:default}.version-dropdown-placeholder_detailed__3Lbrz.version-dropdown-placeholder_disabled__361ay>span,.version-dropdown-placeholder_simple__2uawh.version-dropdown-placeholder_disabled__361ay>span{display:none}.version-dropdown-placeholder_versionName__3lfuI{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__dO7M0{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__30m7L{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__129RU{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown-placeholder_loader__129RU>span{padding:4px}.item_menuItem__1Ejx4{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__1Ejx4 .item_icon__Rp-5L{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__3Umaf:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__fKlJS,.item_active__fKlJS:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__fKlJS .item_icon__Rp-5L{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.abs-container_container__1WWit{position:relative}.abs-container_containee__2VJYQ{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__2VJYQ{visibility:visible}.positions_top__1PD2F{bottom:100%}.positions_top-start__3Kbus{bottom:100%;left:0}.positions_top-end__2YDr6{bottom:100%;right:0}.positions_right__fsjjE{left:100%}.positions_right-start__H-IZ_{left:100%;top:0}.positions_right-end__3UpCk{bottom:0;left:100%}.positions_bottom__2aLFx{top:100%}.positions_bottom-start__3cIt6{left:0;top:100%}.positions_bottom-end__2rLjc{right:0;top:100%}.positions_left__3Qpsg{right:100%}.positions_left-start__EA1tw{right:100%;top:0}.positions_left-end__2vuRv{bottom:0;right:100%}.positions_cover__3OGaS{left:0;top:0}.displacement_displacement__2_kSF[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__2_kSF[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__2_kSF[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__2_kSF[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__2_kSF[data-position=bottom-start],.displacement_displacement__2_kSF[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__2_kSF[data-position=bottom-end],.displacement_displacement__2_kSF[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__2_kSF[data-position^=left-start],.displacement_displacement__2_kSF[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__2_kSF[data-position^=left-end],.displacement_displacement__2_kSF[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1V4xk{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.abs-container_container__3z5xE{position:relative}.abs-container_containee__3z4hz{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__3z4hz{visibility:visible}.positions_top__dvrYW{bottom:100%}.positions_top-start__2MUBW{bottom:100%;left:0}.positions_top-end__2uYOL{bottom:100%;right:0}.positions_right__3zEQu{left:100%}.positions_right-start__2sdHM{left:100%;top:0}.positions_right-end__12ShK{bottom:0;left:100%}.positions_bottom__12JPc{top:100%}.positions_bottom-start__uFVgI{left:0;top:100%}.positions_bottom-end__12-8p{right:0;top:100%}.positions_left__qDIM9{right:100%}.positions_left-start__3sPW2{right:100%;top:0}.positions_left-end__38vX9{bottom:0;right:100%}.positions_cover__r_UFI{left:0;top:0}.displacement_displacement__3cqCJ[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3cqCJ[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3cqCJ[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3cqCJ[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3cqCJ[data-position=bottom-start],.displacement_displacement__3cqCJ[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3cqCJ[data-position=bottom-end],.displacement_displacement__3cqCJ[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3cqCJ[data-position^=left-start],.displacement_displacement__3cqCJ[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3cqCJ[data-position^=left-end],.displacement_displacement__3cqCJ[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.elevations_low__2-bv2{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__39E4Y{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__1o5XU{box-shadow:var(--bit-shadow-hover-high)}.dropdown_dropdown__1LUhJ{padding:8px}.fade-in-out_fadeInOut__Gg9oC{opacity:0;transform:scale(.61);transition:all .18s}[data-open=true]>.fade-in-out_fadeInOut__Gg9oC{opacity:1;transform:scale(1)}.tab_tab__o9E1c{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__o9E1c.tab_active__3wLVB{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.version-dropdown_versionDropdown__3pZ6p{height:100%}.version-dropdown_versionDropdown__3pZ6p>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__3pZ6p .version-dropdown_menu__1zGKa{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0;z-index:5000}.version-dropdown_title__3XUgR{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__1mo_Q{margin-bottom:2px}.version-dropdown_versionContainerRoot__Fg_Ws{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__oj69C{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__oj69C.version-dropdown_localVersion__2RVsW{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__oj69C .version-dropdown_versionTimestamp__lWz0q{margin-right:2px}.version-dropdown_versionRow__oj69C .version-dropdown_versionUserAvatar__2GY1Z{padding:0 8px}.version-dropdown_versionRow__oj69C .version-dropdown_laneIcon__1orof{padding:0 4px}.version-dropdown_versionRow__oj69C .version-dropdown_version__1mIWW{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__oj69C .version-dropdown_versionName__3-onO{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__3yiNz{cursor:pointer}.version-dropdown_withVersions__3yiNz>div{margin-right:5px}.version-dropdown_withVersions__3yiNz>span{display:inline;display:initial}.version-dropdown_withVersions__3yiNz:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__3yiNz{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__3yiNz,[data-open=true] .version-dropdown_withVersions__3yiNz:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__2vgqW{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;margin-top:8px;overflow-x:auto;padding:0 24px}.version-dropdown_tabs__2vgqW .version-dropdown_tab__9NYi8{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loader__1N3gU,.version-dropdown_loading___7fT4{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown_loader__1N3gU>div{padding:8px 0}.version-dropdown_versionMenuContainer__2mgr3{display:inline;display:initial}.version-dropdown_versionMenuContainer__2mgr3.version-dropdown_hide__11dfE{display:none}.pill-label_pillLabel__1277y{align-items:center;border:1px solid #ededed;border-color:var(--bit-border-color-lightest,#ededed);border-radius:12px;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:14px;font-size:var(--bit-p-xs,14px);padding:2px 8px;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.version-label_label__2VzzA.version-label_latest__1VbvP{border-color:#37b26c;color:#37b26c}.version-label_label__2VzzA.version-label_current__3He6G{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__2VvfX{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__176N5{height:25px;margin-bottom:16px}.version-label_labelContainer__1rhjl{display:flex;flex-direction:column}.version-info_versionRow__2xzws{align-items:center;display:flex;height:40px;justify-content:space-between;line-height:1.2em;padding:0 16px}.version-info_versionTimestamp__3iMZs{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__NaPTa{flex:none;padding:0 8px}.version-info_laneIcon__1ptLQ{padding:0 4px}.version-info_version__3I_OM{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;max-width:70%;overflow:hidden}.version-info_versionName__2sCy1{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-info_commitMessage__2OdKR{flex-grow:1;padding:0 8px}.version-info_emptyMessage__23apG{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:var-bit-p-xs,14px;font-style:italic;padding:0 8px}.lane-info_versionRow__2eq6v{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__2eq6v .lane-info_versionTimestamp__grbNW{margin-right:2px}.lane-info_versionRow__2eq6v .lane-info_versionUserAvatar__2z3B3{padding:0 8px}.lane-info_versionRow__2eq6v .lane-info_laneIcon__2fCCI{padding:0 4px}.lane-info_versionRow__2eq6v .lane-info_version__3D0sY{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__2eq6v .lane-info_versionName__2Y56g{padding:0 8px}.abs-container_container__1tnLS{position:relative}.abs-container_containee__1ygvj{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__1ygvj{visibility:visible}.positions_top__2bh_P{bottom:100%}.positions_top-start__vqE9n{bottom:100%;left:0}.positions_top-end__3HlyD{bottom:100%;right:0}.positions_right__39x4N{left:100%}.positions_right-start__2TkUr{left:100%;top:0}.positions_right-end__2j6O2{bottom:0;left:100%}.positions_bottom__2jtZ5{top:100%}.positions_bottom-start__2Vkgs{left:0;top:100%}.positions_bottom-end__qB59U{right:0;top:100%}.positions_left__2ewsx{right:100%}.positions_left-start__wiXBV{right:100%;top:0}.positions_left-end__3ZTGC{bottom:0;right:100%}.positions_cover__2mHVj{left:0;top:0}.displacement_displacement__11hkr[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__11hkr[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__11hkr[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__11hkr[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__11hkr[data-position=bottom-start],.displacement_displacement__11hkr[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__11hkr[data-position=bottom-end],.displacement_displacement__11hkr[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__11hkr[data-position^=left-start],.displacement_displacement__11hkr[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__11hkr[data-position^=left-end],.displacement_displacement__11hkr[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.tooltip-card_menu__MxTXj{background:var(--bit-bg-tooltip);padding:8px}.arrow_arrow__1ylUX{margin:0 auto;position:absolute}.arrow_arrow__1ylUX:before{background:var(--bit-bg-tooltip);content:"";display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-position_bottom__1ZXIB,.arrow-position_top__hV1ny{left:calc(50% - 5px)}.arrow-position_left__2-5k7,.arrow-position_right__3ESzn{top:calc(50% - 5px)}.arrow-position_cover__1NSv4,.arrow-position_none__2eeh9{display:none}.arrow-shadow_top-end__Iu-EO:before,.arrow-shadow_top-start__1XnzK:before,.arrow-shadow_top__2Bgup:before{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_bottom-end__3T1P-:before,.arrow-shadow_bottom-start__3pGeC:before,.arrow-shadow_bottom__3XFz5:before{box-shadow:-2px -2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_right-end__gH2nw:before,.arrow-shadow_right-start__372g_:before,.arrow-shadow_right__oRsKV:before{box-shadow:-2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_left-end__29e2P:before,.arrow-shadow_left-start__2koMn:before,.arrow-shadow_left__3bgSE:before{box-shadow:2px -2px 4px 0 rgba(0,0,0,.1)}.tooltip-drawer_tooltip__1wGoa{--bit-drawer-margin:10px}.tooltip-drawer_arrow__1jjcT{--bit-drawer-margin:5px;--bit-drawer-indent:8px}.key_keyCombo__1S2Gi{align-items:center;display:flex;white-space:nowrap}.key_keyCombo__1S2Gi .key_keycap__24Eh9{margin-right:4px}.key_keyCombo__1S2Gi .key_keycap__24Eh9:last-child{margin-right:0}.key_keySequence__1Cqnn{align-items:center;display:flex;white-space:nowrap}.key_keycap__24Eh9{align-items:center;background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6);border-radius:3px;box-sizing:border-box;color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:flex;font-size:12px;height:1.7em;justify-content:center;min-width:1.7em;padding:0 .4em;text-transform:uppercase}.key_thenSep__1FKdh{font-size:.8em;margin:0 4px}.main-dropdown_mainDropdown__2rOru{height:100%}.main-dropdown_mainDropdown__2rOru>div{align-items:center;display:flex;height:100%}.main-dropdown_mainDropdown__2rOru .main-dropdown_menu__enXzk{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:-5px;width:300px}.main-dropdown_mainDropdown__2rOru .main-dropdown_menu__enXzk>div{margin-bottom:8px}.main-dropdown_iconAnchor__67Fn3{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:30px;transition:background-color .3s ease-in-out}[data-open=true] .main-dropdown_iconAnchor__67Fn3{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__67Fn3,[data-open=true] .main-dropdown_iconAnchor__67Fn3:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.main-dropdown_iconAnchor__67Fn3:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__MAo1I{padding:0 8px}.main-dropdown_menuBlock__2oKVI{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 0 10px}.main-dropdown_menuBlock__2oKVI:last-child{border-bottom:none}.main-dropdown_title__2gZao{color:#878c9a;font-size:10px;font-weight:700;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.main-dropdown_line__3a4O0{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px}.main-dropdown_line__3a4O0:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_menu__2UhK5{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px;z-index:102}.dropdown_placeholder__2MkqC{align-items:center;background-color:#fff;background-color:var(--bit-bg-color,#fff);border:1px solid #37b26c;border-radius:6px;box-sizing:border-box;color:#37b26c;cursor:pointer;display:flex;height:30px;padding:0 6px;transition:background-color .3s,color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown_placeholder__2MkqC:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__2MkqC{padding:0 8px}.dropdown_placeholder__2MkqC .dropdown_content__6c-pA{display:none}}.dropdown_placeholder__2MkqC>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__2MkqC{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff);transition:color .3s,background-color .3s ease-in-out}.dropdown_placeholder__2MkqC>div{padding:0 6px}.tab_tab__z9K5V{align-items:center;border-bottom:3px solid #fff;border-bottom:3px solid var(--bit-bg-modal,#fff);box-sizing:border-box;cursor:pointer;display:flex;margin-right:8px;padding:0 16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab_tab__z9K5V.tab_active__3FWDe{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.menu_container__a0riB{z-index:5000}.menu_top__z2QQx{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__8I5Nx{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__8I5Nx>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__SWGGb{justify-content:space-between}.menu_drawer__SWGGb>div{align-items:center;display:flex}.menu_drawer__SWGGb>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__13law{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:flex;line-height:14px;overflow-x:auto;padding:0 24px}.menu_registry__3O7U5>div:last-child{border-top:none;padding:0}.menu_importContent__21JQX>div{margin:12px 0}.menu_importContent__21JQX>div:nth-child(2),.menu_importContent__21JQX>div:nth-child(4){margin-bottom:24px}.menu_bottom__2RyaM{align-items:center;display:flex}.menu_bottom__2RyaM>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_disabled__3XyRs{background-color:#fffcf4;background-color:var(--warning-surface-color,#fffcf4);font-size:12px;font-size:var(--bit-p-xs,12px);padding:4px}.menu_warnIcon__DCcg1{filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%);padding-right:4px}.tab-content_middle__2M5sF{margin:0 24px 16px}.tab-content_middle__2M5sF>div{margin:12px 0}.tab-content_bottom__2M6aw{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__3-W3D{align-items:center;display:flex;justify-content:space-between}.tab-content_open__3pb_Q{transform:rotate(180deg)}.bottom-link_link__2ZXJU{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);cursor:pointer;display:flex;height:40px;padding:0 24px;text-decoration:none;text-decoration:initial}.bottom-link_link__2ZXJU:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__2ZXJU>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.copied-message_copiedMessage__2hAdo{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__2xgWu{opacity:1;visibility:visible}.grid_gridContainer__2GNfF{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__1kxp9{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__s9QFJ{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__2i9OQ{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__lPF-U{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__151LG{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__1tEsZ{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__1oBV7{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__3hlSh{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__3VWJ9{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__3DsEO{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__28cqX{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__3vRu6{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__37swh{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__3nxIx{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__2Bo6r{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__1lifZ{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__19fFd{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__2oTRo{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__2rApL{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__1qGc1{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__2QXzq{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__1oTLw{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2cgEt{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__I40N-{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__3kM-x{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__bmPhy{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__3uWjc{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__29D0K{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__1JOuY{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__3xBEb{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__36NxA{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__3n_Bl{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__GPlwD{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__2sCBg{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__2AWbF{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__39HMb{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__2g5m3{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__cELcG{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__2WaOg{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__GOk_g{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__2EYwt{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__2CF6d{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__2rxmf{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__2EaGs{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__15gal{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__3_P-T{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__29vSq{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__11ZeX{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__2kxm2{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__Mvkf5{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__1oV5d{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__3DS2x{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__W4swZ{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__DpdEd{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__1dJuB{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__E77Cj{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__1L4QZ{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__LhS2M{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__LZh-G{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__yOxMm{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__WEj43{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__14LBn{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__2Rul3{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__2UQKo{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__1VcyD{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__3aplP{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__2zHPi{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__2-RGj{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__1ufMK{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__16A_D{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__3Sqb2{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__W2XfI{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__2RT8U{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__Nu-IR{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__120OD{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__1zYvR{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__38A2_{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__2R6iu{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__2dPWW{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__3_D2j{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__3_-Jl{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__2E7GK{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__1kT-_{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__n1Lwl{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__1bCRS{align-items:center;background:var(--bit-bg-dent);border:1px solid var(--bit-border-color-lightest);border-radius:6px;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;line-height:115%;min-width:80px;padding:0 11px}.copy-box_copyBox__1bCRS .copy-box_leftSection__3kUGd{font-family:monospace;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre}.copy-box_button__Oedup{background-color:var(--bit-bg-color-highlight);border:none;box-sizing:border-box;color:var(--bit-accent-color);cursor:pointer;outline:none}.copy-box_rightSection__12m7E{align-items:center;display:flex;position:relative}.copy-box_copyIcon__3aQ_m{font-size:var(--bit-p-lg)}.bit-info_moreInfo__33UsJ>div:last-child{border-top:none;padding:0}.inline-code_inlineCode__xCUlw{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__2jgg-{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.size-definition_headingFontSize__2HE6S{--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__2e6XT{--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__1Wh-3{--bit-shadow-none:none;--bit-shadow-faint:0 2px 10px 0 rgba(0,0,0,.1);--bit-shadow-resting:0px 0px 4px rgba(0,0,0,.08),0px 2px 4px rgba(0,0,0,.08);--bit-shadow-raised-low:0 -1px 1px 0 rgba(0,0,0,.09),0 2px 2px 0 rgba(0,0,0,.23);--bit-shadow-hover-low:0 2px 8px 0 rgba(0,0,0,.2);--bit-shadow-hover-medium:0 0 20px 0 rgba(0,0,0,.12),0 2px 6px 0 rgba(0,0,0,.24);--bit-shadow-hover-high:0px 11px 29px 0px rgba(0,0,0,.23)}.color-definition_primaryPalette__2lHFY{--bit-text-color:#414141;--bit-text-color-heavy:#2b2b2b;--bit-text-color-light:#6c707c;--bit-text-inactive:#babec9;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#babec9;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#cccfd4;--bit-border-color-lightest:#ededed;--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6;--bit-bg-color:#fff;--bit-bg-heavy:#f6f6f6;--bit-bg-heaviest:#ededed;--bit-bg-bedrock:#fff;--bit-bg-navigation:#f6f6f6;--bit-bg-overlay:#fff;--bit-bg-modal:#fff;--bit-bg-tooltip:#fff;--bit-bg-tooltip-heavy:#f6f6f6;--bit-bg-dent:#f6f6f6;--bit-error-color:#e62e5c;--bit-error-heavy:#d31948;--bit-error-light:#f086a0;--bit-error-bg:#fdeff2;--bit-error-bg-heavy:#f7bac9;color:#414141}.brand-definition_brands__2xFmK{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__XQglD{--bit-h1Margin:20px;--bit-h2Margin:20px;--bit-h3Margin:20px;--bit-h4Margin:8px;--bit-h5Margin:8px;--bit-h6Margin:8px;--bit-h7Margin:8px}@font-face{font-family:"CircularPro";src:url(https://static.bit.dev/fonts/CircularPro-Book.otf)}@font-face{font-family:"CircularPro";font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-Bold.otf)}@font-face{font-family:"CircularPro";font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-Black.otf)}@font-face{font-family:"CircularPro";font-style:italic;src:url(https://static.bit.dev/fonts/CircularPro-BookItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:700;src:url(https://static.bit.dev/fonts/CircularPro-BoldItalic.otf)}@font-face{font-family:"CircularPro";font-style:italic;font-weight:800;src:url(https://static.bit.dev/fonts/CircularPro-BlackItalic.otf)}.book-font_bookFont__yf_UR{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__XuX6l{line-height:1.23}.sizes_heading__bvWyW{--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__EailI{line-height:normal}.pane_pane__1dSyx{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__1dSyx,[data-split-layout*=last]>.pane_pane__1dSyx{max-width:none;min-width:0;min-width:auto}.splitter_splitter__3jJEo{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__3jJEo{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__3jJEo{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__3OZmF{display:flex;flex-direction:column}.split-pane_splitPane__3OZmF.split-pane_isDragging__2V08t{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__3OZmF[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__3OZmF[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__3OZmF[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__3OZmF[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__3OZmF[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__2pnOW{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__3nKbm{height:100%;width:100%}.splitter_highlighter__3nKbm,.splitter_highlighter__3nKbm:after,.splitter_highlighter__3nKbm:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__3nKbm:hover,.splitter_highlighter__3nKbm:hover:after,.splitter_highlighter__3nKbm:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm,[data-is-dragging=true]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:after,[data-is-dragging=true]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__3nKbm:after,.splitter_highlighter__3nKbm:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:after,[data-split-layout^=row]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:after,[data-split-layout^=column]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__2pnOW>.splitter_highlighter__3nKbm:after{bottom:-200%}.table-heading-column_headingColumn__3zCoy{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__fhkfM{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__fhkfM.table-heading-row_hide__3z956{display:none}.table-heading-row_titleCol__3EGZR{color:var(--bit-text-color-light);text-transform:uppercase}.table-column_tableColumn__1MSp8{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__2ZOL7{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__2ZOL7.table-row_singleColumn__3ipYl{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__Opyd_{display:none}.table-row_mobileTitle__Opyd_.table-row_show__2n_7O{color:var(--bit-text-color-light);display:flex;font-size:var(--bit-p-xxs);font-weight:700;min-width:110px;text-transform:uppercase}.table-row_columnContent__3why4,.table-row_column__1bd5P{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__3fB9f{margin:initial;text-transform:capitalize}.table-row_required__17WHG{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__MUdTu{color:#4646c6;margin-right:5px}.table-row_name__MUdTu,.table-row_type__2zTct{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_type__2zTct{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff);border-radius:4px;display:inline-block;padding:5px;width:-moz-fit-content;width:fit-content}.table-row_typeColumn__24D1L .table-row_highlighted__2Xyv8{background:transparent none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;display:flex!important;flex-grow:1;font-family:Roboto mono;font-size:var(--bit-p-xxs);margin:0;padding:0!important;white-space:pre-wrap;word-break:break-word}.table-row_typeColumn__24D1L .table-row_highlighted__2Xyv8>code>span{color:#397300}.table-row_typeColumn__24D1L .table-row_highlighted__2Xyv8>code{font-family:inherit}.table-row_default__3g-g3{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__1EWhJ{word-break:break-word}.table_table__3vz3->div{grid-gap:16px 24px}.tabs_tabContainer__2fhsy{display:flex}.tabs_tab__1fvgc{color:#878c9a;color:var(--on-background-color,#878c9a);cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:8px;position:relative;text-transform:uppercase;transition:color .3s ease-in-out}.tabs_tab__1fvgc:hover{color:var(--bit-text-color-heavy)}.tabs_tab__1fvgc.tabs_disabled__3jaHS{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__1fvgc.tabs_active__6KuhM{color:var(--bit-text-color-heavy)}.tabs_tab__1fvgc.tabs_active__6KuhM:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:2px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.collapser-button_collapser__2s0z3{bottom:80px;cursor:pointer;position:absolute;transition:right .3s,left .3s ease-in-out;z-index:100}.collapser-button_collapser__2s0z3.collapser-button_open__TzkBM .collapser-button_circle__144AQ>div{transform:rotate(-.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__144AQ{background-color:#fff;background-color:var(--bit-bg-color,#fff);box-shadow:0 -1px 1px 0 rgba(0,0,0,.09),0 1px 2px 0 rgba(0,0,0,.23);font-size:12px;height:100%;padding:10px;transition:padding .3s ease-in-out}.collapser-button_circle__144AQ>div{transition:transform .3s ease-in-out}.collapser-button_right__3R4eT .collapser-button_circle__144AQ{border-bottom-right-radius:50%;border-top-right-radius:50%;padding-left:10px}.collapser-button_right__3R4eT .collapser-button_circle__144AQ:hover{padding-left:16px}.collapser-button_left__3okjq .collapser-button_circle__144AQ{border-bottom-left-radius:50%;border-top-left-radius:50%;padding-right:10px}.collapser-button_left__3okjq .collapser-button_circle__144AQ:hover{padding-right:16px}.empty-box_emptyCompositions__2AWIA{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__2AWIA *{text-overflow:ellipsis}.empty-box_innerBorder__2BpRg{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__2BpRg>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__2BpRg>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__2BpRg>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.preview_preview__1thHx{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-menu-bar_compositionsMenuBar__2C_4Z{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__1Mown{flex:1 0}.block-quote_blockQuote__2s-Kl{background-color:hsla(0,2%,79%,.2);border-left:5px solid #897dec;border-radius:5px;margin:0 0 1em;padding:1em 10px 1em 18px}.block-quote_blockQuote__2s-Kl>:last-child{margin-bottom:0}.bold_bold__2DEv3{font-weight:700}.external-link_link__3Ov9e{text-decoration:none}.external-link_link__3Ov9e:hover{text-decoration:underline}.heading-sizes_xxs__zwhZR{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__xMRxi{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__38Ec1{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1evgh{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__SlzCZ{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__2dHly{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__3pUZq{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__3Zf3X,.heading_h2__3GqLu,.heading_h3__cfj4N,.heading_h4__3cUyZ,.heading_h5__3ArXO,.heading_h6__1EQp0{font-weight:700;margin:0}.heading_h1__3Zf3X{margin-bottom:20px}.anchor_anchor__2eurg{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__3xQUZ{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__2RiZ_{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__2RiZ_:hover .linked-heading_anchor__b_2er{opacity:1;visibility:inherit}.linked-heading_heading__4YzqP{margin-bottom:0;margin-right:8px}.linked-heading_anchor__b_2er{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__3tFKv{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__3tFKv[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__3tFKv[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__3tFKv[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__3tFKv.create-heading_mainHeadingStyles__1Vuwy{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__3tFKv:first-child{padding-top:0}.image_img__H5LlW{max-width:100%}.image_img__H5LlW:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__3AFUp{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__1v_if{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__14Isz{font-style:italic}.ol_ol__269zM{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__269zM ol,.ol_ol__269zM ul{padding-left:18px}.ol_ol__269zM>li>p{margin-bottom:0}.text-sizes_xxs__113ih{font-size:12px;font-size:var(--bit-p-xxs,12px)}.text-sizes_xs__2yUwt{font-size:14px;font-size:var(--bit-p-xs,14px)}.text-sizes_sm__1TOz8{font-size:15px;font-size:var(--bit-p-sm,15px)}.text-sizes_md__1u2_P{font-size:16px;font-size:var(--bit-p-md,16px)}.text-sizes_lg__1_wd2{font-size:18px;font-size:var(--bit-p-lg,18px)}.text-sizes_xl__3X9-_{font-size:20px;font-size:var(--bit-p-xl,20px)}.text-sizes_xxl__1Xqit{font-size:24px;font-size:var(--bit-p-xxl,24px)}.paragraph_paragraph__2H4Z1{margin:0 0 1em}.separator_separator__Fqb9U{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.copied-message_copiedMessage__RdXly{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__2nBNO{opacity:1;visibility:visible}.code-snippet_snippetWrapper__3SFaj{position:relative}.code-snippet_snippetWrapper__3SFaj:hover .code-snippet_copyIcon__1HNSv{opacity:1}.code-snippet_snippetWrapper__3SFaj .code-snippet_codeSnippet__jAsYT{background-color:#fff;border-radius:10px;font-family:Roboto mono;font-size:var(--bit-p-xs);margin:0!important;padding:16px!important}.code-snippet_snippetWrapper__3SFaj .code-snippet_copyIcon__1HNSv{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#414141;cursor:pointer;margin-left:8px;opacity:0;padding:2px;transition:opacity .3s ease-in-out;width:24px}.code-snippet_snippetWrapper__3SFaj code{font-family:inherit!important}.code-snippet_copy__28cx4{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__2ku30{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__1mOiU{height:450px}.react-playground_column__1mOiU .react-playground_codePane__9H0oT,.react-playground_column__1mOiU .react-playground_previewPane__33zHQ{max-height:90%;min-height:10%;width:100%}.react-playground_column__1mOiU .react-playground_error__3-oE9,.react-playground_column__1mOiU .react-playground_previewPane__33zHQ{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__1NzaK{height:100%;max-height:450px}.react-playground_row__1NzaK .react-playground_codePane__9H0oT,.react-playground_row__1NzaK .react-playground_previewPane__33zHQ{height:100%;max-width:90%;min-width:10%}.react-playground_row__1NzaK .react-playground_error__3-oE9,.react-playground_row__1NzaK .react-playground_previewPane__33zHQ{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__3-oE9{background-color:var(--bit-bg-color);border:1px solid var(--bit-error-color);bottom:0;box-sizing:border-box;color:var(--bit-error-color);font-family:Roboto mono;font-size:11px;left:0;margin:0;overflow:auto;padding:8px;position:absolute;right:0;top:0;transition:all 1s ease-in-out}.react-playground_codePane__9H0oT{background-color:#282c34;overflow:auto}.react-playground_editor__1XQpd{font-family:Roboto mono!important;font-size:11px;max-width:none!important;min-width:100%;width:-moz-fit-content;width:fit-content}.react-playground_editor__1XQpd>textarea{outline:none;white-space:pre!important}.react-playground_editor__1XQpd>pre{white-space:pre!important}.react-playground_splitter__kbPxp{background-color:#282c34}.react-playground_previewPane__33zHQ{border:1px solid var(--bit-border-color-lightest);box-sizing:border-box;display:flex;flex-shrink:1!important;overflow:auto;position:relative;transform:translateZ(0)}.react-playground_previewBox__1SXtQ{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__1IXrv{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__1IXrv>div{width:100%}.snippet_snippet__299Xq{margin-bottom:16px}.sup_sup__11B5Z{font-size:smaller;vertical-align:super}.base-table_table__S-aay{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-collapse:collapse;border-radius:8px;border-spacing:0;display:block;margin-bottom:16px;max-width:100%;overflow:auto;width:-moz-fit-content;width:fit-content}.base-table_table__S-aay tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__S-aay thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__S-aay th{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);font-size:var(--bit-p-xs);font-weight:700;padding:12px 20px}.base-table_table__S-aay td,.base-table_table__S-aay th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__S-aay table,.base-table_table__S-aay td,.base-table_table__S-aay th,.base-table_table__S-aay thead,.base-table_table__S-aay tr{text-align:start}.base-table_table__S-aay table[align=center],.base-table_table__S-aay td[align=center],.base-table_table__S-aay th[align=center],.base-table_table__S-aay thead[align=center],.base-table_table__S-aay tr[align=center]{text-align:center}.base-table_table__S-aay table[align=left],.base-table_table__S-aay td[align=left],.base-table_table__S-aay th[align=left],.base-table_table__S-aay thead[align=left],.base-table_table__S-aay tr[align=left]{text-align:start}.base-table_table__S-aay table[align=right],.base-table_table__S-aay td[align=right],.base-table_table__S-aay th[align=right],.base-table_table__S-aay thead[align=right],.base-table_table__S-aay tr[align=right]{text-align:end}.td_td__16xUE{padding:12px 20px}.tr_tr__3N9Au:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__SF568{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__SF568>li>ol,.ul_ul__SF568>li>ul{margin-bottom:0;padding-left:18px}.ul_ul__SF568>li>p{margin-bottom:none}.mdx-layout_mdxContent__3HhLQ{line-height:1.5}.mdx-layout_mdxContent__3HhLQ img{max-width:100%}.link_link__1wWRb{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__1wWRb:hover{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec);text-decoration:underline}.admonition{border-radius:8px;margin-bottom:1em;padding:15px 30px 15px 15px}.admonition h3{display:flex;margin-bottom:8px;margin-top:0;text-transform:uppercase}.admonition-heading>div{margin-bottom:0;margin-top:0}.admonition-icon{display:inline-flex;margin-right:4px;padding-top:1px}.admonition-icon svg{stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block;height:22px;width:18px}.admonition-content>:last-child{margin-bottom:0}.admonition{background-color:#eceaff;background-color:var(--bit-accent-primary-bg,#eceaff);border-left:8px solid #6c5ce7;border-left:8px solid var(--bit-accent-primary-color,#6c5ce7)}.admonition h5{color:#6c5ce7;color:var(--bit-accent-primary-color,#6c5ce7);display:flex}.admonition-caution{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-caution h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.admonition-tip{background-color:#eefaf3;background-color:var(--bit-accent-success-bg,#eefaf3);border-left:8px solid #37b26c;border-left:8px solid var(--bit-accent-success-color,#37b26c)}.admonition-tip h5{color:#37b26c;color:var(--bit-accent-success-color,#37b26c)}.admonition-warning{background-color:#fdeff2;background-color:var(--bit-accent-impulsive-bg,#fdeff2);border-left:8px solid #e62e5c;border-left:8px solid var(--bit-accent-impulsive-color,#e62e5c)}.admonition-warning h5{color:#e62e5c;color:var(--bit-accent-impulsive-color,#e62e5c)}.admonition-important{background-color:#f3faff;background-color:var(--bit-accent-process-color,#f3faff);border-left:8px solid #0984e3;border-left:8px solid var(--bit-accent-process-color,#0984e3)}.admonition-important h5{color:#0984e3;color:var(--bit-accent-process-color,#0984e3)}.admonition-note{background-color:#fff5dd;background-color:var(--bit-accent-hunger-bg,#fff5dd);border-left:8px solid #ffc640;border-left:8px solid var(--bit-accent-hunger-color,#ffc640)}.admonition-note h5{color:#ffc640;color:var(--bit-accent-hunger-color,#ffc640)}.separator_separator__36frv{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__PqKda{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__12abR{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__24i6U{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__2x2Xw{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__29US4{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__zePWn{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__3ygi-{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2tCJv{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__3EXX2,.heading_h2__kBYHY,.heading_h3__PVKmH,.heading_h4__2hhOa,.heading_h5__aUv77,.heading_h6__auFgu{font-weight:700;margin:0}.heading_h1__3EXX2{margin-bottom:20px}.card_card__Dufcn{box-sizing:border-box;padding:20px}.accent-color_primary__3yOTe{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__1sIPs{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__12yGn{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__2GLlK{--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__2kK-G{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__jVCsP{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__1MKFv{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__1vB2M{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.level-icon_notificationIcon__Re5Hb{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__Re5Hb:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__1Xg8k{padding:24px}.alert-card_heading__1NNSG{display:flex;margin-bottom:24px}.alert-card_icon__3i0ZS{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__1vuub{margin-bottom:24px}.option-button_optionButton__rOESX{align-items:center;background:none;border:none;border-radius:.5em;box-sizing:border-box;color:inherit;display:inline-flex;font-size:inherit;height:2em;padding:0 .5em}.option-button_optionButton__rOESX:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__rOESX.option-button_active__3iZt2{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__rOESX:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__1AHFx{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__2hdhz{font-size:25px;margin-right:16px}.message-card_textBox__2ch2-{font-size:14px}.message-card_textBox__2ch2-,.message-card_textBox__2ch2->*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__2ch2->div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__iPI0A{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__3xnI5{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__2UfJP{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__1BcAK{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__pR1EH{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__1XQ8i{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__2T35N{height:100%;width:100%}.compositions_compositionPreview__1l-Mi{padding-top:20px;width:100%}.compositions_left__2gbx8{display:flex;flex-direction:column}.compositions_left__2gbx8,.compositions_right__1j_Ti{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__1j_Ti{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__2Y7Ef{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__Uehzm{position:relative}.compositions_splitter__Uehzm>:first-child{position:absolute;z-index:101}.compositions_collapser__EgJrj{right:0}.compositions_tabsContainer__2PALV{display:flex;flex-direction:column;height:100%}.compositions_tabs__1JeQt{flex:none}.compositions_tabContent__32sSL{flex:1 1;overflow:auto}.compositions_tabContent__32sSL:empty{display:none}.compositions_compositions__2gF53{padding:16px 8px 0}.compositions_openInNewTab__3_CYN{color:inherit;text-decoration:none}.compositions_openInNewTab__3_CYN:active{color:inherit}.compositions_noCompositionsPage__3EE2j{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3EE2j .compositions_title__1lLmE{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3EE2j .compositions_separator__10-xn{margin-bottom:41px}.compositions_buildStatusMessage__221uA{margin:auto}.compositions_compositionPanel__2HTso{display:flex;flex:1 1}.menu-widget-icon_icon__mwyqK{font-size:16px}.menu-widget-icon_widgetMenuIcon__3036g{align-items:center;display:flex;justify-content:center}.compositions-panel_linkWrapper__2tboi{align-items:center;display:flex;font-size:var(--bit-p-xs);height:40px;justify-content:space-between;padding:0 12px;transition:all .3s ease-in-out}.compositions-panel_linkWrapper__2tboi:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__2tboi:hover .compositions-panel_right__3mNGf{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__2tboi:hover .compositions-panel_right__3mNGf .compositions-panel_icon__r-3sT:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__2tboi.compositions-panel_active__1F2cE{align-items:center;background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);color:#fff;color:var(--bit-bg-color,#fff);display:flex}.compositions-panel_linkWrapper__2tboi.compositions-panel_active__1F2cE:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__2tboi.compositions-panel_active__1F2cE .compositions-panel_box__1PcRM{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__2tboi.compositions-panel_active__1F2cE .compositions-panel_right__3mNGf{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__2tboi.compositions-panel_active__1F2cE .compositions-panel_right__3mNGf .compositions-panel_icon__r-3sT:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__2tboi .compositions-panel_right__3mNGf{align-items:center;display:flex;font-size:13px;gap:12px;justify-content:center;opacity:0;transition:visibility .2s,opacity .1s ease-in-out;visibility:hidden}.compositions-panel_linkWrapper__2tboi .compositions-panel_codeLink__DqjB8{cursor:pointer}.compositions-panel_box__1PcRM{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__3xvAA{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__sYj98{align-items:center;color:inherit;cursor:pointer;display:flex;height:100%;min-width:0;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.compositions-panel_panelLink__sYj98:active{color:inherit}.compositions-panel_tabs__2iFM1{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__2iFM1>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__2iFM1>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__2iFM1>div:first-child:before{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:10px;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background-color .3s,height .3s}.component_container__2lh1E{display:flex;flex-direction:column;height:100%}.indent_indent__JluLg{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__1aVqc{margin-left:calc(var(--indent-depth)*8px + 8px)}.indent_indent__25l_A{padding-left:calc(var(--indent-depth)*8px + 8px)}.indent_indentMargin__2zqsG{margin-left:calc(var(--indent-depth)*8px + 8px)}.collapsing-node_childrenTree__3aS09{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.accent-color_primary__7yuwh{--bit-accent-color:#6c5ce7;--bit-accent-heavy:#5d4aec;--bit-accent-light:#897dec;--bit-accent-text:#6c5ce7;--bit-accent-text-heavy:#5d4aec;--bit-text-on-accent:#fff;--bit-accent-bg:#eceaff;--bit-accent-bg-heavy:#c9c3f6}.accent-color_complementary__3ewuR{--bit-accent-color:#f83d6c;--bit-accent-heavy:#f7174f;--bit-accent-light:#f96389;--bit-accent-text:#f83d6c;--bit-accent-text-heavy:#f7174f;--bit-text-on-accent:#fff;--bit-accent-bg:#ffe2ea;--bit-accent-bg-heavy:#fb9cb4}.accent-color_impulsive__1B1W8{--bit-accent-color:#e62e5c;--bit-accent-heavy:#d31948;--bit-accent-light:#f086a0;--bit-accent-text:#e62e5c;--bit-accent-text-heavy:#d31948;--bit-text-on-accent:#fff;--bit-accent-bg:#fdeff2;--bit-accent-bg-heavy:#f7bac9}.accent-color_hungry__1kKKb{--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__3ZXKd{--bit-accent-color:#37b26c;--bit-accent-heavy:#2e945a;--bit-accent-light:#94deb4;--bit-accent-text:#37b26c;--bit-accent-text-heavy:#2e945a;--bit-text-on-accent:#fff;--bit-accent-bg:#eefaf3;--bit-accent-bg-heavy:#d0f1de}.accent-color_process__37DZ_{--bit-accent-color:#0984e3;--bit-accent-heavy:#3d5afe;--bit-accent-light:#95ccf5;--bit-accent-text:#0984e3;--bit-accent-text-heavy:#3d5afe;--bit-text-on-accent:#fff;--bit-accent-bg:#f3faff;--bit-accent-bg-heavy:#d2ecfe}.accent-color_emphasized__GONwy{--bit-accent-color:#2b2b2b;--bit-accent-heavy:#0c0c0c;--bit-accent-light:#414141;--bit-accent-text:#2b2b2b;--bit-accent-text-heavy:#0c0c0c;--bit-text-on-accent:#fff;--bit-accent-bg:#ededed;--bit-accent-bg-heavy:#cccfd4}.accent-color_neutral__18kPb{--bit-accent-color:#414141;--bit-accent-heavy:#2b2b2b;--bit-accent-light:#6c707c;--bit-accent-text:#414141;--bit-accent-text-heavy:#2b2b2b;--bit-text-on-accent:#fff;--bit-accent-bg:#f6f6f6;--bit-accent-bg-heavy:#ededed}.themed-text_themedText__3-4p4{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.dark-theme_darkMod__qxgJG{--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948;color:#ededed}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{left:11px;top:calc(50% - 3px);transform:rotate(90deg)}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{right:11px;top:calc(50% - 3px);transform:rotate(-90deg)}.tippy-svg-arrow{fill:#333;height:16px;text-align:left;text-align:initial;width:16px}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}.tippy-box[data-theme~=teambit]{background:#2b2b2b;background:var(--bit-bg-tooltip,#2b2b2b);border-radius:8px;color:#fff;color:var(--bit-text-color,#fff)}.tippy-box[data-theme~=teambit] .tippy-content{padding:.85em;white-space:nowrap}.tippy-box[data-theme~=teambit].tippy-breakLine .tippy-content{white-space:pre-line;word-break:break-all}.tippy-box[data-theme~=teambit] .tippy-svg-arrow{fill:#2b2b2b;fill:var(--bit-bg-tooltip,#2b2b2b)}.deprecation-icon_deprecatedTooltip__2efWT{padding:2px 5px}.deprecation-icon_deprecatedTooltip__2efWT>div{padding:initial!important}.deprecation-icon_deprectaedTooltipContent__2WNC5{font-size:12px}.component-view_component__169tg{align-items:center;border-left:0 solid transparent;box-sizing:border-box;color:inherit;display:flex;font-size:inherit;font-size:var(--bit-p-xs);height:32px;justify-content:space-between;padding-right:8px;text-decoration:none}.component-view_component__169tg:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.component-view_component__169tg.component-view_active__1cQ8X{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.component-view_component__169tg .component-view_icon__1mvTM{height:16px;opacity:.8;width:16px}.component-view_component__169tg .component-view_left__3rGNB{align-items:center;display:flex;flex:1 1;line-height:24px;min-width:0}.component-view_component__169tg .component-view_left__3rGNB>span{overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.component-view_component__169tg .component-view_envIcon__2uv3U{height:16px;transition:filter .3s ease-in-out;width:16px}.component-view_component__169tg .component-view_right__1gfu5{align-items:center;display:flex;font-size:12px}.component-view_component__169tg .component-view_right__1gfu5>*{margin-right:4px}.component-view_component__169tg .component-view_right__1gfu5>:last-child(){margin-right:0}.component-view_componentEnvTooltip__2xx3l{font-size:var(--bit-p-xs);max-width:none!important}.component-view_componentEnvTooltip__2xx3l .component-view_componentEnvTitle__3S7-Q{color:#c9c3f6;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;margin-bottom:4px}.component-view_onMainTooltip__3_ym7{font-size:var(--bit-p-xxs);max-width:none!important}.component-view_envLink__2VtRN{color:#fff;text-decoration:none}.component-view_mainOnly__2wxGJ{opacity:60%}.scope-tree-node_scope__1XJhJ{align-items:center;cursor:pointer;display:flex;font-size:inherit;font-size:var(--bit-p-xs);font-weight:700;height:32px;justify-content:space-between;padding-right:8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scope-tree-node_scope__1XJhJ:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.scope-tree-node_scope__1XJhJ .scope-tree-node_arrow__205gp{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;line-height:inherit;margin-right:10px;transition:all .3s}.scope-tree-node_scope__1XJhJ .scope-tree-node_arrow__205gp.scope-tree-node_collapsed__1FGFa{transform:rotate(-90deg)}.scope-tree-node_highlighted__2MtFH{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.scope-tree-node_left__eSlMR{align-items:center;display:flex;flex:1 1;min-width:0}.scope-tree-node_left__eSlMR .scope-tree-node_name__3kU-7{line-height:115%;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tree-node_componentTree__3fmOb{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.namespace-tree-node_namespace__1oO9L{align-items:center;cursor:pointer;display:flex;font-size:inherit;font-size:var(--bit-p-xs);font-weight:700;height:32px;justify-content:space-between;padding-right:8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.namespace-tree-node_namespace__1oO9L:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.namespace-tree-node_namespace__1oO9L .namespace-tree-node_arrow__2jjV7{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;line-height:inherit;margin-right:10px;transition:all .3s}.namespace-tree-node_namespace__1oO9L .namespace-tree-node_arrow__2jjV7.namespace-tree-node_collapsed__3b4_h{transform:rotate(-90deg)}.namespace-tree-node_highlighted__3Ftv9{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.namespace-tree-node_left__2YLYz{align-items:center;display:flex;flex:1 1;min-width:0}.namespace-tree-node_left__2YLYz .namespace-tree-node_name__1BoEo{line-height:24px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.namespace-tree-node_componentTree__PfNaS{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}