.Tabs{--_tab-indicator-size: 3px;--_tab-background-color: var(--tab-background-color, var(--color-white));--_tab-separator-color: var(--tab-separator-color, var(--color-neutral-20));--_tab-separator-gutter: var(--tab-separator-gutter, var(--size-4))}.TabList{position:relative;width:100%;box-shadow:inset 0 -1px 0 var(--_tab-separator-color);background-color:var(--_tab-background-color)}.TabList-tabs{--_tablist-mask-image-size: var(--size-6);display:flex;flex-wrap:nowrap;gap:var(--size-3);position:relative;padding-block:0 var(--_tab-indicator-size);padding-inline:var(--_tab-indicator-size);margin-block:0 var(--_tab-separator-gutter);margin-inline:calc(-1 * var(--_tab-indicator-size));white-space:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;z-index:var(--z-0);-webkit-mask-image:var(--_tablist-mask-image);mask-image:var(--_tablist-mask-image)}.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{position:absolute;z-index:var(--z-10);display:flex;align-items:center;transform:scale(1);transition:transform var(--duration-short) var(--ease-in-out)}.TabList-button>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;cursor:pointer;padding:0 0 var(--_tab-indicator-size) 0;background-color:transparent;font:inherit;border:none;display:flex;align-items:center;width:var(--size-4);height:100%}.TabList-button:active{opacity:var(--opacity-80);transform:scale(.9)}.TabList-button:first-of-type{inset:0 auto 0 0;transform-origin:var(--size-1) center}.TabList-button:first-of-type>button{justify-content:flex-start;margin-inline-start:-3px}.TabList-button:last-of-type{inset:0 0 0 auto;transform-origin:calc(100% - var(--size-1)) center}.TabList-button:last-of-type>button{justify-content:flex-end;margin-inline-end:-3px}.Tab{color:inherit;-webkit-text-decoration:none;text-decoration:none;-webkit-user-select:none;user-select:none;margin:0 calc(-1 * var(--_tab-indicator-size));padding:0;background-color:transparent;font-size:var(--font-size-md);position:relative;height:calc(var(--size-6) - var(--size-px));display:flex;align-items:center;justify-content:center;gap:var(--size-1);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;outline:none;line-height:var(--line-height-snug);border-radius:var(--radius-lg);border:var(--_tab-indicator-size) solid transparent;transition:opacity var(--duration-short) var(--ease-in-out)}.Tab:is(a,button):focus-visible{border-color:var(--a11y-outline-color)}.Tab[aria-selected=true]:after,.Tab[aria-current=page]:after{content:"";position:absolute;bottom:calc(-2 * var(--_tab-indicator-size));inset-inline:0;height:var(--_tab-indicator-size);background-color:var(--color-black)}.Tab-count{font-weight:var(--font-weight-normal)}.Tab-notification{inline-size:var(--size-1);aspect-ratio:1;border-radius:50%;background-color:var(--color-green-40)}.TabPanel:focus-visible{outline-color:var(--a11y-outline-color)}.TabOutlet[aria-busy=true]{position:relative;overflow:hidden;min-height:calc(var(--size-3) + var(--size-4) * 2)}.TabOutlet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--_tab-background-color, var(--page-background-color));display:flex;justify-content:center;align-items:flex-start;padding:var(--size-4);z-index:var(--z-10)}@media (min-width: 768px){:root{--page-gutter: var(--size-4)}}