.folder-tree-node_folder__Hai9b{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}.folder-tree-node_folder__Hai9b:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.folder-tree-node_folder__Hai9b .folder-tree-node_icon__q3V12{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;line-height:inherit;margin-right:8px;transition:all .3s}.folder-tree-node_folder__Hai9b .folder-tree-node_icon__q3V12.folder-tree-node_collapsed__zQmuC{transform:rotate(-90deg)}.folder-tree-node_img__wnO7r{filter:grayscale(1);height:16px;margin-right:8px;width:16px}.folder-tree-node_left__fYWmx{align-items:center;display:flex;flex:1 1;min-width:0}.folder-tree-node_left__fYWmx .folder-tree-node_name__p0kxi{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree-node_childrenTree__3p26x{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.label_label__2CrMo{background:var(--bit-accent-bg);border-radius:6px;color:var(--bit-accent-heavy);display:inline-block;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;padding:4px 8px;text-transform:uppercase}.drawer_drawer__DZbMw{display:flex;flex-direction:column;max-height:100%;min-height:32px;overflow:hidden}.drawer_drawerName__qyZfO{align-items:center;border-bottom:1px solid #ededed;cursor:pointer;display:flex;flex:none;font-size:12px;font-size:var(--bit-p-xxs,12px);font-weight:700;height:32px;justify-content:space-between;padding:0 8px;transition:background-color .3s,border-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drawer_drawerName__qyZfO:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.drawer_drawerName__qyZfO:hover .drawer_link__Z0Vyf{opacity:1;visibility:visible}.drawer_drawerName__qyZfO .drawer_arrow__Ss1cD{color:#6c707c;color:var(--bit-text-color-light,#6c707c);display:inline-block;font-size:var(--bit-p-xs);line-height:inherit;margin-right:10px;transition:all .3s}.drawer_drawerName__qyZfO .drawer_arrow__Ss1cD.drawer_collapsed__JC\+Us{transform:rotate(-90deg)}.drawer_drawerName__qyZfO>div{align-items:center;display:flex;flex-grow:1;margin-right:5px;overflow:hidden}.drawer_drawerName__qyZfO>div>span:last-child{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer_drawerContent__oEiLO{flex:1 1;max-height:0;overflow-x:hidden;overflow-y:auto;transition:max-height .3s ease-in-out}.drawer_drawerContent__oEiLO.drawer_open__bfDjW{max-height:100%}.file-tree_codeTabTree__0NSjm{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.file-tree_codeTabDrawer__boyVl>div:first-child{border:none}.file-tree_codeTabDrawer__boyVl>div:first-child,.file-tree_codeTabDrawer__boyVl>div:last-child{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.file-tree_drawerIcon__VPNcK{font-size:14px;margin-right:8px}.file-tree_label__itXPN{font-size:10px;font-weight:inherit;padding:4px}.item_menuItem__kQu0W{align-items:center;color:var(--bit-text-color-heavy);display:flex;padding:8px;text-decoration:none}.item_menuItem__kQu0W .item_icon__7682I{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__4VIdy:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__LNFAt,.item_active__LNFAt:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__LNFAt .item_icon__7682I{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.tree-node_node__3Fzex{align-items:center;display:flex;justify-content:space-between;padding-right:8px}.tree-node_nodeTitle__xhenA{min-width:0}.tree-node_icon__pIvUI{height:16px;margin-right:4px;width:16px}.code_code__kr\+4K{display:flex;height:100%;width:100%}.code_code__kr\+4K .code_splitter__vxgYI{height:auto;position:relative}.code_code__kr\+4K .code_splitter__vxgYI>:first-child{position:absolute;z-index:100}.code_codeContainer__--bmD{height:100%;width:100%}.code_dark__4cwGc{--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#f6f6f6;--bit-border-color-lightest:#434343;--on-background-color:#f6f6f6;--surface-neutral-color:#161616;--bit-accent-heavy:#f6f6f6;--bit-accent-color:#9183ff;--bit-accent-bg:#2d2842;--bit-bg-heavy:#140f27;--editor-bg-color:#1e1e1e}.code_fileTreePane__6pJKf{min-width:100px}.code_fileTree__4V3gN{background-color:#161616;background-color:var(--surface-neutral-color,#161616);color:#f6f6f6;color:var(--on-background-color,#f6f6f6);font-size:14px}.code_label__ZnmBO{font-size:10px;font-weight:inherit;padding:4px}.code_editor__Qlg6y{background-color:#1e1e1e;background-color:var(--editor-bg-color,#1e1e1e);padding-top:10px}.component-showcase_tab__fnmBP{border:none;cursor:pointer;display:flex;justify-content:space-between;outline:none;transition:.3s}.component-showcase_componentId__0n7\+p{align-items:center;background:#6c5ce7;background:var(--primary-color,#6c5ce7);border-radius:8px 8px 0 0;box-sizing:border-box;color:#fff;color:var(--on-primary-color,#fff);display:inline-flex;font-size:14px;height:32px;justify-content:center;margin-left:16px;margin-right:8px;min-width:0;padding:0 8px;text-decoration:none}.component-showcase_tabLinks__iQwww{align-items:center;border-radius:8px;color:#707279;color:var(--on-background-medium-color,#707279);display:flex;flex-grow:0;font-size:10px;height:32px;justify-content:space-around;line-height:16px;margin:0 8px;order:0;text-transform:uppercase;width:80px}.component-showcase_tabLinks__iQwww>svg{font-size:16px}.component-showcase_tabLinks__iQwww:hover{color:#2b2b2b;color:var(--on-background-high-color,#2b2b2b)}.component-showcase_tabLinks__iQwww.component-showcase_active__ywnZY{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}@media only screen and (max-width:480px){.component-showcase_tabLinks__iQwww{width:32px}.component-showcase_tabLinks__iQwww>span{display:none}}.component-showcase_tabContent__ZbwuS{border:2px solid #6c5ce7;border:2px solid var(--primary-color,#6c5ce7);border-radius:8px;box-sizing:border-box;display:flex;height:750px;justify-content:center;overflow-x:hidden;width:100%}.component-showcase_tabContent__ZbwuS .component-showcase_showcaseCodeTab__C-Jcl{--bit-p-xxs:12px}.component-showcase_tabContent__ZbwuS p{margin:0}.component-showcase_showcaseTabs__ClpHt{display:flex;overflow-x:hidden;width:-moz-fit-content;width:fit-content}.component-showcase_tabContent__ZbwuS{animation:component-showcase_fadeEffect__Unau4 1s}@keyframes component-showcase_fadeEffect__Unau4{0%{opacity:0}to{opacity:1}}