@layer pluto{html{--haul-background:var(--pluto-gray-l8-20);--haul-border-color:var(--pluto-gray-l8-50)}.pluto-tabs{min-width:0;position:relative}.pluto-tabs__content{flex-grow:1;width:100%;min-height:0;position:relative;overflow:hidden;&[hidden]{display:none!important}}.pluto-tabs__selector{scrollbar-width:none;--pluto-focus-ring-offset:-2px;--pluto-tabs-tab-width:25rem;--pluto-tabs-tab-min-width:11rem;--pluto-tabs-selected-min-width:var(--pluto-tabs-tab-min-width);max-width:100%;position:relative;overflow:auto hidden;&::-webkit-scrollbar{display:none}&.pluto--direction-x{height:0!important}}.pluto-tabs__thumb{border-radius:var(--pluto-border-radius-small);background:var(--pluto-gray-l6);opacity:0;pointer-events:none;z-index:1;height:round(.5rem,1px);transition:opacity .15s ease-in-out,background .15s ease-in-out;position:absolute;left:0;&:before{content:"";position:absolute;inset:round(-.75rem,1px) 0 0}&:hover,&.pluto-tabs__thumb--dragging{background:var(--pluto-gray-l8)}}.pluto-tabs__selector--scrollable:hover+.pluto-tabs__thumb,.pluto-tabs__thumb:hover,.pluto-tabs__thumb--dragging{opacity:1;pointer-events:auto}@property --pluto-tabs-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --pluto-tabs-fade-end{syntax:"<length>";inherits:false;initial-value:0}.pluto-tabs__selector.pluto--direction-x{--pluto-tabs-fade-start:0px;--pluto-tabs-fade-end:0px;mask-image:linear-gradient(to right, transparent 0, black var(--pluto-tabs-fade-start), black calc(100% - var(--pluto-tabs-fade-end)), transparent 100%);transition:--pluto-tabs-fade-start .1s ease-out,--pluto-tabs-fade-end .1s ease-out;&.pluto-tabs__selector--clipped-start{--pluto-tabs-fade-start:var(--pluto-tabs-fade-width,6rem)}&.pluto-tabs__selector--clipped-end{--pluto-tabs-fade-end:var(--pluto-tabs-fade-width,6rem)}}.pluto-tabs__selector--align-center .pluto-tabs__tab{text-align:center;justify-content:center}.pluto-tabs__selector--align-start .pluto-tabs__tab{text-align:left;justify-content:flex-start}.pluto-tabs__selector--sizing-elastic .pluto-tabs__tab:not(:has([contenteditable=true])){max-width:fit-content;min-width:var(--pluto-tabs-tab-min-width);flex:auto;overflow:hidden}.pluto-tabs__selector--sizing-fixed .pluto-tabs__tab{width:var(--pluto-tabs-tab-width);min-width:var(--pluto-tabs-tab-min-width);white-space:nowrap;flex:0 auto;overflow:hidden}.pluto-tabs__selector--sizing-content .pluto-tabs__tab{flex:none}.pluto-tabs__selector:not(.pluto-tabs__selector--sizing-content) .pluto-tabs__tab.pluto--selected:not(:has([contenteditable=true])){min-width:var(--pluto-tabs-selected-min-width)}.pluto-tabs__selector.pluto--direction-y{--pluto-tabs-tab-width:100%;flex-shrink:0;overflow:hidden auto;& .pluto-tabs__tab{width:100%;max-width:none;height:var(--pluto-tabs-tab-height,var(--pluto-height-small));flex:none;justify-content:flex-start}}.pluto-tabs__ghost{align-self:var(--pluto-tabs-tab-align,auto);pointer-events:none;border-radius:var(--pluto-border-radius-small);background:var(--pluto-primary-z-20);box-shadow:inset 0 0 0 var(--pluto-border-width) var(--pluto-primary-z-35);position:absolute;&.pluto--direction-x{width:var(--pluto-tabs-tab-min-width);height:var(--pluto-tabs-tab-height,var(--pluto-height-small))}&.pluto--direction-y{height:var(--pluto-tabs-tab-height,var(--pluto-height-small));left:0;right:0}}.pluto-tabs__tab{transition:transform .15s}.pluto-tabs__tab--hauled{opacity:0;transition:none}.pluto-tabs__tab .pluto-text{white-space:nowrap;animation:linear text-fade scroll(self x);overflow:hidden}@supports not (animation-timeline:scroll(self x)){.pluto-tabs__tab .pluto-text{text-overflow:ellipsis}}.pluto-tabs__tab .pluto-text--editable:not([contenteditable=true]){-webkit-user-select:none;user-select:none}.pluto-tabs__selector>.pluto-tabs__tab{color:var(--pluto-tabs-text-color,var(--pluto-gray-l9));& .pluto-text{color:var(--pluto-tabs-text-color,var(--pluto-gray-l9))}&.pluto--selected{color:var(--pluto-tabs-selected-text-color,var(--pluto-selected-subtle-color));& .pluto-text{color:var(--pluto-tabs-selected-text-color,var(--pluto-selected-subtle-color))}&.pluto--alt-color{--pluto-tabs-selected-text-color:var(--pluto-primary-z);& .pluto-text{font-weight:500}&>.pluto-icon{color:var(--pluto-primary-z);font-weight:500}}}}.pluto-tabs__selector--default{& .pluto-tabs__tab{border-radius:var(--pluto-border-radius-small);border:none;padding:0;transition:background .15s ease-in-out,transform .15s;position:relative;&:not(:has(.pluto-text)){padding:0 3rem}& .pluto-text{margin:0 2rem;padding:0 .25rem}&>.pluto-icon{color:var(--pluto-tabs-text-color,var(--pluto-gray-l9));flex-shrink:0;margin-left:1.5rem;margin-right:1rem;transition:opacity .1s ease-in-out}&:not(.pluto--selected){&:hover{background:var(--pluto-fill-hover)}&:active:not(:has(.pluto-tabs__close:active)){background:var(--pluto-fill-press)}}&.pluto--selected{--pluto-bg:var(--pluto-selected-subtle-bg);--pluto-hover-bg:var(--pluto-selected-subtle-hover-bg);--pluto-active-bg:var(--pluto-selected-subtle-active-bg);box-shadow:inset 0 0 0 var(--pluto-border-width) var(--pluto-selected-subtle-border-color);&.pluto--alt-color{--pluto-bg:var(--pluto-selected-bg);--pluto-hover-bg:var(--pluto-selected-hover-bg);--pluto-active-bg:var(--pluto-selected-active-bg);box-shadow:inset 0 0 0 var(--pluto-border-width) var(--pluto-selected-border-color)}}&:has(>.pluto-icon) .pluto-text{margin-left:0}&:has([contenteditable=true]) .pluto-tabs__close{opacity:0;pointer-events:none}&:hover:has(.pluto-tabs__close):not(:has([contenteditable=true]))>.pluto-icon{opacity:0}}&.pluto--direction-x{padding:0 .75rem;& .pluto-tabs__tab{min-height:0;height:var(--pluto-tabs-tab-height,var(--pluto-height-small));align-self:var(--pluto-tabs-tab-align,auto);font-weight:450}&.pluto--height-small{--pluto-tabs-tab-height:calc(var(--pluto-height-small) - 1px)}}&.pluto--direction-y{height:100%;padding:.75rem .5rem}}.pluto-tabs__selector--pill{--pluto-tabs-selected-min-width:20rem}.pluto-tabs__selector--pill .pluto-tabs__tab{padding:0 2rem;transition:background .15s ease-in-out,border-color .15s ease-in-out,transform .15s;&>.pluto-icon{color:var(--pluto-tabs-text-color,var(--pluto-gray-l9));flex-shrink:0;margin-right:1rem}&.pluto--selected>.pluto-icon{color:var(--pluto-tabs-selected-text-color,var(--pluto-gray-l11))}}.pluto-tabs__selector--pill .pluto-tabs__tab:not(.pluto--selected){border-color:var(--pluto-gray-l5);--pluto-bg:var(--pluto-gray-l4)}.pluto-tabs__selector--pill .pluto-tabs__tab.pluto--selected{--pluto-bg:var(--pluto-fill-rest);--pluto-hover-bg:var(--pluto-fill-hover);--pluto-active-bg:var(--pluto-fill-press);--pluto-border-color:var(--pluto-gray-l7);--pluto-hover-border-color:var(--pluto-gray-l8);--pluto-active-border-color:var(--pluto-gray-l8)}.pluto-tabs__tab .pluto-tabs__unsaved{width:round(.9em,1px);height:round(.9em,1px);fill:var(--pluto-gray-l9);flex-shrink:0}.pluto-tabs__selector>.pluto-tabs__tab:has(.pluto-text.pluto--status-warning){& .pluto-text,&>.pluto-icon{color:var(--pluto-warning-z)!important}&.pluto--selected{--pluto-tabs-warning-bg:color-mix(in srgb, var(--pluto-warning-z) 15%, var(--pluto-gray-l1));--pluto-bg:var(--pluto-tabs-warning-bg);--pluto-hover-bg:var(--pluto-tabs-warning-bg);--pluto-active-bg:color-mix(in srgb, var(--pluto-warning-z) 20%, var(--pluto-gray-l1));box-shadow:inset 0 0 0 var(--pluto-border-width) color-mix(in srgb, var(--pluto-warning-z) 65%, var(--pluto-gray-l1))}}.pluto-tabs__tab:has(.pluto-tabs__unsaved):has(.pluto-tabs__close){& .pluto-tabs__close{display:none}&:hover{& .pluto-tabs__unsaved{display:none}& .pluto-tabs__close{display:flex}}}}