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

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

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

@@ -68,7 +68,8 @@ function ComponentView(props) {
     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()) &&
+        return (!component.status.isNew &&
+            !((_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)));
     }, [(_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' },

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.870.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.870",
   "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.870"
   },
   "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": "a130f7322fd13abed4280676598694eb92330936"
   },
   "taggedModuleExports": []
 }

package/static/css/teambit.ui-foundation/ui/side-bar.0cc581b8.css ADDED Viewed

@@ -0,0 +1 @@

+ .abs-container_container__1w1TC{position:relative}.abs-container_containee__1HOzH{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__1HOzH{visibility:visible}.positions_top__Z-mKe{bottom:100%}.positions_top-start__30hSR{bottom:100%;left:0}.positions_top-end__21IPY{bottom:100%;right:0}.positions_right__2kOFN{left:100%}.positions_right-start__2Apsv{left:100%;top:0}.positions_right-end__26GYY{bottom:0;left:100%}.positions_bottom__3a_Sq{top:100%}.positions_bottom-start__3JIup{left:0;top:100%}.positions_bottom-end__209oU{right:0;top:100%}.positions_left__3RCb0{right:100%}.positions_left-start__3IrNn{right:100%;top:0}.positions_left-end__3KUd5{bottom:0;right:100%}.positions_cover__3qz1b{left:0;top:0}.displacement_displacement__BSYfq[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__BSYfq[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__BSYfq[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__BSYfq[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__BSYfq[data-position=bottom-start],.displacement_displacement__BSYfq[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__BSYfq[data-position=bottom-end],.displacement_displacement__BSYfq[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__BSYfq[data-position^=left-start],.displacement_displacement__BSYfq[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__BSYfq[data-position^=left-end],.displacement_displacement__BSYfq[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1Ocb9{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.elevations_low__j3iIw{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__2Fn4a{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__xQ7L9{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__1o3Gb{border-radius:2px}.roundness_default__1Fgjo{border-radius:5px}.roundness_small__1TCZK{border-radius:8px}.roundness_medium__2VTAW{border-radius:10px}.roundness_circle__34UR6{border-radius:50%}.background_bedrock__1eAHX{background:var(--bit-bg-bedrock)}.background_base__3uvXp,.background_layer__1kBLN{background:var(--bit-bg-color)}.background_crust__2A_0t{background:var(--bit-bg-tooltip)}.background_topping__7HlWF{background:var(--bit-bg-color)}.background_topping__7HlWF:hover{background:var(--bit-bg-heavy)}.background_dent__pktkX{background:var(--bit-bg-dent)}.menu-item_menuItem__1PKM4{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__3EId7>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__3EId7.menu-item_active__2TIIH>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__phZAQ:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__2TIIH,.menu-item_active__2TIIH:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_dropdownPlaceholder__2qB1_{border:1px solid #ededed;border:1px solid var(--border-medium-color,#ededed);border-radius:8px;justify-content:space-between;padding:.844em 1em}.dropdown_dropdownPlaceholder__2qB1_: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__2qB1_: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__3HI1J .dropdown_dropdownPlaceholder__2qB1_{border:none}.dropdown_dropdownMenu__dpbr4{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__3m0qE{cursor:pointer;font:inherit;transition:all .18s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dots-loader_dotsLoader__1WCZE{letter-spacing:.6em;text-indent:.6em}.dots-loader_dotsLoader__1WCZE>*{animation:1.27s ease-in-out infinite both;animation-name:dots-loader_scale-down__2Mj40;display:inline-block}.dots-loader_dotsLoader__1WCZE>:first-child{animation-delay:-.37s}.dots-loader_dotsLoader__1WCZE>:nth-child(2){animation-delay:-185ms}@keyframes dots-loader_scale-down__2Mj40{0%,20%,to{transform:scale(0)}60%{transform:scale(1)}}.icon-button_iconButton__231g5{align-items:center;border-radius:8px;display:flex;padding:7px 16px;transition:background-color .3s ease-in-out}.icon-button_iconButton__231g5.icon-button_iconOnly__3FHS7{padding:6px 8px}.icon-button_iconButton__231g5[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__231g5[data-priority=ghost].icon-button_active__18Ja_{border-color:#6c5ce7;border-color:var(--bit-accent-color,#6c5ce7);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.icon-button_iconButton__231g5[data-priority=ghost]:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6)}.icon-button_iconButton__231g5[data-priority=ghost]:active{background-color:#ededed;background-color:var(--bit-bg-heaviest,#ededed)}.icon-button_iconButton__231g5[data-priority=ghost]:disabled:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.icon-button_iconButton__231g5[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__231g5[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__231g5[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__231g5:disabled{color:#babec9;color:var(--bit-border-color,#babec9);cursor:not-allowed}.icon-button_iconButton__231g5:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.icon-button_icon__NeRxb{color:inherit;font-size:16px}.icon-button_margin__2lyJx{margin-right:8px}.sizes_buttonSizes__qhsyp[data-size=m]{font-size:14px;height:32px}.sizes_buttonSizes__qhsyp[data-size=l]{font-size:14px;height:40px}.buttons-plugin_buttonsHolder__3WhmZ{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__1gB95{color:#9598a1;color:var(--design-on-surface-low-color,#9598a1);cursor:pointer}.menu-item_menuItem__1JzJh{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__3COcH>:first-child{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.menu-item_withIcon__3COcH.menu-item_active__2icJ8>:first-child{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.menu-item_interactive__14znQ:hover{background-color:#f6f6f6;background-color:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.menu-item_active__2icJ8,.menu-item_active__2icJ8:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.tab-line_tabLine__18VYY{background-color:#6c5ce7;background-color:var(--primary-color,#6c5ce7);height:4px;left:0;position:absolute}.tab-line_tabLine__18VYY[data-position=top]{top:0}.tab-line_tabLine__18VYY[data-position=bottom]{bottom:0}.tab-folder_tabFolder__3xGgu{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-folder_folderStyle__3m5If{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__qIVBM{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.tab-inner_innerStyle__1Vdjf{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabInner__14nNp{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_innerStyle__24-zN,.responsive-navbar_tab__1pFwi[data-priority=inner].responsive-navbar_noAnimation__17DAG{background-color:#edebfc;background-color:var(--surface-hover-color,#edebfc);border-radius:8px}.responsive-navbar_tabFolder__3K_Tv{bottom:0;box-sizing:border-box;height:100%;left:0;position:absolute}.responsive-navbar_folderStyle__BYvhm,.responsive-navbar_tab__1pFwi[data-priority=folder].responsive-navbar_noAnimation__17DAG{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__1pFwi{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__1pFwi[data-priority]>div[data-position]{visibility:hidden}.responsive-navbar_tab__1pFwi.responsive-navbar_active__2J-vS,.responsive-navbar_tab__1pFwi:hover{color:#2b2b2b;color:var(--on-surface-color,#2b2b2b)}.responsive-navbar_tab__1pFwi.responsive-navbar_active__2J-vS[data-priority]>div[data-position]{visibility:visible}.responsive-navbar_tab__1pFwi.responsive-navbar_active__2J-vS[data-priority=folder],.responsive-navbar_tab__1pFwi.responsive-navbar_active__2J-vS[data-priority=inner]{color:#6c5ce7;color:var(--primary-color,#6c5ce7);transition:transform .15s ease-in-out,color .15s ease-in-out}.responsive-navbar_tab__1pFwi[data-priority=line] .responsive-navbar_lineStyle__224R0{width:100%}.responsive-navbar_tab__1pFwi[data-priority=folder],.responsive-navbar_tab__1pFwi[data-priority=inner]{z-index:1}.responsive-navbar_tab__1pFwi>*{pointer-events:auto}.responsive-navbar_navTabs__1AA-i{display:flex;gap:8px;position:relative}.responsive-navbar_navTabs__1AA-i.responsive-navbar_overflow__38xDo{overflow-x:auto}.responsive-navbar_more__3bAS5{align-items:center;display:flex}.responsive-navbar_more__3bAS5 .responsive-navbar_dots__3W4Q3{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__3bAS5 .responsive-navbar_dots__3W4Q3>img{width:16px}.responsive-navbar_secondaryTabContainer__2tHhj{z-index:5000}.responsive-navbar_secondaryTabContainer__2tHhj .responsive-navbar_item__3e4tn{pointer-events:none;width:100%}.responsive-navbar_secondaryTabContainer__2tHhj .responsive-navbar_item__3e4tn .responsive-navbar_menuItem__3-z1M{padding:0;pointer-events:auto}.responsive-navbar_secondaryTabContainer__2tHhj .responsive-navbar_item__3e4tn .responsive-navbar_menuItem__3-z1M>*{padding:8px;width:100%}.responsive-navbar_hidden__6gvo6{display:none}.top-bar-nav_topBarLink__24rO9{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__24rO9:hover:not(.top-bar-nav_active__N9AbB)>div{background-color:var(--bit-bg-heavy)}.top-bar-nav_topBarLink__24rO9.top-bar-nav_active__N9AbB{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.top-bar-nav_topBarLink__24rO9.top-bar-nav_active__N9AbB:after{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);height:4px}.top-bar-nav_topBarLink__24rO9: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__24rO9>div{align-items:center;border-radius:8px;display:flex;height:30px;padding:0 8px;transition:background-color .3s ease-in-out}.menu_topBar__XnrvV{justify-content:space-between;width:100%}.menu_leftSide__33RNW,.menu_topBar__XnrvV{align-items:center;display:flex;height:100%;min-width:0}.menu_leftSide__33RNW{flex-grow:1}.menu_navigation__1AG34{height:100%;list-style:none;padding-left:28px}@media screen and (max-width:768px){.menu_navigation__1AG34{padding-left:0}}.menu_navigation__1AG34 li{display:block;height:100%;margin-right:16px}.menu_navigation__1AG34.menu_desktopNav__1QgyL{display:flex}@media screen and (max-width:768px){.menu_navigation__1AG34.menu_desktopNav__1QgyL{display:none}}.menu_navigation__1AG34.menu_mobileNav__3AMbM{align-items:center;display:none}@media screen and (max-width:1200px){.menu_navigation__1AG34.menu_mobileNav__3AMbM{display:flex;margin-right:8px}}.menu_rightSide__1YGBq{align-items:center;display:flex;height:100%;padding-left:16px}.menu_rightSide__1YGBq>*{margin-right:12px}@media screen and (max-width:1200px){.menu_rightSide__1YGBq>*{margin-right:8px}}.menu_rightSide__1YGBq .menu_widget__1qC8D{font-size:17px}.menu_useBox__1CoqP{--bit-drawer-margin:14px}.menu_componentVersionMenu__3Sh5j{width:350px}.menu_tab__1dojJ>div{color:#2b2b2b;color:var(--on-background-color,#2b2b2b);padding:0}.menu_topBarNav__pMFXk{height:100%}.menu_topBarNav__pMFXk.menu_noBorder__3HXHC:after{display:none}@media screen and (max-width:768px){.menu_hideOnMobile__3TnSF{display:none}}.ellipsis_ellipsisDiv__3zJ6T,.ellipsis_ellipsis__jVcez{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis_ellipsisDiv__3zJ6T{display:inline-block}.dark-theme_darkMod__19BjW{--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__1F5ZP,.time-ago_dateTooltip__3C9a4{display:flex}.time-ago_dateTooltip__3C9a4{max-width:none!important;width:-moz-max-content;width:max-content}.styles_avatar__3Wkwr{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__3Wkwr .styles_letter__3zRrJ{color:#fff;color:var(--on-primary-color,#fff);display:inline-block;justify-self:center;text-align:center}.styles_avatar__3Wkwr .styles_orgDefault__KC0qE{display:inline-block;text-align:center}.styles_avatarImg__2SPAk{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__2SPAk.styles_blob__3EqIS{-o-object-fit:contain;object-fit:contain}.styles_soloAvatarIcon__2nM2Y{align-items:center;display:flex;justify-content:center;overflow:hidden}.styles_default__148f6{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__3x3gJ{color:#ff6b81}.letter-colors_b__2bQX5{color:coral}.letter-colors_c__Kh7AF{color:#efc951}.letter-colors_d__1q8Dv{color:#94cd53}.letter-colors_e__2T_fW{color:#57606f}.letter-colors_f__3Duhm{color:#ffa502}.letter-colors_g__2uYan{color:#409d94}.letter-colors_h__WHfeT{color:#ff4757}.letter-colors_i__1Hmzl{color:#747d8c}.letter-colors_j__hwV_V{color:#2f3542}.letter-colors_k__35a8K{color:#c47367}.letter-colors_l__x4Vlg{color:#70a1ff}.letter-colors_m__2FBXP{color:#6665e2}.letter-colors_n__KblKG{color:#2c437e}.letter-colors_o__dNpYO{color:#60a3bc}.letter-colors_p__M7pUc{color:#2ed573}.letter-colors_q__1zBF0{color:#1e90ff}.letter-colors_r__2Anhg{color:#275a80}.letter-colors_s__15Hr0{color:#7e6a6a}.letter-colors_t__2b5el{color:#5fc068}.letter-colors_u__1-eAk{color:#d03961}.letter-colors_v__B-VEg{color:#006266}.letter-colors_w__12yuR{color:#833471}.letter-colors_x__2HxZJ{color:#fda7df}.letter-colors_y__8OvQt{color:#12cbc4}.letter-colors_z__37tTR{color:#4a69bd}.letter-bg-colors_a__3AXvb{background-color:#ff6b81}.letter-bg-colors_b__1m9Hp{background-color:coral}.letter-bg-colors_c__3npVv{background-color:#efc951}.letter-bg-colors_d__TQp_S{background-color:#94cd53}.letter-bg-colors_e__3iylR{background-color:#57606f}.letter-bg-colors_f__2U4zV{background-color:#ffa502}.letter-bg-colors_g__Oi_Wy{background-color:#409d94}.letter-bg-colors_h__25F04{background-color:#ff4757}.letter-bg-colors_i__v-hgK{background-color:#747d8c}.letter-bg-colors_j__1Ily5{background-color:#2f3542}.letter-bg-colors_k__ZhLJ5{background-color:#c47367}.letter-bg-colors_l__3OgmA{background-color:#70a1ff}.letter-bg-colors_m__10tgk{background-color:#6665e2}.letter-bg-colors_n__3EFaX{background-color:#2c437e}.letter-bg-colors_o__2R_Hw{background-color:#60a3bc}.letter-bg-colors_p__1Y5-_{background-color:#2ed573}.letter-bg-colors_q__1HOxd{background-color:#1e90ff}.letter-bg-colors_r__4V8OT{background-color:#275a80}.letter-bg-colors_s__3gZD7{background-color:#7e6a6a}.letter-bg-colors_t__3lBqr{background-color:#5fc068}.letter-bg-colors_u__54bJq{background-color:#d03961}.letter-bg-colors_v__1YzQ8{background-color:#006266}.letter-bg-colors_w__1QEg1{background-color:#833471}.letter-bg-colors_x__2SmxU{background-color:#fda7df}.letter-bg-colors_y__Ya68w{background-color:#12cbc4}.letter-bg-colors_z__s36H1{background-color:#4a69bd}.skeleton_block__HqjN-,.skeleton_circle__26DUW,.skeleton_skeleton__fqxl6{background:currentColor}.skeleton_line__3xIws>*,.skeleton_skeletonContent__1Mzgn>*,.skeleton_word__1kCZu>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__1kCZu{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__3xIws>*{width:100%}.skeleton_circle__26DUW{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__36syU>*,.skeleton-design_skeletonContent__3oI2N>*,.skeleton-design_word__8mcIM>*{border-radius:4px}.skeleton-design_block__1lZSF,.skeleton-design_circle__11cbs,.skeleton-design_line__36syU>*,.skeleton-design_shimmer__XA-f8,.skeleton-design_skeletonContent__3oI2N>*,.skeleton-design_skeleton__2Kwl8,.skeleton-design_word__8mcIM>*{animation:skeleton-design_placeHolderShimmer__3u4CQ 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__2iOA6{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__3u4CQ{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__1lZSF{border-radius:4px}.version-dropdown-placeholder_detailed__2qbFg,.version-dropdown-placeholder_simple__1AV6l{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__2qbFg:hover,.version-dropdown-placeholder_simple__1AV6l:hover{background-color:var(--bit-bg-heavy)}.version-dropdown-placeholder_detailed__2qbFg.version-dropdown-placeholder_disabled__l7PFj,.version-dropdown-placeholder_simple__1AV6l.version-dropdown-placeholder_disabled__l7PFj{background-color:#ededed;cursor:default}.version-dropdown-placeholder_detailed__2qbFg.version-dropdown-placeholder_disabled__l7PFj>span,.version-dropdown-placeholder_simple__1AV6l.version-dropdown-placeholder_disabled__l7PFj>span{display:none}.version-dropdown-placeholder_versionName__2ET6K{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content}.version-dropdown-placeholder_commitMessage__1x-hr{flex-grow:1;max-width:200px}.version-dropdown-placeholder_versionUserAvatar__3N2RN{flex:none;margin-right:5px}.version-dropdown-placeholder_loader__3r2EF{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown-placeholder_loader__3r2EF>span{padding:4px}.item_menuItem__1fECZ{align-items:center;color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);display:flex;padding:8px;text-decoration:none}.item_menuItem__1fECZ .item_icon__1oL8Q{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__3Sx0U:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__2R_i_,.item_active__2R_i_:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__2R_i_ .item_icon__1oL8Q{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.abs-container_container__1BMq4{position:relative}.abs-container_containee__30kLX{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__30kLX{visibility:visible}.positions_top__ERtb8{bottom:100%}.positions_top-start__2KAzg{bottom:100%;left:0}.positions_top-end__13Im0{bottom:100%;right:0}.positions_right__KivxT{left:100%}.positions_right-start__D-o3V{left:100%;top:0}.positions_right-end__d99tH{bottom:0;left:100%}.positions_bottom__1QqIa{top:100%}.positions_bottom-start__17SWf{left:0;top:100%}.positions_bottom-end__2dA3r{right:0;top:100%}.positions_left__1XK38{right:100%}.positions_left-start__1PfuZ{right:100%;top:0}.positions_left-end__3-hCb{bottom:0;right:100%}.positions_cover__SbbR1{left:0;top:0}.displacement_displacement__3kRYr[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3kRYr[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3kRYr[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3kRYr[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3kRYr[data-position=bottom-start],.displacement_displacement__3kRYr[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3kRYr[data-position=bottom-end],.displacement_displacement__3kRYr[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3kRYr[data-position^=left-start],.displacement_displacement__3kRYr[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3kRYr[data-position^=left-end],.displacement_displacement__3kRYr[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.drawer_placeholder__1veRm{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.abs-container_container__3hRBG{position:relative}.abs-container_containee__3OZQj{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__3OZQj{visibility:visible}.positions_top__30nDh{bottom:100%}.positions_top-start__Ip-lF{bottom:100%;left:0}.positions_top-end__qFOfE{bottom:100%;right:0}.positions_right__2yvLa{left:100%}.positions_right-start__3KbjM{left:100%;top:0}.positions_right-end__2HE85{bottom:0;left:100%}.positions_bottom__2NMSQ{top:100%}.positions_bottom-start__2ZqY9{left:0;top:100%}.positions_bottom-end__2LF16{right:0;top:100%}.positions_left__2uQ2E{right:100%}.positions_left-start__2Sq8V{right:100%;top:0}.positions_left-end__2ZPSa{bottom:0;right:100%}.positions_cover__3L0EQ{left:0;top:0}.displacement_displacement__o7U8A[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__o7U8A[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__o7U8A[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__o7U8A[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__o7U8A[data-position=bottom-start],.displacement_displacement__o7U8A[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__o7U8A[data-position=bottom-end],.displacement_displacement__o7U8A[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__o7U8A[data-position^=left-start],.displacement_displacement__o7U8A[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__o7U8A[data-position^=left-end],.displacement_displacement__o7U8A[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.elevations_low__2kAPI{box-shadow:var(--bit-shadow-hover-low)}.elevations_medium__1ACEX{box-shadow:var(--bit-shadow-hover-medium)}.elevations_high__1Cbrn{box-shadow:var(--bit-shadow-hover-high)}.dropdown_dropdown__neMd2{padding:8px}.fade-in-out_fadeInOut__2K_IE{opacity:0;transform:scale(.61);transition:all .18s}[data-open=true]>.fade-in-out_fadeInOut__2K_IE{opacity:1;transform:scale(1)}.tab_tab__m02-k{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__m02-k.tab_active__3EdBK{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.version-dropdown_versionDropdown__uTCYl{height:100%}.version-dropdown_versionDropdown__uTCYl>div{align-items:center;display:flex;height:100%}.version-dropdown_versionDropdown__uTCYl .version-dropdown_menu__3jBS0{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:0;z-index:5000}.version-dropdown_title__2p_V5{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 16px 12px}.version-dropdown_titleContainer__3H-FB{margin-bottom:2px}.version-dropdown_versionContainerRoot__3JsFn{max-height:240px;overflow-y:scroll;padding-bottom:8px;position:relative}.version-dropdown_versionRow__NrsIu{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 16px}.version-dropdown_versionRow__NrsIu.version-dropdown_localVersion__3h8_2{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.version-dropdown_versionRow__NrsIu .version-dropdown_versionTimestamp__2_0CC{margin-right:2px}.version-dropdown_versionRow__NrsIu .version-dropdown_versionUserAvatar__1HV9a{padding:0 8px}.version-dropdown_versionRow__NrsIu .version-dropdown_laneIcon__33poD{padding:0 4px}.version-dropdown_versionRow__NrsIu .version-dropdown_version__32dCq{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.version-dropdown_versionRow__NrsIu .version-dropdown_versionName__2PC8B{min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-dropdown_withVersions__3qC2b{cursor:pointer}.version-dropdown_withVersions__3qC2b>div{margin-right:5px}.version-dropdown_withVersions__3qC2b>span{display:inline;display:initial}.version-dropdown_withVersions__3qC2b:hover{background-color:var(--bit-bg-heavy)}[data-open=true] .version-dropdown_withVersions__3qC2b{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);transition:color .3s,background-color .3s ease-in-out}[data-open=true] .version-dropdown_withVersions__3qC2b,[data-open=true] .version-dropdown_withVersions__3qC2b:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.version-dropdown_tabs__3HAOb{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__3HAOb .version-dropdown_tab__3B7n1{font-size:12px;font-weight:700;padding-top:4px}.version-dropdown_loader__1n9cZ,.version-dropdown_loading__1f9co{color:#f6f6f6;color:var(--bit-bg-dent,#f6f6f6)}.version-dropdown_loader__1n9cZ>div{padding:8px 0}.version-dropdown_versionMenuContainer__3aiKg{display:inline;display:initial}.version-dropdown_versionMenuContainer__3aiKg.version-dropdown_hide__3x_GA{display:none}.pill-label_pillLabel__3sCqI{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__10EQf.version-label_latest__2uxTr{border-color:#37b26c;color:#37b26c}.version-label_label__10EQf.version-label_current__1K5cw{border-color:#0984e3;color:#0984e3}.version-label_versionLabel__2gI6v{align-self:flex-end;margin-bottom:16px}.version-label_emptyLabel__1gbmo{height:25px;margin-bottom:16px}.version-label_labelContainer__1k9n0{display:flex;flex-direction:column}.version-info_versionRow__3prSA{align-items:center;display:flex;height:40px;justify-content:space-between;line-height:1.2em;padding:0 16px}.version-info_versionTimestamp__3AE-T{margin-right:2px;min-width:-moz-fit-content;min-width:fit-content;text-align:right}.version-info_versionUserAvatar__26tQR{flex:none;padding:0 8px}.version-info_laneIcon__1FGEX{padding:0 4px}.version-info_version__2RhI_{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;max-width:70%;overflow:hidden}.version-info_versionName__eIpZO{flex-grow:1;min-width:-moz-fit-content;min-width:fit-content;padding:0 8px}.version-info_commitMessage__3chS3{flex-grow:1;padding:0 8px}.version-info_emptyMessage__3ZVtB{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__2FjXv{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 24px}.lane-info_versionRow__2FjXv .lane-info_versionTimestamp__3E-is{margin-right:2px}.lane-info_versionRow__2FjXv .lane-info_versionUserAvatar__3BpiJ{padding:0 8px}.lane-info_versionRow__2FjXv .lane-info_laneIcon__2Wt0i{padding:0 4px}.lane-info_versionRow__2FjXv .lane-info_version__2UmiV{align-content:space-between;align-items:center;display:flex;flex-direction:row;width:60%}.lane-info_versionRow__2FjXv .lane-info_versionName__3Vb4Q{padding:0 8px}.abs-container_container__3vBNz{position:relative}.abs-container_containee__9eaM9{position:absolute;visibility:hidden}[data-open=true] .abs-container_containee__9eaM9{visibility:visible}.positions_top__2Adv-{bottom:100%}.positions_top-start__2yDzm{bottom:100%;left:0}.positions_top-end__i6dpZ{bottom:100%;right:0}.positions_right__tdmst{left:100%}.positions_right-start__axN6F{left:100%;top:0}.positions_right-end__wzgqU{bottom:0;left:100%}.positions_bottom__2YOxZ{top:100%}.positions_bottom-start__1IxrV{left:0;top:100%}.positions_bottom-end__1Hfpq{right:0;top:100%}.positions_left__R0fep{right:100%}.positions_left-start__2oxAx{right:100%;top:0}.positions_left-end__1P9f4{bottom:0;right:100%}.positions_cover__EZQ8P{left:0;top:0}.displacement_displacement__3UKsH[data-position^=top]{margin-bottom:var(--bit-drawer-margin)}.displacement_displacement__3UKsH[data-position^=right]{margin-left:var(--bit-drawer-margin)}.displacement_displacement__3UKsH[data-position^=bottom]{margin-top:var(--bit-drawer-margin)}.displacement_displacement__3UKsH[data-position^=left]{margin-right:var(--bit-drawer-margin)}.displacement_displacement__3UKsH[data-position=bottom-start],.displacement_displacement__3UKsH[data-position=top-start]{margin-left:var(--bit-drawer-indent)}.displacement_displacement__3UKsH[data-position=bottom-end],.displacement_displacement__3UKsH[data-position=top-end]{margin-right:var(--bit-drawer-indent)}.displacement_displacement__3UKsH[data-position^=left-start],.displacement_displacement__3UKsH[data-position^=right-start]{margin-top:var(--bit-drawer-indent)}.displacement_displacement__3UKsH[data-position^=left-end],.displacement_displacement__3UKsH[data-position^=right-end]{margin-bottom:var(--bit-drawer-indent)}.tooltip-card_menu__2xjOj{background:var(--bit-bg-tooltip);padding:8px}.arrow_arrow__Wb0KO{margin:0 auto;position:absolute}.arrow_arrow__Wb0KO:before{background:var(--bit-bg-tooltip);content:"";display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-position_bottom__3Vf7f,.arrow-position_top__24FpF{left:calc(50% - 5px)}.arrow-position_left__1mIvh,.arrow-position_right__3XjAP{top:calc(50% - 5px)}.arrow-position_cover__1oGNl,.arrow-position_none__2X2Ou{display:none}.arrow-shadow_top-end__bUSi2:before,.arrow-shadow_top-start__1AP9-:before,.arrow-shadow_top__3c2mo:before{box-shadow:2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_bottom-end__tL5pf:before,.arrow-shadow_bottom-start__ko5Nz:before,.arrow-shadow_bottom__SP-C_:before{box-shadow:-2px -2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_right-end__QQz1S:before,.arrow-shadow_right-start__3em1s:before,.arrow-shadow_right__35YtU:before{box-shadow:-2px 2px 4px 0 rgba(0,0,0,.1)}.arrow-shadow_left-end__2KgKY:before,.arrow-shadow_left-start__2T2cr:before,.arrow-shadow_left__F-n5x:before{box-shadow:2px -2px 4px 0 rgba(0,0,0,.1)}.tooltip-drawer_tooltip__3HExG{--bit-drawer-margin:10px}.tooltip-drawer_arrow__7cOYo{--bit-drawer-margin:5px;--bit-drawer-indent:8px}.key_keyCombo__2Z30Y{align-items:center;display:flex;white-space:nowrap}.key_keyCombo__2Z30Y .key_keycap__jyw3s{margin-right:4px}.key_keyCombo__2Z30Y .key_keycap__jyw3s:last-child{margin-right:0}.key_keySequence__3lCuF{align-items:center;display:flex;white-space:nowrap}.key_keycap__jyw3s{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__f_tDl{font-size:.8em;margin:0 4px}.main-dropdown_mainDropdown__1Eipp{height:100%}.main-dropdown_mainDropdown__1Eipp>div{align-items:center;display:flex;height:100%}.main-dropdown_mainDropdown__1Eipp .main-dropdown_menu__18RKe{border-radius:6px;font-size:var(--bit-p-xs);padding:0;right:-5px;width:300px}.main-dropdown_mainDropdown__1Eipp .main-dropdown_menu__18RKe>div{margin-bottom:8px}.main-dropdown_iconAnchor__1h_fE{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__1h_fE{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}[data-open=true] .main-dropdown_iconAnchor__1h_fE,[data-open=true] .main-dropdown_iconAnchor__1h_fE:hover{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.main-dropdown_iconAnchor__1h_fE:hover{background-color:var(--bit-bg-heavy)}.main-dropdown_icon__Hdbu0{padding:0 8px}.main-dropdown_menuBlock__2bIvJ{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding:16px 0 10px}.main-dropdown_menuBlock__2bIvJ:last-child{border-bottom:none}.main-dropdown_title__2Denn{color:#878c9a;font-size:10px;font-weight:700;margin-bottom:8px;padding:0 16px;text-transform:uppercase}.main-dropdown_line__31POv{align-items:center;cursor:pointer;display:flex;height:36px;justify-content:space-between;padding:0 16px}.main-dropdown_line__31POv:hover{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.dropdown_menu__33Xjs{border-radius:6px;font-size:14px;font-size:var(--bit-p-xs,14px);padding:0;width:400px;z-index:102}.dropdown_placeholder__2KB6O{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__2KB6O:hover{background-color:#2e945a;border-color:#2e945a;color:#fff;color:var(--bit-bg-color,#fff)}@media screen and (max-width:768px){.dropdown_placeholder__2KB6O{padding:0 8px}.dropdown_placeholder__2KB6O .dropdown_content__q5n3B{display:none}}.dropdown_placeholder__2KB6O>span:first-child{font-size:17px}[data-open=true] .dropdown_placeholder__2KB6O{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__2KB6O>div{padding:0 6px}.tab_tab__FPEW3{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__FPEW3.tab_active__21N0c{border-bottom:3px solid #6c5ce7;border-bottom:3px solid var(--bit-accent-color,#6c5ce7);cursor:inherit}.menu_container__12Dic{z-index:5000}.menu_top__2pokY{color:#2b2b2b;color:var(--bit-text-color-heavy,#2b2b2b);padding:16px 24px 24px}.menu_title__3LaeS{align-items:center;display:flex;font-size:var(--bit-p-xs);font-weight:700}.menu_title__3LaeS>span:first-child{font-weight:inherit;margin-right:8px}.menu_drawer__1DvtA{justify-content:space-between}.menu_drawer__1DvtA>div{align-items:center;display:flex}.menu_drawer__1DvtA>div>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_tabs__3Shyu{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__D-goJ>div:last-child{border-top:none;padding:0}.menu_importContent__38niU>div{margin:12px 0}.menu_importContent__38niU>div:nth-child(2),.menu_importContent__38niU>div:nth-child(4){margin-bottom:24px}.menu_bottom__7r9ha{align-items:center;display:flex}.menu_bottom__7r9ha>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.menu_disabled__1wSf7{background-color:#fffcf4;background-color:var(--warning-surface-color,#fffcf4);font-size:12px;font-size:var(--bit-p-xs,12px);padding:4px}.menu_warnIcon__2K_f4{filter:invert(59%) sepia(75%) saturate(402%) hue-rotate(3deg) brightness(82%) contrast(100%);padding-right:4px}.tab-content_middle__3efwC{margin:0 24px 16px}.tab-content_middle__3efwC>div{margin:12px 0}.tab-content_bottom__1gAXR{border-top:1px solid #ededed;border-top:1px solid var(--bit-border-color-lightest,#ededed);padding:8px 0}.tab-content_drawer__1CaT1{align-items:center;display:flex;justify-content:space-between}.tab-content_open__1aIk3{transform:rotate(180deg)}.bottom-link_link__wvkh7{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__wvkh7:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed)}.bottom-link_link__wvkh7>span:first-child{font-size:16px;font-size:var(--bit-p-md,16px);margin-right:8px}.copied-message_copiedMessage__TpZZr{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__2U86y{opacity:1;visibility:visible}.grid_gridContainer__3zHvs{grid-gap:16px 16px;display:grid}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-1__1MOuo{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-1__1lYhI{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-1__2r5Cu{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-1__2we9V{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-1__MTrf7{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-1__3lOfH{grid-template-columns:repeat(1,1fr)}}.grid-template_colTemplate--all-1__1nV89{grid-template-columns:repeat(1,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-2__3VqM3{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-2__3q5hX{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-2__1xsYG{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-2__1uAds{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-2__yShLT{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-2__1coqJ{grid-template-columns:repeat(2,1fr)}}.grid-template_colTemplate--all-2__qlT52{grid-template-columns:repeat(2,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-3__32xvM{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-3__Cq9d7{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-3__3oHnj{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-3__3HQ-c{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-3__1NH8l{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-3__3Tp14{grid-template-columns:repeat(3,1fr)}}.grid-template_colTemplate--all-3__9sLvh{grid-template-columns:repeat(3,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-4__32NoZ{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-4__2iMPQ{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-4__oiZK8{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-4__t7_F4{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-4__32SVx{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-4__2sbVc{grid-template-columns:repeat(4,1fr)}}.grid-template_colTemplate--all-4__1rHGW{grid-template-columns:repeat(4,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-5__1Ea5x{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-5__2bT1b{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-5__268DL{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-5__3Z_6K{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-5__1X8vK{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-5__hCVhv{grid-template-columns:repeat(5,1fr)}}.grid-template_colTemplate--all-5__1Rm-A{grid-template-columns:repeat(5,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-6__ufBoa{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-6__3UcqC{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-6__eGRSS{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-6__1X1S_{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-6__2AUQp{grid-template-columns:repeat(6,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-6__3kJaK{grid-template-columns:repeat(6,1fr)}}.grid-template_colTemplate--all-6__3Ol84{grid-template-columns:repeat(6,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-7__11a7P{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-7__uYzfs{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-7__1gaNM{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-7__2KeLr{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-7__1I6zS{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-7__34x6o{grid-template-columns:repeat(7,1fr)}}.grid-template_colTemplate--all-7__1oemz{grid-template-columns:repeat(7,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-8__1c_Qu{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-8__1dHMB{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-8__3xl6G{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-8__32Sm_{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-8__9OZ4i{grid-template-columns:repeat(8,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-8__1oYOY{grid-template-columns:repeat(8,1fr)}}.grid-template_colTemplate--all-8__az3Lr{grid-template-columns:repeat(8,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-9__3__fF{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-9__21idE{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-9__2Mj3l{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-9__2bzqI{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-9__i0Lwf{grid-template-columns:repeat(9,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-9__33zE5{grid-template-columns:repeat(9,1fr)}}.grid-template_colTemplate--all-9__4eg2Y{grid-template-columns:repeat(9,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-10__kKxMq{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-10__DW9ug{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-10__22IX4{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-10__2gl6P{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-10__3anEn{grid-template-columns:repeat(10,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-10__34-R8{grid-template-columns:repeat(10,1fr)}}.grid-template_colTemplate--all-10__1VhF4{grid-template-columns:repeat(10,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-11__2vBGC{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-11__25P__{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-11__HWui8{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-11__1W8CZ{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-11__vpwg3{grid-template-columns:repeat(11,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-11__bQO91{grid-template-columns:repeat(11,1fr)}}.grid-template_colTemplate--all-11__K_ewJ{grid-template-columns:repeat(11,1fr)}@media only screen and (min-width:360px){.grid-template_colTemplate--xs-12__31jfl{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:480px){.grid-template_colTemplate--sm-12__kWwPF{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:768px){.grid-template_colTemplate--md-12__2Ilz8{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:920px){.grid-template_colTemplate--l-12__iK-Jg{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1200px){.grid-template_colTemplate--lg-12__2Xbkf{grid-template-columns:repeat(12,1fr)}}@media only screen and (min-width:1440px){.grid-template_colTemplate--xl-12__3WhCj{grid-template-columns:repeat(12,1fr)}}.grid-template_colTemplate--all-12__lQvnR{grid-template-columns:repeat(12,1fr)}.copy-box_copyBox__gwzV-{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__gwzV- .copy-box_leftSection__1G46a{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__SjAre{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__3wpHo{align-items:center;display:flex;position:relative}.copy-box_copyIcon__jKjMA{font-size:var(--bit-p-lg)}.bit-info_moreInfo__20SJW>div:last-child{border-top:none;padding:0}.inline-code_inlineCode__1Stq4{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__k2wXH{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.size-definition_headingFontSize__1JxRy{--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__OKLhn{--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__1jaHl{--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__3dCnn{--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__3Pitp{--bit-github-bg:#2b2b2b;--bit-brand-text:#fff;--bit-slack-bg:#4a154b;--bit-twitter-bg:#1da1f2}.heading-margin-definition_headingMargins__2FXQ9{--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__12Dk7{font-family:"CircularPro","Gill Sans","Gill Sans MT","Helvetica Neue",Helvetica,Arial,sans-serif}.texts_defaults__3_UfE{line-height:1.23}.sizes_heading__dVORX{--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__pjdT4{line-height:normal}.pane_pane__3Ro74{transition:width .3s,height .3s}[data-split-layout*=first]>.pane_pane__3Ro74,[data-split-layout*=last]>.pane_pane__3Ro74{max-width:none;min-width:0;min-width:auto}.splitter_splitter__1M7R5{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-split-layout^=row] .splitter_splitter__1M7R5{cursor:col-resize;height:100%}[data-split-layout^=column] .splitter_splitter__1M7R5{cursor:row-resize;width:100%}body{padding:0}.split-pane_splitPane__1mF2Z{display:flex;flex-direction:column}.split-pane_splitPane__1mF2Z.split-pane_isDragging__VDsE_{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-pane_splitPane__1mF2Z[data-is-dragging=true]>*{transition:none}.split-pane_splitPane__1mF2Z[data-split-layout^=row]{flex-direction:row}.split-pane_splitPane__1mF2Z[data-split-layout^="row reverse"]{flex-direction:row-reverse}.split-pane_splitPane__1mF2Z[data-split-layout^=column]{flex-direction:column}.split-pane_splitPane__1mF2Z[data-split-layout^="column reverse"]{flex-direction:column-reverse}.splitter_hoverSplitter__2whSc{background:#ededed;background:var(--bit-border-color-lightest,#ededed);flex:none;min-height:1px;min-width:1px;position:relative}.splitter_highlighter__Jm0cE{height:100%;width:100%}.splitter_highlighter__Jm0cE,.splitter_highlighter__Jm0cE:after,.splitter_highlighter__Jm0cE:before{transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.splitter_highlighter__Jm0cE:hover,.splitter_highlighter__Jm0cE:hover:after,.splitter_highlighter__Jm0cE:hover:before,[data-is-dragging=true]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE,[data-is-dragging=true]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:after,[data-is-dragging=true]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:before{background:#6c5ce7;background:var(--bit-accent-color,#6c5ce7);transition-delay:.18s}.splitter_highlighter__Jm0cE:after,.splitter_highlighter__Jm0cE:before{background:transparent;content:" ";display:block;position:absolute}[data-split-layout^=row]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:after,[data-split-layout^=row]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:before{height:100%;width:200%}[data-split-layout^=row]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:before{left:-200%}[data-split-layout^=row]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:after{right:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:after,[data-split-layout^=column]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:before{height:200%;width:100%}[data-split-layout^=column]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:before{top:-200%}[data-split-layout^=column]>.splitter_hoverSplitter__2whSc>.splitter_highlighter__Jm0cE:after{bottom:-200%}.table-heading-column_headingColumn__2nVld{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--bit-p-xxs);font-weight:700}.table-heading-row_titleRow__3a4gD{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);display:grid;padding:18px 20px}.table-heading-row_titleRow__3a4gD.table-heading-row_hide__1dC0Y{display:none}.table-heading-row_titleCol__2Vj7p{color:var(--bit-text-color-light);text-transform:uppercase}.table-column_tableColumn__3ArTU{align-items:center;display:flex;font-size:var(--bit-p-xs)}.table-row_propRow__1NfVp{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__1NfVp.table-row_singleColumn__MlyFY{grid-template-columns:repeat(1,1fr)}.table-row_mobileTitle__Dke76{display:none}.table-row_mobileTitle__Dke76.table-row_show__4RYvC{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__1MVTl,.table-row_column__1-cNW{align-items:center;display:flex;flex-wrap:wrap}.table-row_title__19FAe{margin:initial;text-transform:capitalize}.table-row_required__1EUtK{color:var(--bit-text-color-light);font-size:12px;white-space:nowrap}.table-row_name__1vrno{color:#4646c6;margin-right:5px}.table-row_name__1vrno,.table-row_type__rSDYI{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_type__rSDYI{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__3KpOm .table-row_highlighted__1Ap8n{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__3KpOm .table-row_highlighted__1Ap8n>code>span{color:#397300}.table-row_typeColumn__3KpOm .table-row_highlighted__1Ap8n>code{font-family:inherit}.table-row_default__1trUP{font-family:Roboto mono;font-size:var(--bit-p-xxs)}.table-row_breakWord__2XbuI{word-break:break-word}.table_table__10FRQ>div{grid-gap:16px 24px}.tabs_tabContainer__25Shi{display:flex}.tabs_tab__2ArUG{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__2ArUG:hover{color:var(--bit-text-color-heavy)}.tabs_tab__2ArUG.tabs_disabled__mc3SQ{color:#6c707c;color:var(--bit-text-color-light,#6c707c)}.tabs_tab__2ArUG.tabs_active__NJR6S{color:var(--bit-text-color-heavy)}.tabs_tab__2ArUG.tabs_active__NJR6S: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__GchLX{bottom:80px;cursor:pointer;position:absolute;transition:right .3s,left .3s ease-in-out;z-index:100}.collapser-button_collapser__GchLX.collapser-button_open__3fxqs .collapser-button_circle__1opDn>div{transform:rotate(-.5turn) translateY(2px);transform-origin:center}.collapser-button_circle__1opDn{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__1opDn>div{transition:transform .3s ease-in-out}.collapser-button_right__3Kp2W .collapser-button_circle__1opDn{border-bottom-right-radius:50%;border-top-right-radius:50%;padding-left:10px}.collapser-button_right__3Kp2W .collapser-button_circle__1opDn:hover{padding-left:16px}.collapser-button_left__2ZPC5 .collapser-button_circle__1opDn{border-bottom-left-radius:50%;border-top-left-radius:50%;padding-right:10px}.collapser-button_left__2ZPC5 .collapser-button_circle__1opDn:hover{padding-right:16px}.empty-box_emptyCompositions__p94tB{font-size:15px;font-size:var(--bit-p-sm,15px);margin:auto;padding:20px}.empty-box_emptyCompositions__p94tB *{text-overflow:ellipsis}.empty-box_innerBorder__3-pF5{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);border-radius:8px;overflow:hidden;padding:24px}.empty-box_innerBorder__3-pF5>div{font-weight:700;margin-bottom:14px;overflow:hidden}.empty-box_innerBorder__3-pF5>a{color:#897dec;text-decoration:none}.empty-box_innerBorder__3-pF5>a>span{font-size:12px;font-size:var(--bit-p-xxs,12px);padding-left:5px}.preview_preview__j4GSy{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-menu-bar_compositionsMenuBar__e3P9t{align-items:center;box-sizing:border-box;display:flex;padding:8px}.compositions-menu-bar_spacer__33d_v{flex:1 0}.block-quote_blockQuote__1WeEv{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__1WeEv>:last-child{margin-bottom:0}.bold_bold__2GT3d{font-weight:700}.external-link_link__3c8Io{text-decoration:none}.external-link_link__3c8Io:hover{text-decoration:underline}.heading-sizes_xxs__KZh7j{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__2Ilgx{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__1kQxp{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1wLco{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__1yiPf{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__2_7bd{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__Sj7T5{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__1rfvk,.heading_h2__3bbuC,.heading_h3__8fUPG,.heading_h4__XWCNm,.heading_h5__zyq9k,.heading_h6__3WowL{font-weight:700;margin:0}.heading_h1__1rfvk{margin-bottom:20px}.anchor_anchor__1P9dh{align-items:center;display:flex;text-decoration:none}.anchor_anchorIcon__2_c2O{color:var(--bit-text-color-light);font-size:18px}.linked-heading_linkedHeading__3LPQC{align-items:center;display:flex;margin-bottom:16px;width:-moz-fit-content;width:fit-content}.linked-heading_linkedHeading__3LPQC:hover .linked-heading_anchor__3s77i{opacity:1;visibility:inherit}.linked-heading_heading__3LQjB{margin-bottom:0;margin-right:8px}.linked-heading_anchor__3s77i{opacity:0;transform:translateY(4px);transition:visibility .3s,opacity .3s ease-in-out;visibility:hidden}.create-heading_mdxLinkedHeading__3BdlJ{justify-content:start;margin-top:40px;width:100%}.create-heading_mdxLinkedHeading__3BdlJ[align=center]{justify-content:center}.create-heading_mdxLinkedHeading__3BdlJ[align=left]{justify-content:start}.create-heading_mdxLinkedHeading__3BdlJ[align=right]{justify-content:flex-end}.create-heading_mdxLinkedHeading__3BdlJ.create-heading_mainHeadingStyles__3mX23{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);padding-bottom:8px}.create-heading_mdxLinkedHeading__3BdlJ:first-child{padding-top:0}.image_img__30ptK{max-width:100%}.image_img__30ptK:not(:last-child){margin-bottom:16px}.inline-code_inlineCode__3PYmr{background-color:hsla(0,0%,65%,.2);border-radius:.25em;font-family:monospace,sans-serif;font-size:.85em;padding:.2em .4em}.inline-code_highlight__3Yg4q{background-color:#eceaff;background-color:var(--bit-accent-bg,#eceaff)}.italic_italic__3EMQX{font-style:italic}.ol_ol__3VE4o{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ol_ol__3VE4o ol,.ol_ol__3VE4o ul{padding-left:18px}.ol_ol__3VE4o>li>p{margin-bottom:0}.text-sizes_xxs__1IU-U{font-size:12px;font-size:var(--bit-p-xxs,12px)}.text-sizes_xs__24Hci{font-size:14px;font-size:var(--bit-p-xs,14px)}.text-sizes_sm__37BDs{font-size:15px;font-size:var(--bit-p-sm,15px)}.text-sizes_md__21a_m{font-size:16px;font-size:var(--bit-p-md,16px)}.text-sizes_lg__2qLfn{font-size:18px;font-size:var(--bit-p-lg,18px)}.text-sizes_xl__I2b4R{font-size:20px;font-size:var(--bit-p-xl,20px)}.text-sizes_xxl__2NSch{font-size:24px;font-size:var(--bit-p-xxl,24px)}.paragraph_paragraph__3qq43{margin:0 0 1em}.separator_separator__JckoH{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.copied-message_copiedMessage__fqT13{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__13dhv{opacity:1;visibility:visible}.code-snippet_snippetWrapper__CPkgT{position:relative}.code-snippet_snippetWrapper__CPkgT:hover .code-snippet_copyIcon__23zvZ{opacity:1}.code-snippet_snippetWrapper__CPkgT .code-snippet_codeSnippet__2lB8n{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__CPkgT .code-snippet_copyIcon__23zvZ{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__CPkgT code{font-family:inherit!important}.code-snippet_copy__1zAVv{align-items:center;display:flex;position:absolute;right:6px;top:6px}.error_error__12PpC{color:#e62e5c;color:var(--bit-error-color,#e62e5c)}.react-playground_column__1d2FI{height:450px}.react-playground_column__1d2FI .react-playground_codePane__1nIiu,.react-playground_column__1d2FI .react-playground_previewPane__1T-7z{max-height:90%;min-height:10%;width:100%}.react-playground_column__1d2FI .react-playground_error__1tnet,.react-playground_column__1d2FI .react-playground_previewPane__1T-7z{border-bottom:none;border-radius:6px 6px 0 0}.react-playground_row__3dPX7{height:100%;max-height:450px}.react-playground_row__3dPX7 .react-playground_codePane__1nIiu,.react-playground_row__3dPX7 .react-playground_previewPane__1T-7z{height:100%;max-width:90%;min-width:10%}.react-playground_row__3dPX7 .react-playground_error__1tnet,.react-playground_row__3dPX7 .react-playground_previewPane__1T-7z{border-left:none;border-radius:0 6px 6px 0}.react-playground_error__1tnet{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__1nIiu{background-color:#282c34;overflow:auto}.react-playground_editor__3igJz{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__3igJz>textarea{outline:none;white-space:pre!important}.react-playground_editor__3igJz>pre{white-space:pre!important}.react-playground_splitter__2V1EL{background-color:#282c34}.react-playground_previewPane__1T-7z{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__2B2Sk{margin:auto;min-height:20px;min-width:20px}.react-playground_playground__3zPqa{border-radius:6px;display:flex;overflow:hidden}.react-playground_playground__3zPqa>div{width:100%}.snippet_snippet__1_kp9{margin-bottom:16px}.sup_sup__3CG7t{font-size:smaller;vertical-align:super}.base-table_table__3kM4C{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__3kM4C tr:nth-child(2n){background-color:#f6f6f6;background-color:var(--bit-bg-dent,#f6f6f6)}.base-table_table__3kM4C thead{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.base-table_table__3kM4C 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__3kM4C td,.base-table_table__3kM4C th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-table_table__3kM4C table,.base-table_table__3kM4C td,.base-table_table__3kM4C th,.base-table_table__3kM4C thead,.base-table_table__3kM4C tr{text-align:start}.base-table_table__3kM4C table[align=center],.base-table_table__3kM4C td[align=center],.base-table_table__3kM4C th[align=center],.base-table_table__3kM4C thead[align=center],.base-table_table__3kM4C tr[align=center]{text-align:center}.base-table_table__3kM4C table[align=left],.base-table_table__3kM4C td[align=left],.base-table_table__3kM4C th[align=left],.base-table_table__3kM4C thead[align=left],.base-table_table__3kM4C tr[align=left]{text-align:start}.base-table_table__3kM4C table[align=right],.base-table_table__3kM4C td[align=right],.base-table_table__3kM4C th[align=right],.base-table_table__3kM4C thead[align=right],.base-table_table__3kM4C tr[align=right]{text-align:end}.td_td__8jMnk{padding:12px 20px}.tr_tr__MVwBT:not(:last-child){border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.ul_ul__h-YZy{list-style:revert;list-style-position:outside;margin:0 0 16px;padding:0 0 0 32px}.ul_ul__h-YZy>li>ol,.ul_ul__h-YZy>li>ul{margin-bottom:0;padding-left:18px}.ul_ul__h-YZy>li>p{margin-bottom:none}.mdx-layout_mdxContent__3XNaQ{line-height:1.5}.mdx-layout_mdxContent__3XNaQ img{max-width:100%}.link_link__1ZopF{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);text-decoration:none}.link_link__1ZopF: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__2xreD{border:none;border-bottom:1px solid var(--bit-border-color-lightest);border-radius:5px;margin-bottom:40px;margin-top:30px}.separator_separator__3XhEq{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed);width:100%}.heading-sizes_xxs__1mgia{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__1pixg{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__1ElpI{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__1-E3Y{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__htKp-{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__9l18j{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__1v3m7{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__3FURB,.heading_h2__3_QC5,.heading_h3__2unlh,.heading_h4__26dui,.heading_h5__RN-j-,.heading_h6__1Qb17{font-weight:700;margin:0}.heading_h1__3FURB{margin-bottom:20px}.card_card__1xESG{box-sizing:border-box;padding:20px}.accent-color_primary__1aU-f{--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__1PeaE{--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__1Ndu1{--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__1ei-B{--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__30p4S{--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__1OF93{--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__1v1V4{--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__vmPc-{--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__cYe_B{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7);font-weight:700;text-align:center}.level-icon_notificationIcon__cYe_B:before{background:radial-gradient(circle at center,#fff 0,#fff 50%,transparent 51%)}.alert-card_card__34fu8{padding:24px}.alert-card_heading__1r0D9{display:flex;margin-bottom:24px}.alert-card_icon__2zrqO{align-self:center;font-size:1.15em;margin-right:16px}.alert-card_separator__5PFKp{margin-bottom:24px}.option-button_optionButton__3SrkD{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__3SrkD:hover{background-color:var(--bit-bg-heavy)}.option-button_optionButton__3SrkD.option-button_active__2CoAI{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.option-button_optionButton__3SrkD:focus{box-shadow:0 0 0 .125em #eceaff;box-shadow:0 0 0 .125em var(--bit-accent-bg,#eceaff);outline:none}.message-card_messageCard__KuzOn{border:1px solid #ededed;border:1px solid var(--bit-border-color-lightest,#ededed);display:flex;padding:20px}.message-card_icon__1NGID{font-size:25px;margin-right:16px}.message-card_textBox__10kJ1{font-size:14px}.message-card_textBox__10kJ1,.message-card_textBox__10kJ1>*{overflow:hidden;text-overflow:ellipsis}.message-card_textBox__10kJ1>div:first-child{font-weight:700;margin-bottom:16px}.status-message-card_success__2X8LN{color:#2e945a;color:var(--passing,#2e945a)}.status-message-card_failure__2CZRN{color:#d31948;color:var(--failing,#d31948)}.status-message-card_pending__3vYj0{color:#414141;color:var(--pending,#414141)}.status-message-card_processing__2DlfR{color:#0984e3;color:var(--processing,#0984e3)}.status-message-card_skipped__1neMv{color:#ff8b00;color:var(--skipped,#ff8b00)}.status-message-card_unknown__1amTb{color:#6c707c;color:var(--unknown,#6c707c)}.compositions_compositionsPage__31mGE{height:100%;width:100%}.compositions_compositionPreview__3gDNR{padding-top:20px;width:100%}.compositions_left__1yjRy{display:flex;flex-direction:column}.compositions_left__1yjRy,.compositions_right__2lLtW{max-width:calc(100% - 200px);min-width:200px;overflow-y:auto}.compositions_right__2lLtW{background:#fafafa;background:var(--background-color,#fafafa)}.compositions_menuBar__2nKYj{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.compositions_splitter__15ePb{position:relative}.compositions_splitter__15ePb>:first-child{position:absolute;z-index:101}.compositions_collapser__1setp{right:0}.compositions_tabsContainer__396bp{display:flex;flex-direction:column;height:100%}.compositions_tabs__3dtu4{flex:none}.compositions_tabContent__y-h6u{flex:1 1;overflow:auto}.compositions_tabContent__y-h6u:empty{display:none}.compositions_compositions__35LWC{padding:16px 8px 0}.compositions_openInNewTab__2Rn5k{color:inherit;text-decoration:none}.compositions_openInNewTab__2Rn5k:active{color:inherit}.compositions_noCompositionsPage__3ichr{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:50px 40px 100px;width:100%}.compositions_noCompositionsPage__3ichr .compositions_title__3xjkx{font-size:26px;font-size:var(--bit-h-xs,26px);margin-bottom:24px}.compositions_noCompositionsPage__3ichr .compositions_separator__69JPE{margin-bottom:41px}.compositions_buildStatusMessage__gp-FY{margin:auto}.compositions_compositionPanel__JQUPW{display:flex;flex:1 1}.menu-widget-icon_icon__3Ov1x{font-size:16px}.menu-widget-icon_widgetMenuIcon__4Fb0Q{align-items:center;display:flex;justify-content:center}.compositions-panel_linkWrapper__2Iusp{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__2Iusp:hover{background-color:#ededed;background-color:var(--bit-border-color-lightest,#ededed);transition:background-color .3s ease-in-out}.compositions-panel_linkWrapper__2Iusp:hover .compositions-panel_right__1I2AJ{color:#6c707c;color:var(--bit-text-color-light,#6c707c);opacity:1;transition:visibility .2s,opacity .1s ease-in-out;visibility:inherit}.compositions-panel_linkWrapper__2Iusp:hover .compositions-panel_right__1I2AJ .compositions-panel_icon__3NMkj:hover{color:var(--bit-text-color-heavy)}.compositions-panel_linkWrapper__2Iusp.compositions-panel_active__2Zq_t{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__2Iusp.compositions-panel_active__2Zq_t:hover{background-color:#5d4aec}.compositions-panel_linkWrapper__2Iusp.compositions-panel_active__2Zq_t .compositions-panel_box__wzv9w{background-color:#fff;background-color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__2Iusp.compositions-panel_active__2Zq_t .compositions-panel_right__1I2AJ{color:#eceaff;color:var(--bit-accent-bg,#eceaff);opacity:1;visibility:inherit}.compositions-panel_linkWrapper__2Iusp.compositions-panel_active__2Zq_t .compositions-panel_right__1I2AJ .compositions-panel_icon__3NMkj:hover{color:#fff;color:var(--bit-bg-color,#fff)}.compositions-panel_linkWrapper__2Iusp .compositions-panel_right__1I2AJ{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__2Iusp .compositions-panel_codeLink__25m0S{cursor:pointer}.compositions-panel_box__wzv9w{background-color:var(--bit-text-color-heavy);border-radius:1px;flex-shrink:0;height:10px;margin-right:11px;width:10px}.compositions-panel_name__2YAw6{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compositions-panel_panelLink__2QQSG{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__2QQSG:active{color:inherit}.compositions-panel_tabs__33FJL{align-items:center;display:flex;margin-bottom:17px}.compositions-panel_tabs__33FJL>div{font-size:12px;font-weight:700;padding:8px;position:relative;text-transform:uppercase}.compositions-panel_tabs__33FJL>div:not(:first-child){color:#878c9a}.compositions-panel_tabs__33FJL>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__1dLzD{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__1ftBC{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__1ftBC:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.component-view_component__1ftBC.component-view_active__3UKtn{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.component-view_component__1ftBC .component-view_icon__3YR1k{height:16px;opacity:.8;width:16px}.component-view_component__1ftBC .component-view_left__2TDgc{align-items:center;display:flex;flex:1 1;line-height:24px;min-width:0}.component-view_component__1ftBC .component-view_left__2TDgc>span{overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.component-view_component__1ftBC .component-view_envIcon__22N9x{height:16px;transition:filter .3s ease-in-out;width:16px}.component-view_component__1ftBC .component-view_right__2FUQR{align-items:center;display:flex;font-size:12px}.component-view_component__1ftBC .component-view_right__2FUQR>*{margin-right:4px}.component-view_component__1ftBC .component-view_right__2FUQR>:last-child(){margin-right:0}.component-view_componentEnvTooltip__3IlUp{font-size:var(--bit-p-xs);max-width:none!important}.component-view_componentEnvTooltip__3IlUp .component-view_componentEnvTitle__wg__M{color:#c9c3f6;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;margin-bottom:4px}.component-view_onMainTooltip__2nvV5{font-size:var(--bit-p-xxs);max-width:none!important}.component-view_envLink__NxXV3{color:#fff;text-decoration:none}.component-view_mainOnly__1kf3v{opacity:60%}.scope-tree-node_scope__aT9pv{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__aT9pv:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.scope-tree-node_scope__aT9pv .scope-tree-node_arrow__3eJwv{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__aT9pv .scope-tree-node_arrow__3eJwv.scope-tree-node_collapsed__2jqaD{transform:rotate(-90deg)}.scope-tree-node_highlighted__D8qsU{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.scope-tree-node_left__1Eufh{align-items:center;display:flex;flex:1 1;min-width:0}.scope-tree-node_left__1Eufh .scope-tree-node_name__Mx3w8{line-height:115%;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scope-tree-node_componentTree__1uVGj{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.namespace-tree-node_namespace__3yFN5{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__3yFN5:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.namespace-tree-node_namespace__3yFN5 .namespace-tree-node_arrow__aA02x{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__3yFN5 .namespace-tree-node_arrow__aA02x.namespace-tree-node_collapsed__1Xago{transform:rotate(-90deg)}.namespace-tree-node_highlighted__3YVlK{color:#5d4aec;color:var(--bit-accent-heavy,#5d4aec)}.namespace-tree-node_left__1C7_a{align-items:center;display:flex;flex:1 1;min-width:0}.namespace-tree-node_left__1C7_a .namespace-tree-node_name__34ssK{line-height:24px;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.namespace-tree-node_componentTree__lXquV{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}