.tab-component .tab-nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tab-component .tab-nav .btn{font-size:.875em}.tab-component .tab-nav .tab-nav-inner{flex:1;display:flex;flex-direction:row;padding:1em .5em;white-space:nowrap;overflow-x:auto}.tab-component .tab-nav .tab-nav-inner .btn{padding:.5em 1em;transition:var(--transition-button),padding .2s ease-in-out}.tab-component .tab-nav .tab-nav-inner .btn.btn-fill{border-radius:var(--radius)}.css-tab-component{width:100%;background-color:var(--card-bg);padding:0;border-radius:2em}.css-tab-component .css-tab-nav{display:flex;gap:1.5rem;overflow-x:auto;scrollbar-width:none;padding:.75em 1.5em 0;margin-bottom:-2px}.css-tab-component .css-tab-nav::-webkit-scrollbar{display:none}.css-tab-component .css-tab-nav .css-tab-label{flex-shrink:0;padding:.75rem 0;cursor:pointer;color:rgba(var(--color-rgb),.5);font-family:var(--title-font);font-weight:500;font-size:.95rem;border-bottom:2px solid transparent;white-space:nowrap;z-index:1}.css-tab-component .css-tab-nav .css-tab-label input[type=radio]{display:none}.css-tab-component .css-tab-nav .css-tab-label:hover{border-bottom:2px solid}.css-tab-component .css-tab-nav .css-tab-label:has(input:checked){color:var(--secondary);border-bottom-color:var(--secondary)}.css-tab-component .css-tab-panels{border-top:2px solid var(--border-half);padding:1em}.css-tab-component .css-tab-panels .panel{display:none;font-size:.875rem}.css-tab-component:has(.css-tab-label:nth-child(1) input:checked) .panel:nth-child(1),.css-tab-component:has(.css-tab-label:nth-child(2) input:checked) .panel:nth-child(2),.css-tab-component:has(.css-tab-label:nth-child(3) input:checked) .panel:nth-child(3),.css-tab-component:has(.css-tab-label:nth-child(4) input:checked) .panel:nth-child(4),.css-tab-component:has(.css-tab-label:nth-child(5) input:checked) .panel:nth-child(5),.css-tab-component:has(.css-tab-label:nth-child(6) input:checked) .panel:nth-child(6){display:block}