.fui-tab-view[data-v-cabbc98d]{--fui-tab-view-strip-line:var(--colorNeutralStrokeAlpha);--fui-tab-view-selected-bg:var(--solidBackgroundFillColorTertiary);--fui-tab-view-tab-bg-rest:var(--layerOnMicaBaseAltFillColorTransparent);--fui-tab-view-tab-bg-hover:var(--layerOnMicaBaseAltFillColorSecondary);--fui-tab-view-tab-bg-pressed:var(--layerOnMicaBaseAltFillColorDefault);--fui-tab-view-separator-color:var(--dividerStrokeColorDefault);--fui-tab-view-fg-rest:var(--colorNeutralForeground2);--fui-tab-view-fg-selected:var(--colorNeutralForeground1);--fui-tab-view-fg-pressed:var(--colorNeutralForeground3);--fui-tab-view-fg-disabled:var(--colorNeutralForegroundDisabled);--fui-tab-view-button-bg-rest:var(--colorSubtleBackground);--fui-tab-view-button-bg-hover:var(--subtleFillColorSecondary);--fui-tab-view-button-bg-pressed:var(--subtleFillColorTertiary);--fui-tab-view-fg-button:var(--colorNeutralForeground1);--fui-tab-view-fg-button-pressed:var(--colorNeutralForeground2);--fui-tab-view-strip-padding-top:8px;--fui-tab-view-tab-min-height:32px;--fui-tab-view-tab-min-width:100px;--fui-tab-view-tab-max-width:240px;--fui-tab-view-tab-padding-block:3px;--fui-tab-view-tab-padding-inline-start:8px;--fui-tab-view-tab-padding-inline-end:4px;--fui-tab-view-tab-padding-inline-end-no-close:8px;--fui-tab-view-tab-radius:var(--borderRadiusXLarge);--fui-tab-view-tab-border:var(--strokeWidthThin);--fui-tab-view-fillet:4px;--fui-tab-view-icon-size:16px;--fui-tab-view-icon-margin:10px;--fui-tab-view-close-width:32px;--fui-tab-view-close-height:24px;--fui-tab-view-close-margin:4px;--fui-tab-view-button-width:32px;--fui-tab-view-button-height:24px;--fui-tab-view-button-radius:var(--borderRadiusMedium);--fui-tab-view-add-area-padding:0 0 3px 3px;--fui-tab-view-scroll-area-padding-start:0 3px 3px 8px;--fui-tab-view-scroll-area-padding-end:0 8px 3px 3px;--fui-tab-view-selected-z:1;display:flex;flex-direction:column;min-block-size:0;background-color:var(--colorSubtleBackground);color:var(--fui-tab-view-fg-rest);font-size:var(--fontSizeBase200)}.fui-tab-view__strip-row[data-v-cabbc98d]{position:relative;display:flex;align-items:stretch;flex:none}.fui-tab-view__strip-row[data-v-cabbc98d]:after{content:"";position:absolute;inset-block-end:0;inset-inline:0;block-size:var(--strokeWidthThin);background-color:var(--fui-tab-view-strip-line);pointer-events:none}.fui-tab-view__strip-header[data-v-cabbc98d]{flex:none;min-inline-size:2px}.fui-tab-view__strip-footer[data-v-cabbc98d]{flex:0 1 auto;min-inline-size:0}.fui-tab-view__strip-spacer[data-v-cabbc98d]{flex:1 1 auto}.fui-tab-view__strip[data-v-cabbc98d]{display:flex;align-items:flex-end;flex:0 1 auto;min-inline-size:0}.fui-tab-view__scroller[data-v-cabbc98d]{display:flex;flex:0 1 auto;min-inline-size:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.fui-tab-view__scroller[data-v-cabbc98d]::-webkit-scrollbar{display:none}.fui-tab-view__list[data-v-cabbc98d]{display:flex;align-items:stretch;padding-block-start:var(--fui-tab-view-strip-padding-top)}.fui-tab-view__scroll-area[data-v-cabbc98d]{display:flex;align-items:flex-end;flex:none}.fui-tab-view__scroll-area--decrease[data-v-cabbc98d]{padding:var(--fui-tab-view-scroll-area-padding-start)}.fui-tab-view__scroll-area--increase[data-v-cabbc98d]{padding:var(--fui-tab-view-scroll-area-padding-end)}.fui-tab-view__add-button[data-v-cabbc98d],.fui-tab-view__scroll-button[data-v-cabbc98d]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;inline-size:var(--fui-tab-view-button-width);block-size:var(--fui-tab-view-button-height);padding:0;border:none;border-radius:var(--fui-tab-view-button-radius);background-color:var(--fui-tab-view-button-bg-rest);color:var(--fui-tab-view-fg-button);cursor:default;line-height:0}.fui-tab-view__add-button[data-v-cabbc98d]:hover,.fui-tab-view__scroll-button[data-v-cabbc98d]:hover{background-color:var(--fui-tab-view-button-bg-hover)}.fui-tab-view__add-button[data-v-cabbc98d]:active,.fui-tab-view__scroll-button[data-v-cabbc98d]:active{background-color:var(--fui-tab-view-button-bg-pressed);color:var(--fui-tab-view-fg-button-pressed)}.fui-tab-view__scroll-button[data-v-cabbc98d]:disabled{background-color:var(--fui-tab-view-button-bg-rest);color:var(--fui-tab-view-fg-disabled)}.fui-tab-view__add-area[data-v-cabbc98d]{display:flex;align-items:flex-end;flex:none;padding:var(--fui-tab-view-add-area-padding)}.fui-tab-view__tab[data-v-cabbc98d]{position:relative;display:flex;align-items:center;box-sizing:border-box;flex:0 0 auto;min-block-size:var(--fui-tab-view-tab-min-height);padding:var(--fui-tab-view-tab-padding-block) var(--fui-tab-view-tab-padding-inline-end) var(--fui-tab-view-tab-padding-block) var(--fui-tab-view-tab-padding-inline-start);border:var(--fui-tab-view-tab-border) solid transparent;border-start-start-radius:var(--fui-tab-view-tab-radius);border-start-end-radius:var(--fui-tab-view-tab-radius);background-color:var(--fui-tab-view-tab-bg-rest);color:var(--fui-tab-view-fg-rest);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);text-align:start;white-space:nowrap;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fui-tab-view__tab[data-close-visible][data-v-cabbc98d]{padding-inline-end:var(--fui-tab-view-tab-padding-inline-end)}.fui-tab-view__tab[data-v-cabbc98d]:not([data-close-visible]){padding-inline-end:var(--fui-tab-view-tab-padding-inline-end-no-close)}.fui-tab-view[data-tab-width-mode=equal] .fui-tab-view__tab[data-v-cabbc98d]{inline-size:var(--fui-tab-view-equal-tab-width,auto);min-inline-size:var(--fui-tab-view-tab-min-width);max-inline-size:var(--fui-tab-view-tab-max-width)}.fui-tab-view__tab[data-v-cabbc98d]:hover:not([data-state=active]):not([data-disabled]){background-color:var(--fui-tab-view-tab-bg-hover)}.fui-tab-view__tab[data-v-cabbc98d]:active:not([data-state=active]):not([data-disabled]):not(:has(.fui-tab-view__close:active)){background-color:var(--fui-tab-view-tab-bg-pressed);color:var(--fui-tab-view-fg-pressed)}.fui-tab-view__tab[data-state=active][data-v-cabbc98d]{margin:0 calc(-1 * var(--fui-tab-view-tab-border));border-width:var(--fui-tab-view-tab-border) var(--fui-tab-view-tab-border) 0;border-color:var(--fui-tab-view-strip-line);background-color:transparent;color:var(--fui-tab-view-fg-selected);font-weight:var(--fontWeightSemibold);z-index:var(--fui-tab-view-selected-z)}.fui-tab-view__tab[data-state=active][data-v-cabbc98d]:before{content:"";position:absolute;inset-block:calc(-1 * var(--fui-tab-view-tab-border)) 0;inset-inline:calc(-1 * var(--fui-tab-view-fillet));background-color:var(--fui-tab-view-selected-bg);border-start-start-radius:var(--fui-tab-view-tab-radius);border-start-end-radius:var(--fui-tab-view-tab-radius);-webkit-mask-image:radial-gradient(circle var(--fui-tab-view-fillet) at 100% 0,#000 99%,transparent 100%),radial-gradient(circle var(--fui-tab-view-fillet) at 0 0,#000 99%,transparent 100%),linear-gradient(#000,#000);mask-image:radial-gradient(circle var(--fui-tab-view-fillet) at 100% 0,#000 99%,transparent 100%),radial-gradient(circle var(--fui-tab-view-fillet) at 0 0,#000 99%,transparent 100%),linear-gradient(#000,#000);-webkit-mask-size:var(--fui-tab-view-fillet) var(--fui-tab-view-fillet),var(--fui-tab-view-fillet) var(--fui-tab-view-fillet),100% 100%;mask-size:var(--fui-tab-view-fillet) var(--fui-tab-view-fillet),var(--fui-tab-view-fillet) var(--fui-tab-view-fillet),100% 100%;-webkit-mask-position:0 100%,100% 100%,0 0;mask-position:0 100%,100% 100%,0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none}.fui-tab-view__tab>.fui-tab-view__close[data-v-cabbc98d],.fui-tab-view__tab>.fui-tab-view__header[data-v-cabbc98d],.fui-tab-view__tab>.fui-tab-view__icon[data-v-cabbc98d]{position:relative}.fui-tab-view__icon[data-v-cabbc98d]{display:flex;align-items:center;justify-content:center;flex:none;max-inline-size:var(--fui-tab-view-icon-size);max-block-size:var(--fui-tab-view-icon-size);margin-inline-end:var(--fui-tab-view-icon-margin);line-height:0}.fui-tab-view__icon[data-v-cabbc98d] svg{display:block;max-inline-size:100%;max-block-size:100%}.fui-tab-view__header[data-v-cabbc98d]{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-align:start;text-overflow:ellipsis}.fui-tab-view__separator[data-v-cabbc98d]{position:absolute;inset-block:8px;inset-inline-end:0;inline-size:var(--strokeWidthThin);background-color:var(--fui-tab-view-separator-color);pointer-events:none}.fui-tab-view__tab:active .fui-tab-view__separator[data-v-cabbc98d],.fui-tab-view__tab:hover .fui-tab-view__separator[data-v-cabbc98d],.fui-tab-view__tab[data-separator-hidden] .fui-tab-view__separator[data-v-cabbc98d]{opacity:0}.fui-tab-view__tab[data-disabled][data-v-cabbc98d]{color:var(--fui-tab-view-fg-disabled);pointer-events:none}.fui-tab-view[data-tab-width-mode=compact] .fui-tab-view__tab:not([data-state=active]) .fui-tab-view__header[data-v-cabbc98d]{display:none}.fui-tab-view[data-tab-width-mode=compact] .fui-tab-view__tab:not([data-state=active]) .fui-tab-view__icon[data-v-cabbc98d]{inline-size:var(--fui-tab-view-icon-size);margin-inline-end:0}.fui-tab-view__close[data-v-cabbc98d]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;inline-size:var(--fui-tab-view-close-width);block-size:var(--fui-tab-view-close-height);margin-inline-start:var(--fui-tab-view-close-margin);padding:0;border:none;border-radius:var(--fui-tab-view-button-radius);background-color:var(--fui-tab-view-button-bg-rest);color:var(--fui-tab-view-fg-button);cursor:default;line-height:0}.fui-tab-view__close[data-v-cabbc98d]:hover{background-color:var(--fui-tab-view-button-bg-hover)}.fui-tab-view__close[data-v-cabbc98d]:active{background-color:var(--fui-tab-view-button-bg-pressed);color:var(--fui-tab-view-fg-button-pressed)}.fui-tab-view__tab[data-disabled] .fui-tab-view__close[data-v-cabbc98d]{background-color:var(--fui-tab-view-button-bg-rest);color:var(--fui-tab-view-fg-disabled)}.fui-tab-view__scroll-button[data-v-cabbc98d]:focus{outline:none;box-shadow:none}.fui-tab-view__panels[data-v-cabbc98d]{display:flex;flex-direction:column}.fui-tab-view__panel[data-v-cabbc98d],.fui-tab-view__panels[data-v-cabbc98d]{flex:1 1 auto;min-block-size:0}.fui-tab-view__live[data-v-cabbc98d]{position:absolute;overflow:hidden;inline-size:1px;block-size:1px;clip-path:inset(50%);white-space:nowrap}
