.ds-thread-panel{box-sizing:border-box;gap:var(--gap-100);width:64px;height:100%;min-height:0;padding:var(--padding-400) var(--padding-300);transition:width var(--motion-duration-slow) var(--motion-ease-emphasized);flex-direction:column;display:flex;overflow:hidden}.ds-thread-panel--expanded{width:280px}.ds-thread-panel:not(.ds-thread-panel--expanded){cursor:pointer}.ds-thread-panel__header{min-width:0;padding:var(--padding-150) var(--padding-200);margin-bottom:var(--gap-300);transition:padding var(--motion-duration-slow) var(--motion-ease-emphasized);flex:none;align-items:center;display:flex}.ds-thread-panel--expanded .ds-thread-panel__header{padding:var(--padding-150) var(--padding-400)}.ds-thread-panel:not(.ds-thread-panel--expanded) .ds-thread-panel__header--bare{justify-content:center}.ds-thread-panel:not(.ds-thread-panel--expanded) .ds-thread-panel__header--bare .ds-thread-panel__header-inner{display:none}.ds-thread-panel__header-inner{align-items:center;gap:var(--gap-200);flex:1;min-width:0;display:flex}.ds-thread-panel__header-inner[role=button]{cursor:pointer}.ds-thread-panel__header-inner[role=button]:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px;border-radius:var(--radius-100)}.ds-thread-panel__logo{flex:none;align-items:center;display:inline-flex}.ds-thread-panel__brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-title-body-family);font-size:var(--font-title-body-size);font-weight:var(--font-title-body-weight);line-height:var(--font-title-body-line-height);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex-shrink:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__brand{opacity:1}.ds-thread-panel__toggle{--icon-size:var(--icon-size-600);width:0;height:24px;color:var(--color-icon-primary);cursor:pointer;opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), width var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__toggle,.ds-thread-panel__toggle--standalone{opacity:1;width:24px}.ds-thread-panel__toggle:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px;border-radius:var(--radius-100)}.ds-thread-panel__new,.ds-thread-panel__control,.ds-thread-panel__project,.ds-thread-panel__thread{box-sizing:border-box;align-items:center;gap:var(--gap-200);width:100%;min-width:0;height:40px;padding:var(--padding-200);border-radius:var(--radius-pill);cursor:pointer;text-align:left;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), padding var(--motion-duration-slow) var(--motion-ease-emphasized);background:0 0;border:none;text-decoration:none;display:flex;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__new,.ds-thread-panel--expanded .ds-thread-panel__control,.ds-thread-panel--expanded .ds-thread-panel__project,.ds-thread-panel--expanded .ds-thread-panel__thread{padding:var(--padding-200) var(--padding-400)}.ds-thread-panel__new:hover,.ds-thread-panel__control:hover,.ds-thread-panel__project:hover,.ds-thread-panel__thread:hover{background-color:var(--color-action-passive-bg-hover)}.ds-thread-panel__new:focus-visible,.ds-thread-panel__control:focus-visible,.ds-thread-panel__project:focus-visible,.ds-thread-panel__projects-add:focus-visible,.ds-thread-panel__thread:focus-visible,.ds-thread-panel__more:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:-2px}.ds-thread-panel__new{flex:none}.ds-thread-panel__new-icon{--icon-size:var(--icon-size-600);color:var(--color-icon-primary);flex-shrink:0}.ds-thread-panel__new-label{white-space:nowrap;min-width:0;font-family:var(--font-paragraph-sm-emphasis-family);font-size:var(--font-paragraph-sm-emphasis-size);font-weight:var(--font-paragraph-sm-emphasis-weight);line-height:var(--font-paragraph-sm-emphasis-line-height);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__new-label{opacity:1}.ds-thread-panel__new-kbd{gap:var(--gap-050);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:none;display:inline-flex}.ds-thread-panel--expanded .ds-thread-panel__new-kbd{opacity:1}.ds-thread-panel__controls{gap:var(--gap-100);flex-direction:column;flex:none;display:flex}.ds-thread-panel__control-icon{--icon-size:var(--icon-size-600);color:var(--color-icon-primary);flex-shrink:0}.ds-thread-panel__control-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);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__control-label{opacity:1}.ds-thread-panel__projects{gap:var(--gap-050);flex-direction:column;flex:none;display:flex}.ds-thread-panel__projects-header{align-items:center;gap:var(--gap-200);min-width:0;padding:var(--padding-150) var(--padding-200) var(--padding-150) var(--padding-400);opacity:0;visibility:hidden;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), visibility 0s var(--motion-duration-base);display:flex}.ds-thread-panel--expanded .ds-thread-panel__projects-header{opacity:1;visibility:visible;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), visibility 0s}.ds-thread-panel__projects-label{white-space:nowrap;min-width:0;font-family:var(--font-overline-family);font-size:var(--font-overline-size);font-weight:var(--font-overline-weight);line-height:var(--font-overline-line-height);letter-spacing:var(--font-overline-letter-spacing);text-transform:uppercase;color:var(--color-text-tertiary);flex:1;overflow:hidden}.ds-thread-panel__projects-add{--icon-size:var(--icon-size-500);border-radius:var(--radius-pill);width:24px;height:24px;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-panel__projects-add:hover,.ds-thread-panel__project--active{background-color:var(--color-bg-container-tertiary)}.ds-thread-panel__project-icon{--icon-size:var(--icon-size-600);color:var(--color-icon-primary);flex-shrink:0}.ds-thread-panel__project-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);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__project-label{opacity:1}.ds-thread-panel__project .ds-thread-panel__meta{opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard)}.ds-thread-panel--expanded .ds-thread-panel__project .ds-thread-panel__meta{opacity:1}.ds-thread-panel__history{gap:var(--gap-400);min-height:0;padding-top:var(--padding-150);scrollbar-width:thin;scrollbar-color:transparent transparent;opacity:0;visibility:hidden;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), visibility 0s var(--motion-duration-base);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ds-thread-panel--expanded .ds-thread-panel__history{opacity:1;visibility:visible;transition:opacity var(--motion-duration-base) var(--motion-ease-standard), visibility 0s}.ds-thread-panel__history:hover{scrollbar-color:var(--color-divider) transparent}.ds-thread-panel__group{gap:var(--gap-050);flex-direction:column;display:flex}.ds-thread-panel__group-label{padding:var(--padding-200) var(--padding-400);white-space:nowrap;font-family:var(--font-overline-family);font-size:var(--font-overline-size);font-weight:var(--font-overline-weight);line-height:var(--font-overline-line-height);letter-spacing:var(--font-overline-letter-spacing);text-transform:uppercase;color:var(--color-text-tertiary);overflow:hidden}.ds-thread-panel__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.ds-thread-panel__row{min-width:0;position:relative}.ds-thread-panel__thread--active{background-color:var(--color-bg-container-tertiary)}.ds-thread-panel__thread--detailed{column-gap:var(--gap-200);flex-wrap:wrap;row-gap:0;height:auto;min-height:40px}.ds-thread-panel__unread{width:var(--gap-200);height:var(--gap-200);border-radius:var(--radius-pill);background-color:var(--color-status-info-icon);flex:none}.ds-thread-panel__title{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);color:var(--color-text-primary);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--gap-1000)), transparent);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--gap-1000)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--gap-1000)), transparent);flex:1;overflow:hidden}.ds-thread-panel__title--pending{align-items:center;display:flex}.ds-thread-panel__title-shimmer{border-radius:var(--radius-pill);background-color:var(--color-bg-container-secondary);width:100%;height:.75em;display:block;position:relative;overflow:hidden}.ds-thread-panel__title-shimmer:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-bg-container-primary) 50%, transparent 100%);animation:ds-thread-panel-shimmer var(--motion-duration-loop-shimmer) ease-in-out infinite;position:absolute;inset:0}@keyframes ds-thread-panel-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ds-thread-panel__description{white-space:nowrap;min-width:0;font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);color:var(--color-text-tertiary);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--gap-1000)), transparent);-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--gap-1000)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--gap-1000)), transparent);flex-basis:100%;overflow:hidden}.ds-thread-panel__thread--unread .ds-thread-panel__description{margin-left:calc(var(--gap-200) + var(--gap-200))}.ds-thread-panel__trail{align-items:center;gap:var(--gap-100);transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);flex:none;display:inline-flex}.ds-thread-panel__thread-icon,.ds-thread-panel__pin{--icon-size:var(--icon-size-500);color:var(--color-icon-secondary);flex:none}.ds-thread-panel__meta{font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);flex:none}.ds-thread-panel__row .ds-thread-panel__menu{top:var(--padding-150);right:var(--padding-150);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);position:absolute}.ds-thread-panel__row:hover .ds-thread-panel__menu,.ds-thread-panel__row:focus-within .ds-thread-panel__menu{opacity:1;pointer-events:auto}.ds-thread-panel__row .ds-thread-panel__menu:has([aria-expanded=true]){opacity:1;pointer-events:auto}.ds-thread-panel__row--with-menu:hover .ds-thread-panel__trail,.ds-thread-panel__row--with-menu:focus-within .ds-thread-panel__trail{opacity:0}.ds-thread-panel__row--with-menu:has([aria-expanded=true]) .ds-thread-panel__trail{opacity:0}.ds-thread-panel__row:has(.ds-thread-panel__menu [aria-expanded=true]) .ds-thread-panel__thread{background-color:var(--color-action-passive-bg-hover)}.ds-thread-panel__menu-trigger{--icon-size:var(--icon-size-500);border-radius:var(--radius-pill);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;justify-content:center;align-items:center;padding:0;display:flex}.ds-thread-panel__menu-trigger:hover{background-color:var(--color-bg-container-tertiary)}.ds-thread-panel__menu-trigger:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:-2px}.ds-thread-panel__rename{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:0 var(--padding-400);border:var(--border-025) solid var(--color-action-primary-bg);border-radius:var(--radius-pill);background-color:var(--color-bg-container-primary);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);color:var(--color-text-primary);outline:none}.ds-thread-panel__more{padding:var(--padding-150) var(--padding-400);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);color:var(--color-text-tertiary);transition:color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;align-self:flex-start}.ds-thread-panel__more:hover{color:var(--color-text-secondary)}.ds-thread-panel__footer{gap:var(--gap-200);min-width:0;padding-top:var(--padding-200);flex-direction:column;flex:none;display:flex}.ds-thread-panel__footer-slot{opacity:0;pointer-events:none;min-width:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__footer-slot{opacity:1;pointer-events:auto}.ds-thread-panel__profile{align-items:center;gap:var(--gap-200);min-width:0;padding:var(--padding-100);transition:padding var(--motion-duration-slow) var(--motion-ease-emphasized);display:flex}.ds-thread-panel--expanded .ds-thread-panel__profile{padding:var(--padding-100) var(--padding-400)}.ds-thread-panel__profile-name{white-space:nowrap;min-width:0;font-family:var(--font-paragraph-sm-emphasis-family);font-size:var(--font-paragraph-sm-emphasis-size);font-weight:var(--font-paragraph-sm-emphasis-weight);line-height:var(--font-paragraph-sm-emphasis-line-height);color:var(--color-text-primary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:1;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__profile-name{opacity:1}.ds-thread-panel__profile-meta{white-space:nowrap;font-family:var(--font-caption-family);font-size:var(--font-caption-size);font-weight:var(--font-caption-weight);line-height:var(--font-caption-line-height);color:var(--color-text-tertiary);opacity:0;transition:opacity var(--motion-duration-base) var(--motion-ease-standard);flex:none;overflow:hidden}.ds-thread-panel--expanded .ds-thread-panel__profile-meta{opacity:1}
