.tabs-bar{--tabs-bar-height:35px;--tabs-bar-height-compact:22px;--tabs-bar-active-bg:hsl(var(--accent));--tabs-bar-active-fg:hsl(var(--accent-foreground));--tabs-bar-inactive-bg:hsl(var(--muted));--tabs-bar-inactive-fg:hsl(var(--muted-foreground));--tabs-bar-hover-bg:hsl(var(--accent)/0.7);--tabs-bar-border:hsl(var(--border));--tabs-bar-drag-drop-border:hsl(var(--primary)/0.5);--tabs-bar-sizing-fit-width:120px;--tabs-bar-sizing-shrink-min:80px;--tabs-bar-sizing-fixed-min:50px;--tabs-bar-sizing-fixed-max:160px}.tabs-bar__container{display:flex;position:relative;align-items:stretch;min-height:var(--tabs-bar-height)}.tabs-bar__trailing{flex-shrink:0;display:flex;align-items:center;padding-left:4px}.tabs-bar__tabs{display:flex;height:var(--tabs-bar-height);scrollbar-width:none;flex:1}.tabs-bar__tabs::-webkit-scrollbar{display:none}.tabs-bar__tab{position:relative;display:flex;white-space:nowrap;cursor:pointer;height:var(--tabs-bar-height);box-sizing:border-box;padding-left:10px;outline-offset:-2px;align-items:center;background-color:var(--tabs-bar-inactive-bg);color:var(--tabs-bar-inactive-fg)}.tabs-bar__tab:hover:not(.tabs-bar__tab--active){background-color:var(--tabs-bar-hover-bg)}.tabs-bar__tab--active{background-color:var(--tabs-bar-active-bg);color:var(--tabs-bar-active-fg)}.tabs-bar__scm-letter{flex-shrink:0;margin-left:4px;padding:0 4px;border-radius:2px;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.02em;color:hsl(var(--muted-foreground));background-color:hsl(var(--muted));text-decoration:none;cursor:inherit}.tabs-bar__tab--dirty.tabs-bar__tab--dirty-border{border-top:2px solid var(--tabs-bar-drag-drop-border)}.tabs-bar__tab-label{display:flex;align-items:center;gap:6px;flex:1;min-width:0;margin-top:auto;margin-bottom:auto;line-height:var(--tabs-bar-height)}.tabs-bar__tab-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.tabs-bar--preview{--tabs-bar-height:var(--editor-tab-height);--tabs-bar-active-bg:hsl(var(--background));--tabs-bar-active-fg:hsl(var(--foreground));--tabs-bar-inactive-bg:hsl(var(--muted)/0.48);--tabs-bar-inactive-fg:hsl(var(--muted-foreground));--tabs-bar-hover-bg:hsl(var(--muted)/0.72);background:hsl(var(--muted)/.28);border-bottom:none;padding:0}.tabs-bar--preview .tabs-bar__scroll-area{min-height:var(--tabs-bar-height)}.tabs-bar--preview .tabs-bar__scroll-viewport{padding-left:12px}.tabs-bar--preview .tabs-bar__tabs{align-items:stretch;height:var(--tabs-bar-height)}.tabs-bar--preview .tabs-bar__tab{position:relative;height:var(--tabs-bar-height);margin-right:0;border:none;border-radius:2px 2px 0 0;padding-left:10px;padding-right:2px;border-right:1px solid hsl(var(--border)/.55)}.tabs-bar--preview .tabs-bar__tab:last-child{border-right:none}.tabs-bar--preview .tabs-bar__tab-name{font-size:13px;font-weight:400}.tabs-bar--preview .tabs-bar__tab:hover:not(.tabs-bar__tab--active){background-color:var(--tabs-bar-hover-bg)}.tabs-bar--preview .tabs-bar__tab--active{box-shadow:none;z-index:2;transform:translateY(2px);margin-bottom:-2px}.tabs-bar--preview .tabs-bar__tab--active:before{display:block;content:"";position:absolute;left:0;right:0;top:0;height:2px;background:hsl(var(--primary))}.tabs-bar--preview .tabs-bar__scm-letter{font-size:9px;padding:0 3px}.tabs-bar--preview .tabs-bar__tab-actions{width:28px}.tabs-bar--preview .tabs-bar__tab-close{opacity:0}.tabs-bar--preview .tabs-bar__tab--active .tabs-bar__tab-close,.tabs-bar--preview .tabs-bar__tab--dirty .tabs-bar__tab-close,.tabs-bar--preview .tabs-bar__tab:hover .tabs-bar__tab-close{opacity:1}.tabs-bar--preview .tabs-bar__tab-close:focus-visible{opacity:1}.tabs-bar--preview .tabs-bar__trailing{padding-left:8px;padding-right:12px;border-left:1px solid hsl(var(--border)/.55)}.tabs-bar--preview .tabs-bar__trailing-close{box-sizing:border-box;height:var(--editor-tab-height);width:var(--editor-tab-height);min-height:var(--editor-tab-height);min-width:var(--editor-tab-height)}.tabs-bar__tab-icon{flex-shrink:0}.tabs-bar__tab-actions{flex-shrink:0;width:28px;margin-top:auto;margin-bottom:auto;display:flex;align-items:center;justify-content:center}.tabs-bar__tab-close{opacity:.6}.tabs-bar__tab--active .tabs-bar__tab-close,.tabs-bar__tab--dirty .tabs-bar__tab-close,.tabs-bar__tab--sticky .tabs-bar__tab-close,.tabs-bar__tab:hover .tabs-bar__tab-close{opacity:1}.tabs-bar__tab--drop-target:after{content:"";position:absolute;top:0;right:0;height:100%;width:2px;background-color:var(--tabs-bar-drag-drop-border);pointer-events:none;z-index:11}.tabs-bar__tabs--fit .tabs-bar__tab{width:var(--tabs-bar-sizing-fit-width);min-width:fit-content;flex-shrink:0}.tabs-bar__tabs--shrink .tabs-bar__tab{min-width:var(--tabs-bar-sizing-shrink-min);flex-basis:0;flex-grow:1;max-width:fit-content}.tabs-bar__tabs--fixed .tabs-bar__tab{min-width:var(--tabs-bar-sizing-fixed-min);max-width:var(--tabs-bar-sizing-fixed-max);flex:1 0 0}.tabs-bar__scroll-area{flex:1;min-width:0;display:flex;flex-direction:column-reverse}.tabs-bar__horizontal-scroll{flex-shrink:0;height:3px!important;min-height:3px;padding:0!important;border:none;background:transparent}.tabs-bar__horizontal-scroll>div{background-color:hsl(var(--muted-foreground)/.32)}.tabs-bar__horizontal-scroll:hover>div{background-color:hsl(var(--muted-foreground)/.48)}.tabs-bar__scroll-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs-bar__scroll-viewport::-webkit-scrollbar{display:none}.tabs-bar__tabs--scroll{overflow:visible}.tabs-bar__tab--sticky{position:sticky;z-index:8;flex-basis:0;flex-grow:0}.tabs-bar__scm-letter--tone-muted{color:hsl(var(--muted-foreground));background-color:hsl(var(--muted))}.tabs-bar__scm-letter--tone-modified{color:hsl(var(--destructive));background-color:hsl(var(--destructive)/.14)}.tabs-bar__scm-letter--tone-added{color:hsl(var(--chart-2));background-color:hsl(var(--chart-2)/.14)}.tabs-bar__scm-letter--tone-deleted{color:hsl(var(--muted-foreground));background-color:hsl(var(--muted));text-decoration:line-through;opacity:.88}.tabs-bar__scm-letter--tone-ignored{opacity:.55}.tabs-bar__tab-name--scm-modified{color:hsl(var(--destructive))}.tabs-bar__tab-name--scm-added{color:hsl(var(--chart-2))}.tabs-bar__tab-name--scm-deleted{text-decoration:line-through}.tabs-bar__tab-name--scm-deleted,.tabs-bar__tab-name--scm-ignored,.tabs-bar__tab-name--scm-muted{color:hsl(var(--muted-foreground))}