.folder-tree-node_folder__6bFOQ{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__6bFOQ:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.folder-tree-node_folder__6bFOQ .folder-tree-node_icon__9IwuP{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__6bFOQ .folder-tree-node_icon__9IwuP.folder-tree-node_collapsed__qZOUv{transform:rotate(-90deg)}.folder-tree-node_img__24Amc{filter:grayscale(1);height:16px;margin-right:8px;width:16px}.folder-tree-node_left__vxnYO{align-items:center;display:flex;flex:1 1;min-width:0}.folder-tree-node_left__vxnYO .folder-tree-node_name__fmzd5{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree-node_childrenTree__iK1bE{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.label_label__xwMDR{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__MpB-D{display:flex;flex-direction:column;max-height:100%;min-height:32px;overflow:hidden}.drawer_drawerName__\+QSKK{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__\+QSKK:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.drawer_drawerName__\+QSKK:hover .drawer_link__bQG1m{opacity:1;visibility:visible}.drawer_drawerName__\+QSKK .drawer_arrow__GMaeL{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__\+QSKK .drawer_arrow__GMaeL.drawer_collapsed__N2\+fT{transform:rotate(-90deg)}.drawer_drawerName__\+QSKK>div{align-items:center;display:flex;flex-grow:1;margin-right:5px;overflow:hidden}.drawer_drawerName__\+QSKK>div>span:last-child{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer_drawerContent__oUucV{flex:1 1;max-height:0;overflow-x:hidden;overflow-y:auto;transition:max-height .3s ease-in-out}.drawer_drawerContent__oUucV.drawer_open__ZUoXE{max-height:100%}.file-tree_codeTabTree__aUgsD{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.file-tree_codeTabDrawer__3WxMy>div:first-child{border:none}.file-tree_codeTabDrawer__3WxMy>div:first-child,.file-tree_codeTabDrawer__3WxMy>div:last-child{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.file-tree_drawerIcon__Wiwwu{font-size:14px;margin-right:8px}.file-tree_label__9\+TnT{font-size:10px;font-weight:inherit;padding:4px}.item_menuItem__79PRk{align-items:center;color:var(--bit-text-color-heavy);display:flex;padding:8px;text-decoration:none}.item_menuItem__79PRk .item_icon__KQwNX{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__Uefv3:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__viyTY,.item_active__viyTY:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__viyTY .item_icon__KQwNX{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.tree-node_node__m7h29{align-items:center;display:flex;justify-content:space-between;padding-right:8px}.tree-node_nodeTitle__xjBFn{min-width:0}.tree-node_icon__lb50Z{height:16px;margin-right:4px;width:16px}.code_code__odUZy{display:flex;height:100%;width:100%}.code_code__odUZy .code_splitter__gKwHl{height:auto;position:relative}.code_code__odUZy .code_splitter__gKwHl>:first-child{position:absolute;z-index:100}.code_codeContainer__RDCpG{height:100%;width:100%}.code_dark__gtWhy{--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__M4B4\+{min-width:100px}.code_fileTree__DZG\+Y{background-color:#161616;background-color:var(--surface-neutral-color,#161616);color:#f6f6f6;color:var(--on-background-color,#f6f6f6);font-size:14px}.code_label__lpLU9{font-size:10px;font-weight:inherit;padding:4px}.code_editor__4DGWi{background-color:#1e1e1e;background-color:var(--editor-bg-color,#1e1e1e);padding-top:10px}.component-showcase_tab__UpKoR{border:none;cursor:pointer;display:flex;justify-content:space-between;outline:none;transition:.3s}.component-showcase_componentId__4Opkm{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__zNeZ4{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__zNeZ4>svg{font-size:16px}.component-showcase_tabLinks__zNeZ4:hover{color:#2b2b2b;color:var(--on-background-high-color,#2b2b2b)}.component-showcase_tabLinks__zNeZ4.component-showcase_active__XdYsB{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}@media only screen and (max-width:480px){.component-showcase_tabLinks__zNeZ4{width:32px}.component-showcase_tabLinks__zNeZ4>span{display:none}}.component-showcase_tabContent__Iu04-{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__Iu04- .component-showcase_showcaseCodeTab__OQNGz{--bit-p-xxs:12px}.component-showcase_tabContent__Iu04- p{margin:0}.component-showcase_showcaseTabs__Z6xwh{display:flex;overflow-x:hidden;width:-moz-fit-content;width:fit-content}.component-showcase_tabContent__Iu04-{animation:component-showcase_fadeEffect__g\+rme 1s}@keyframes component-showcase_fadeEffect__g\+rme{0%{opacity:0}to{opacity:1}}