.folder-tree-node_folder__8U7ZT{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__8U7ZT:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.folder-tree-node_folder__8U7ZT .folder-tree-node_icon__TvrfX{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__8U7ZT .folder-tree-node_icon__TvrfX.folder-tree-node_collapsed__SfPw2{transform:rotate(-90deg)}.folder-tree-node_img__KQqUH{filter:grayscale(1);height:16px;margin-right:8px;width:16px}.folder-tree-node_left__T2KBB{align-items:center;display:flex;flex:1 1;min-width:0}.folder-tree-node_left__T2KBB .folder-tree-node_name__7T1HR{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree-node_childrenTree__xJYR6{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.label_label__Lop9I{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__2KysI{display:flex;flex-direction:column;max-height:100%;min-height:32px;overflow:hidden}.drawer_drawerName__OuLJo{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__OuLJo:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.drawer_drawerName__OuLJo:hover .drawer_link__U9rL2{opacity:1;visibility:visible}.drawer_drawerName__OuLJo .drawer_arrow__rm7S2{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__OuLJo .drawer_arrow__rm7S2.drawer_collapsed__eRaij{transform:rotate(-90deg)}.drawer_drawerName__OuLJo>div{align-items:center;display:flex;flex-grow:1;margin-right:5px;overflow:hidden}.drawer_drawerName__OuLJo>div>span:last-child{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer_drawerContent__lengz{flex:1 1;max-height:0;overflow-x:hidden;overflow-y:auto;transition:max-height .3s ease-in-out}.drawer_drawerContent__lengz.drawer_open__46us6{max-height:100%}.file-tree_codeTabTree__s2Iut{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.file-tree_codeTabDrawer__\+e-PC>div:first-child{border:none}.file-tree_codeTabDrawer__\+e-PC>div:first-child,.file-tree_codeTabDrawer__\+e-PC>div:last-child{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.file-tree_drawerIcon__a8bAc{font-size:14px;margin-right:8px}.file-tree_label__pvBfZ{font-size:10px;font-weight:inherit;padding:4px}.item_menuItem__3hCb2{align-items:center;color:var(--bit-text-color-heavy);display:flex;padding:8px;text-decoration:none}.item_menuItem__3hCb2 .item_icon__eYTQA{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__SYRfd:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__-WWbE,.item_active__-WWbE:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__-WWbE .item_icon__eYTQA{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.tree-node_node__dmIbm{align-items:center;display:flex;justify-content:space-between;padding-right:8px}.tree-node_nodeTitle__P3rMI{min-width:0}.tree-node_icon__xR7n5{height:16px;margin-right:4px;width:16px}.code_code__i3xwv{display:flex;height:100%;width:100%}.code_code__i3xwv .code_splitter__7mmzd{height:auto;position:relative}.code_code__i3xwv .code_splitter__7mmzd>:first-child{position:absolute;z-index:100}.code_codeContainer__6BCU\+{height:100%;width:100%}.code_dark__mRCSi{--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__Vytk-{min-width:100px}.code_fileTree__Xfmni{background-color:#161616;background-color:var(--surface-neutral-color,#161616);color:#f6f6f6;color:var(--on-background-color,#f6f6f6);font-size:14px}.code_label__xC5bd{font-size:10px;font-weight:inherit;padding:4px}.code_editor__pmD-\+{background-color:#1e1e1e;background-color:var(--editor-bg-color,#1e1e1e);padding-top:10px}.component-showcase_tab__jZnHU{border:none;cursor:pointer;display:flex;justify-content:space-between;outline:none;transition:.3s}.component-showcase_componentId__H0-iF{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__nkk5o{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__nkk5o>svg{font-size:16px}.component-showcase_tabLinks__nkk5o:hover{color:#2b2b2b;color:var(--on-background-high-color,#2b2b2b)}.component-showcase_tabLinks__nkk5o.component-showcase_active__Rl00l{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}@media only screen and (max-width:480px){.component-showcase_tabLinks__nkk5o{width:32px}.component-showcase_tabLinks__nkk5o>span{display:none}}.component-showcase_tabContent__tyfl6{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__tyfl6 .component-showcase_showcaseCodeTab__PHORM{--bit-p-xxs:12px}.component-showcase_tabContent__tyfl6 p{margin:0}.component-showcase_showcaseTabs__zOOvX{display:flex;overflow-x:hidden;width:-moz-fit-content;width:fit-content}.component-showcase_tabContent__tyfl6{animation:component-showcase_fadeEffect__cSeqS 1s}@keyframes component-showcase_fadeEffect__cSeqS{0%{opacity:0}to{opacity:1}}