.ds-thread-tabs{align-items:center;gap:var(--gap-xs);min-width:0;display:flex}.ds-thread-tabs__list{scrollbar-width:none;align-items:center;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.ds-thread-tabs__item{flex:none;grid-template-columns:1fr;min-width:0;display:grid}.ds-thread-tabs__item+.ds-thread-tabs__item{margin-inline-start:var(--gap-xs)}.ds-thread-tabs__item--entering{animation:ds-thread-tabs-in var(--motion-duration-slow) var(--motion-ease-entrance)}.ds-thread-tabs__item--leaving{pointer-events:none;animation:ds-thread-tabs-out var(--motion-duration-base) var(--motion-ease-emphasized) forwards}@keyframes ds-thread-tabs-in{0%{opacity:0;grid-template-columns:0fr;margin-inline-start:0}}@keyframes ds-thread-tabs-out{to{opacity:0;grid-template-columns:0fr;margin-inline-start:0}}.ds-thread-tabs__cell{min-width:0;overflow:hidden}.ds-thread-tabs__tab{border-radius:var(--radius-full);min-width:0;max-width:220px;height:32px;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard);align-items:center;display:flex}.ds-thread-tabs__tab:hover{background-color:var(--color-action-passive-bg-hover)}.ds-thread-tabs__tab--active{background-color:var(--color-bg-container-tertiary)}.ds-thread-tabs__trigger{align-items:center;gap:var(--gap-xs);min-width:0;height:100%;padding:0 var(--padding-sm-md);border-radius:var(--radius-full);cursor:pointer;text-align:left;color:var(--color-text-secondary);transition:color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;display:flex}.ds-thread-tabs__tab--closable .ds-thread-tabs__trigger{padding-inline-end:var(--padding-xxs)}.ds-thread-tabs__tab--active .ds-thread-tabs__trigger{color:var(--color-text-primary)}.ds-thread-tabs__trigger:focus-visible,.ds-thread-tabs__close:focus-visible,.ds-thread-tabs__add:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:-2px}.ds-thread-tabs__unread{width:var(--gap-sm);height:var(--gap-sm);border-radius:var(--radius-full);background-color:var(--color-status-info-icon);flex:none}.ds-thread-tabs__icon{--icon-size:var(--icon-size-sm);color:var(--color-icon-secondary);flex:none}.ds-thread-tabs__label{white-space:nowrap;min-width:0;font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--gap-md)), transparent);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--gap-md)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--gap-md)), transparent);overflow:hidden}.ds-thread-tabs__close{--icon-size:var(--icon-size-sm);width:24px;height:24px;border-radius:var(--radius-full);color:var(--color-icon-primary);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard), background-color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:var(--padding-xxs);padding:0;display:flex}.ds-thread-tabs__tab:hover .ds-thread-tabs__close,.ds-thread-tabs__tab:focus-within .ds-thread-tabs__close,.ds-thread-tabs__tab--active .ds-thread-tabs__close{opacity:1;pointer-events:auto}.ds-thread-tabs__close:hover{background-color:var(--color-bg-container-secondary)}.ds-thread-tabs__add{--icon-size:var(--icon-size-sm);border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-icon-primary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.ds-thread-tabs__add:hover{background-color:var(--color-action-passive-bg-hover)}