:root{--puikit-capsule-tabs-item-height-m:36px;--puikit-capsule-tabs-item-height-l:44px;--puikit-capsule-tabs-item-padding-m:0 var(--puikit-spacing-3);--puikit-capsule-tabs-item-padding-l:0 var(--puikit-spacing-4);--puikit-capsule-tabs-gap:var(--puikit-spacing-2);--puikit-capsule-tabs-item-gap:var(--puikit-spacing-2);--puikit-capsule-tabs-item-border-radius:var(--puikit-border-radius-2);--puikit-capsule-tabs-item-border-radius-l:var(--puikit-border-radius-4);--puikit-capsule-tabs-bg:color-mix(in srgb,var(--puikit-color-neutral-400) 13%,transparent);--puikit-capsule-tabs-text-color:var(--puikit-color-neutral-300);--puikit-capsule-tabs-text-color-hover:var(--puikit-color-text-primary);--puikit-capsule-tabs-text-color-pressed:var(--puikit-color-neutral-400);--puikit-capsule-tabs-bg-hover:color-mix(in srgb,var(--puikit-color-neutral-400) 25%,transparent);--puikit-capsule-tabs-bg-pressed:color-mix(in srgb,var(--puikit-color-neutral-500) 7%,transparent);--puikit-capsule-tabs-active-bg:var(--puikit-color-brand-500);--puikit-capsule-tabs-active-text-color:var(--puikit-color-text-primary);--puikit-capsule-tabs-focus-shadow-inner:var(--puikit-color-neutral-900);--puikit-capsule-tabs-focus-shadow-outer:var(--puikit-color-brand-500);--puikit-capsule-tabs-opacity-disabled:var(--puikit-opacity-disabled);--puikit-capsule-tabs-transition:var(--puikit-transition-fast);--puikit-capsule-tabs-scroll-shadow-color:var(--puikit-color-gray-900)}.pui-capsule-tabs{align-items:center;display:inline-flex;gap:var(--puikit-capsule-tabs-gap);max-width:100%;overflow-x:auto;scrollbar-width:none}.pui-capsule-tabs::-webkit-scrollbar{display:none}.pui-capsule-tabs.pui-drag-scrolling{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pui-capsule-tabs:after,.pui-capsule-tabs:before{align-self:stretch;bottom:0;content:"";flex-shrink:0;min-width:32px;opacity:0;pointer-events:none;position:sticky;top:0;transition:opacity var(--puikit-capsule-tabs-transition);z-index:2}.pui-capsule-tabs:before{background:linear-gradient(to right,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent);inset-inline-start:0;margin-inline-end:calc(-32px - var(--puikit-capsule-tabs-gap))}.pui-capsule-tabs:after{background:linear-gradient(to left,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent);inset-inline-end:0;margin-inline-start:calc(-32px - var(--puikit-capsule-tabs-gap))}.pui-capsule-tabs[data-scroll-end]:after,.pui-capsule-tabs[data-scroll-start]:before{opacity:1}.pui-capsule-tabs--truncate{overflow:hidden}.pui-capsule-tabs--truncate .pui-capsule-tabs__item{flex-shrink:1;min-width:0}.pui-capsule-tabs--horizontal{align-items:center;flex-direction:row}.pui-capsule-tabs--vertical{align-items:stretch;flex-direction:column}.pui-capsule-tabs--vertical .pui-capsule-tabs__item{justify-content:flex-start;width:100%}.pui-capsule-tabs__item{align-items:center;background-color:var(--puikit-capsule-tabs-bg);border:none;border-radius:var(--puikit-capsule-tabs-item-border-radius);box-sizing:border-box;color:var(--puikit-capsule-tabs-text-color);cursor:pointer;display:inline-flex;gap:var(--puikit-capsule-tabs-item-gap);justify-content:center;outline:none;position:relative;text-decoration:none;white-space:nowrap}@media (hover:hover){.pui-capsule-tabs__item:hover:not([aria-disabled=true]):not(.pui-capsule-tabs__item--active){background-color:var(--puikit-capsule-tabs-bg-hover);color:var(--puikit-capsule-tabs-text-color-hover)}}.pui-capsule-tabs__item--active{background-color:var(--puikit-capsule-tabs-active-bg);color:var(--puikit-capsule-tabs-active-text-color)}.pui-capsule-tabs__item[aria-disabled=true]:not(.pui-capsule-tabs__item--active){cursor:not-allowed;opacity:var(--puikit-capsule-tabs-opacity-disabled);pointer-events:none}.pui-capsule-tabs--vertical .pui-capsule-tabs__content-end{margin-inline-start:auto}.pui-capsule-tabs--m .pui-capsule-tabs__item{height:var(--puikit-capsule-tabs-item-height-m);padding:var(--puikit-capsule-tabs-item-padding-m)}.pui-capsule-tabs--l .pui-capsule-tabs__item{border-radius:var(--puikit-capsule-tabs-item-border-radius-l);height:var(--puikit-capsule-tabs-item-height-l);padding:var(--puikit-capsule-tabs-item-padding-l)}.pui-capsule-tabs__item--with-badge{z-index:1}.pui-capsule-tabs__badge{inset-inline-end:0;pointer-events:none;position:absolute;top:0}[dir=rtl] .pui-capsule-tabs:before{background:linear-gradient(to left,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent)}[dir=rtl] .pui-capsule-tabs:after{background:linear-gradient(to right,var(--puikit-capsule-tabs-scroll-shadow-color,var(--puikit-color-gray-900)),transparent)}