.tabs{--tab-indicator-size:var(--size-0-5);--tab-background-color:var(--color-surface-00);--tab-separator-color:var(--color-border);--tab-spacing:var(--space-4)}.tabs-container{align-items:center;gap:var(--size-2);box-shadow:inset 0 -1px 0 var(--tab-separator-color);background-color:var(--tab-background-color);margin-block:0 var(--space-4);display:flex}.tab-extras{flex-shrink:0;padding-block-end:var(--tab-indicator-size);display:inline-flex}.tablist{padding-inline:var(--a11y-outline-width);margin-inline:calc(-1 * var(--a11y-outline-width));flex:1;position:relative;overflow:hidden}.tablist-tabs{--tablist-mask-image-size:var(--size-6);align-self:stretch;gap:var(--space-4);padding-block:var(--a11y-outline-width);padding-inline:var(--a11y-outline-width);margin-inline:calc(-1 * var(--a11y-outline-width));scrollbar-width:none;z-index:var(--z-0);-webkit-mask-image:var(--tablist-mask-image);mask-image:var(--tablist-mask-image);flex-wrap:nowrap;flex-grow:1;display:flex;position:relative;overflow-x:auto}.tablist-tabs::-webkit-scrollbar{display:none}[data-overflow~=end] .tablist-tabs{--tablist-mask-image:linear-gradient(90deg, #000 calc(100% - var(--tablist-mask-image-size)), transparent calc(100% - calc(var(--tablist-mask-image-size) / 2)))}[data-overflow~=start] .tablist-tabs{--tablist-mask-image:linear-gradient(90deg, transparent calc(var(--tablist-mask-image-size) / 2), #000 var(--tablist-mask-image-size))}[data-overflow~=start][data-overflow~=end] .tablist-tabs{--tablist-mask-image:linear-gradient(90deg, transparent calc(var(--tablist-mask-image-size) / 2), #000 var(--tablist-mask-image-size), #000 calc(100% - var(--tablist-mask-image-size)), transparent calc(100% - calc(var(--tablist-mask-image-size) / 2)))}.tablist-button{z-index:var(--z-10);transition:transform var(--duration-short) var(--ease-in-out);align-items:center;display:flex;position:absolute;transform:scale(1)}.tablist-button>button{appearance:none;color:inherit;cursor:pointer;padding:0 0 var(--tab-indicator-size) 0;font:inherit;width:var(--size-4);background-color:#0000;border:none;align-items:center;height:100%;display:flex}.tablist-button:active{opacity:var(--opacity-80);transform:scale(.9)}.tablist-button:first-of-type{transform-origin:var(--size-1) center;inset:0 auto 0 0}.tablist-button:first-of-type>button{justify-content:flex-start;margin-inline-start:-3px}.tablist-button:last-of-type{transform-origin:calc(100% - var(--size-1)) center;inset:0 0 0 auto}.tablist-button:last-of-type>button{justify-content:flex-end;margin-inline-end:-3px}.tab{color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);height:var(--size-5);justify-content:center;align-items:center;gap:var(--size-1);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;line-height:var(--line-height-snug);transition:opacity var(--duration-short) var(--ease-in-out);background-color:#0000;border:none;padding:0;text-decoration:none;display:flex;position:relative}.tab:after{content:"";bottom:calc(-1 * var(--a11y-outline-width));height:var(--tab-indicator-size);opacity:0;transition:opacity var(--duration-short) var(--ease-in-out);background-color:currentColor;position:absolute;inset-inline:0}.tab[aria-selected=true],.tab[aria-current=page]{color:var(--color-text-primary)}:is(.tab[aria-selected=true],.tab[aria-current=page]):after{opacity:1}.tab-count{font-weight:var(--font-weight-normal)}.tab-notification{inline-size:var(--size-1);aspect-ratio:1;background-color:var(--color-red-40);border-radius:50%}.tabpanel:focus-visible{outline-color:var(--a11y-outline-color)}