.tabs{display:flex;flex-wrap:wrap;width:100%;overflow-x:auto;border-radius:.5rem;background-color:var(--color-slate-100);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:grid;place-items:center;order:1;flex:none;min-width:max-content;height:2rem;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;border-radius:.375rem;background-color:initial;margin:.25rem 0 .25rem .25rem;padding:0 .75rem;color:var(--color-slate-500);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1.25rem;white-space:nowrap}.tab::before{content:attr(aria-label);grid-area:1/1}.tab:hover,.tab:checked{color:var(--color-primary-700)}.tab:checked{background-color:#fff}.tab-panel{display:none;order:2;flex:0 0 100%}.tab:checked+.tab-panel{display:block}.tabs:not(:has(>.tab:checked))>.tab:first-of-type{background-color:#fff;color:var(--color-primary-700)}.tabs:not(:has(>.tab:checked))>.tab-panel:first-of-type{display:block}.tab-panel>:first-child{margin-top:0}.tab-panel>:last-child{margin-bottom:0}:where(html.dark,html[data-theme=dark]) .tabs{background-color:var(--color-slate-800)}:where(html.dark,html[data-theme=dark]) .tab{color:var(--color-slate-400)}:where(html.dark,html[data-theme=dark]) .tab:hover,:where(html.dark,html[data-theme=dark]) .tab:checked{color:var(--color-primary-500)}:where(html.dark,html[data-theme=dark]) .tab:checked{background-color:var(--color-slate-900)}:where(html.dark,html[data-theme=dark]) .tabs:not(:has(>.tab:checked))>.tab:first-of-type{background-color:var(--color-slate-900);color:var(--color-primary-500)}