.ds-tab-bar-container{padding:var(--spacing-size-4);border-radius:var(--radius-size-8);background-color:var(--card-bg-primary);box-sizing:border-box;z-index:20;-webkit-overflow-scrolling:touch;align-items:center;width:max-content;max-width:100%;display:flex;position:sticky;top:0;overflow-x:auto}.ds-tab-button{height:40px;padding:var(--spacing-size-8) var(--spacing-size-16);border-radius:var(--radius-size-4);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);box-sizing:border-box;white-space:nowrap;background-color:#0000;border:none;justify-content:center;align-items:center;display:flex}.ds-tab-button:focus{outline:none}.ds-tab-button:focus-visible{outline:2px solid var(--border-brand-light);outline-offset:2px}.ds-tab-button.active{background-color:var(--surface-brand-action);color:var(--text-brand-action)}.ds-tab-button.inactive{color:var(--text-primary)}.ds-tab-button.inactive:hover{background-color:#00000008}@media (max-width:768px){.ds-tab-bar-container{z-index:var(--z-index-sticky);scrollbar-width:none;-ms-overflow-style:none;background-color:var(--card-bg-primary);width:100%;max-width:100%;box-shadow:var(--shadow-sm);flex-shrink:0;position:sticky;top:0}.ds-tab-bar-container::-webkit-scrollbar{display:none}}
