.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-gray-200);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs-tab{position:relative;justify-content:center;gap:8px;padding:12px 16px;font-size:var(--text-body);line-height:var(--text-body-lh);font-weight:var(--fw-regular);white-space:nowrap;cursor:pointer;color:var(--color-gray-500);background:transparent;border:none;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;outline:none}.tabs-tab,.tabs-tab-icon{display:inline-flex;align-items:center;flex-shrink:0}.tabs-tab-icon{line-height:0}.tabs-stretch .tabs-tab{flex:1 1;min-width:max-content;display:flex;align-items:center;justify-content:center;text-align:center}.tabs-tab:hover{color:var(--color-gray-700)}.tabs-tab-active{color:var(--color-accent-600);font-weight:var(--fw-medium);border-bottom:2px solid var(--color-accent-600)}.tabs-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent-600)}.tabs-vertical{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--color-gray-200);background:var(--color-surface)}.tabs-vertical-list{display:flex;flex-direction:column;padding:8px 0;list-style:none;margin:0}.tabs-vertical-tab{position:relative;width:100%;text-align:left;padding:12px 16px;font-size:var(--text-body);line-height:var(--text-body-lh);font-weight:var(--fw-regular);color:var(--color-gray-600);background:transparent;border:none;cursor:pointer;transition:background-color .15s ease,color .15s ease;outline:none}.tabs-vertical-tab:hover{background:var(--color-surface-tertiary);color:var(--color-gray-900)}.tabs-vertical-tab-active{color:var(--color-accent-600);font-weight:var(--fw-medium);background:var(--color-accent-50)}.tabs-vertical-tab-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-600);border-radius:0 9999px 9999px 0}.tabs-vertical-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent-600)}.tabs-dot{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-amber-400)}