:root{--puikit-segmented-item-height-m:32px;--puikit-segmented-item-height-l:40px;--puikit-segmented-item-padding-m:0 var(--puikit-spacing-25);--puikit-segmented-item-padding-l:0 var(--puikit-spacing-3);--puikit-segmented-icon-item-padding-m:0 var(--puikit-spacing-15);--puikit-segmented-icon-item-padding-l:0 var(--puikit-spacing-25);--puikit-segmented-gap:var(--puikit-spacing-05);--puikit-segmented-container-padding:2px;--puikit-segmented-item-gap:var(--puikit-spacing-2);--puikit-segmented-border-radius:var(--puikit-border-radius-3);--puikit-segmented-border-radius-l:var(--puikit-border-radius-4);--puikit-segmented-item-border-radius:var(--puikit-border-radius-2);--puikit-segmented-item-border-radius-l:var(--puikit-border-radius-3);--puikit-segmented-bg:color-mix(in srgb,var(--puikit-color-gray-400) 13%,transparent);--puikit-segmented-text-color:var(--puikit-color-neutral-300);--puikit-segmented-text-color-hover:var(--puikit-color-text-primary);--puikit-segmented-text-color-pressed:var(--puikit-color-neutral-400);--puikit-segmented-bg-hover:color-mix(in srgb,var(--puikit-color-gray-400) 13%,transparent);--puikit-segmented-bg-pressed:color-mix(in srgb,var(--puikit-color-gray-400) 7%,transparent);--puikit-segmented-active-bg:var(--puikit-color-brand-500);--puikit-segmented-active-text-color:var(--puikit-color-text-primary);--puikit-segmented-focus-shadow-inner:var(--puikit-color-neutral-900);--puikit-segmented-focus-shadow-outer:var(--puikit-color-brand-500);--puikit-segmented-opacity-disabled:var(--puikit-opacity-disabled);--puikit-segmented-text-end-opacity:.57;--puikit-segmented-transition:var(--puikit-transition-fast)}.pui-segmented{align-items:center;background-color:var(--puikit-segmented-bg);border-radius:var(--puikit-segmented-border-radius);display:inline-flex;gap:var(--puikit-segmented-gap);max-width:100%;overflow-x:auto;padding:var(--puikit-segmented-container-padding);position:relative;scrollbar-width:none}.pui-segmented::-webkit-scrollbar{display:none}.pui-segmented.pui-drag-scrolling{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pui-segmented--truncate{overflow:hidden}.pui-segmented--truncate .pui-segmented__item{flex-shrink:1;min-width:0}.pui-segmented--block{display:flex;width:100%}.pui-segmented--block .pui-segmented__item{flex:1}.pui-segmented--m .pui-segmented__item{height:var(--puikit-segmented-item-height-m);padding:var(--puikit-segmented-item-padding-m)}.pui-segmented--m .pui-segmented__item--icon-only{padding:var(--puikit-segmented-icon-item-padding-m)}.pui-segmented--l{border-radius:var(--puikit-segmented-border-radius-l)}.pui-segmented--l .pui-segmented__item{border-radius:var(--puikit-segmented-item-border-radius-l);height:var(--puikit-segmented-item-height-l);padding:var(--puikit-segmented-item-padding-l)}.pui-segmented--l .pui-segmented__item--icon-only{padding:var(--puikit-segmented-icon-item-padding-l)}.pui-segmented__item{align-items:center;background:none;border:none;border-radius:var(--puikit-segmented-item-border-radius);box-sizing:border-box;color:var(--puikit-segmented-text-color);cursor:pointer;display:inline-flex;gap:var(--puikit-segmented-item-gap);justify-content:center;outline:none;position:relative;text-decoration:none;white-space:nowrap}@media (hover:hover){.pui-segmented__item:hover:not([aria-disabled=true]):not(.pui-segmented__item--active){background-color:var(--puikit-segmented-bg-hover);color:var(--puikit-segmented-text-color-hover)}}.pui-segmented__item--active{background-color:var(--puikit-segmented-active-bg)!important;color:var(--puikit-segmented-active-text-color)!important}.pui-segmented__text-end{opacity:var(--puikit-segmented-text-end-opacity)}.pui-segmented__item[aria-disabled=true]:not(.pui-segmented__item--active){cursor:not-allowed;opacity:var(--puikit-segmented-opacity-disabled);pointer-events:none}.pui-segmented__item--with-badge{z-index:1}.pui-segmented__badge{inset-inline-end:0;pointer-events:none;position:absolute;top:0}