.component-showcase_tab__JV-Q7{border:none;cursor:pointer;display:flex;justify-content:space-between;outline:none;transition:.3s}.component-showcase_componentId__U7HCb{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__U\+RPS{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__U\+RPS>svg{font-size:16px}.component-showcase_tabLinks__U\+RPS:hover{color:#2b2b2b;color:var(--on-background-high-color,#2b2b2b)}.component-showcase_tabLinks__U\+RPS.component-showcase_active__6dDBY{color:#6c5ce7;color:var(--primary-color,#6c5ce7)}@media only screen and (max-width:480px){.component-showcase_tabLinks__U\+RPS{width:32px}.component-showcase_tabLinks__U\+RPS>span{display:none}}.component-showcase_tabContent__MbOuD{border:2px solid #6c5ce7;border:2px solid var(--primary-color,#6c5ce7);border-radius:8px;box-sizing:border-box;height:750px;overflow-x:hidden;width:100%}.component-showcase_tabContent__MbOuD .component-showcase_showcaseCodeTab__JGkeT{--bit-p-xxs:12px}.component-showcase_tabContent__MbOuD p{margin:0}.component-showcase_showcaseTabs__oj7PK{display:flex;overflow-x:hidden;width:-moz-fit-content;width:fit-content}.component-showcase_tabContent__MbOuD{animation:component-showcase_fadeEffect__GZPuR 1s}@keyframes component-showcase_fadeEffect__GZPuR{0%{opacity:0}to{opacity:1}}