.folder-tree-node_folder__88-rj{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__88-rj:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6)}.folder-tree-node_folder__88-rj .folder-tree-node_icon__5kluA{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__88-rj .folder-tree-node_icon__5kluA.folder-tree-node_collapsed__wLNmV{transform:rotate(-90deg)}.folder-tree-node_img__0nnYl{filter:grayscale(1);height:16px;margin-right:8px;width:16px}.folder-tree-node_left__pIjRi{align-items:center;display:flex;flex:1 1;min-width:0}.folder-tree-node_left__pIjRi .folder-tree-node_name__EPf9u{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree-node_childrenTree__RpWFP{font-size:var(--bit-p-xs);overflow:hidden;transition:max-height .4s ease-in-out}.label_label__a6kDZ{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__zn3eV{display:flex;flex-direction:column;max-height:100%;min-height:32px;overflow:hidden}.drawer_drawerName__MRpva{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__MRpva:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);border-color:#f6f6f6;border-color:var(--bit-bg-heavy,#f6f6f6)}.drawer_drawerName__MRpva:hover .drawer_link__-lSJa{opacity:1;visibility:visible}.drawer_drawerName__MRpva .drawer_arrow__7Fzrg{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__MRpva .drawer_arrow__7Fzrg.drawer_collapsed__W\+GpJ{transform:rotate(-90deg)}.drawer_drawerName__MRpva>div{align-items:center;display:flex;flex-grow:1;margin-right:5px;overflow:hidden}.drawer_drawerName__MRpva>div>span:last-child{margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer_drawerContent__qsVMV{flex:1 1;max-height:0;overflow-x:hidden;overflow-y:auto;transition:max-height .3s ease-in-out}.drawer_drawerContent__qsVMV.drawer_open__69EPm{max-height:100%}.file-tree_codeTabTree__ALmQu{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.file-tree_codeTabDrawer__85Zos>div:first-child{border:none}.file-tree_codeTabDrawer__85Zos>div:first-child,.file-tree_codeTabDrawer__85Zos>div:last-child{border-bottom:1px solid #ededed;border-bottom:1px solid var(--bit-border-color-lightest,#ededed)}.file-tree_drawerIcon__zu-ks{font-size:14px;margin-right:8px}.file-tree_label__dvepR{font-size:10px;font-weight:inherit;padding:4px}.item_menuItem__bKro8{align-items:center;color:var(--bit-text-color-heavy);display:flex;padding:8px;text-decoration:none}.item_menuItem__bKro8 .item_icon__8dW9Z{color:#6c707c;color:var(--bit-text-color-light,#6c707c);font-size:1.15em;margin-right:.76em}.item_interactive__\+IPjc:hover{background:#f6f6f6;background:var(--bit-bg-heavy,#f6f6f6);cursor:pointer}.item_active__H2peQ,.item_active__H2peQ:hover{background:#eceaff;background:var(--bit-accent-bg,#eceaff)}.item_active__H2peQ .item_icon__8dW9Z{color:#6c5ce7;color:var(--bit-accent-color,#6c5ce7)}.tree-node_node__oZvpP{align-items:center;display:flex;justify-content:space-between;padding-right:8px}.tree-node_nodeTitle__66J\+K{min-width:0}.tree-node_icon__3O6Bw{height:16px;margin-right:4px;width:16px}.code_code__Zt7OR{display:flex;height:100%;width:100%}.code_code__Zt7OR .code_splitter__BqdJy{height:auto;position:relative}.code_code__Zt7OR .code_splitter__BqdJy>:first-child{position:absolute;z-index:100}.code_codeContainer__qT3qn{height:100%;width:100%}.code_dark__fVtik{--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__\+YXNu{min-width:100px}.code_fileTree__cKHaq{background-color:#161616;background-color:var(--surface-neutral-color,#161616);color:#f6f6f6;color:var(--on-background-color,#f6f6f6);font-size:14px}.code_label__6xuAN{font-size:10px;font-weight:inherit;padding:4px}.code_editor__-iQXj{background-color:#1e1e1e;background-color:var(--editor-bg-color,#1e1e1e);padding-top:10px}.component-showcase_tab__-\+0uF{border:none;cursor:pointer;display:flex;justify-content:space-between;outline:none;transition:.3s}.component-showcase_componentId__E2Gfx{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__krCH6{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__krCH6>svg{font-size:16px}.component-showcase_tabLinks__krCH6:hover{color:#2b2b2b;color:var(--on-background-high-color,#2b2b2b)}.component-showcase_tabLinks__krCH6.component-showcase_active__dZYd0{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}@media only screen and (max-width:480px){.component-showcase_tabLinks__krCH6{width:32px}.component-showcase_tabLinks__krCH6>span{display:none}}.component-showcase_tabContent__T8Vla{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__T8Vla .component-showcase_showcaseCodeTab__cuIkM{--bit-p-xxs:12px}.component-showcase_tabContent__T8Vla p{margin:0}.component-showcase_showcaseTabs__AJDZ0{display:flex;overflow-x:hidden;width:-moz-fit-content;width:fit-content}.component-showcase_tabContent__T8Vla{animation:component-showcase_fadeEffect__0wWzd 1s}@keyframes component-showcase_fadeEffect__0wWzd{0%{opacity:0}to{opacity:1}}