.ui-segmented{display:inline-flex;align-items:stretch;gap:2px;padding:2px;border-radius:var(--ui-radius-md,8px);background:var(--ui-color-fill-secondary,#f5f5f5);color:var(--ui-color-text-secondary,rgba(0,0,0,.65));font-family:var(--ui-font-family,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--ui-font-size-base,14px)}.ui-segmented[data-block="yes"]{display:flex;width:100%}.ui-segmented__item{display:inline-flex;min-width:0;min-height:32px;align-items:center;justify-content:center;gap:6px;padding:4px 12px;border:0;border-radius:var(--ui-radius-sm,6px);background:transparent;color:inherit;font:inherit;line-height:1.4;white-space:nowrap;cursor:pointer;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.ui-segmented[data-block="yes"] .ui-segmented__item{flex:1}.ui-segmented[data-size="small"] .ui-segmented__item{min-height:24px;padding:2px 8px;font-size:var(--ui-font-size-sm,12px)}.ui-segmented[data-size="large"] .ui-segmented__item{min-height:40px;padding:8px 16px;font-size:var(--ui-font-size-lg,16px)}.ui-segmented__item[data-label=""]{display:none}.ui-segmented__item:hover{color:var(--ui-color-text,rgba(0,0,0,.88))}.ui-segmented__item[aria-checked="true"]{background:var(--ui-color-surface,#fff);color:var(--ui-color-text,rgba(0,0,0,.88));font-weight:500;box-shadow:var(--ui-shadow-card,0 1px 2px rgba(0,0,0,.03))}.ui-segmented__item:focus-visible{outline:2px solid color-mix(in srgb,var(--ui-color-primary,#1677ff) 38%,transparent);outline-offset:2px}.ui-segmented__item[data-disabled="yes"]{opacity:.45;cursor:not-allowed}.ui-segmented__icon{display:none}.ui-segmented__item[data-icon="list"] .ui-segmented__icon,.ui-segmented__item[data-icon="grid"] .ui-segmented__icon,.ui-segmented__item[data-icon="columns"] .ui-segmented__icon,.ui-segmented__item[data-icon="calendar"] .ui-segmented__icon{display:block}.ui-segmented__icon .ui-lucide{display:none;width:15px;height:15px}.ui-segmented__item[data-icon="list"] .ui-lucide--list,.ui-segmented__item[data-icon="grid"] .ui-lucide--layout-grid,.ui-segmented__item[data-icon="columns"] .ui-lucide--columns-3,.ui-segmented__item[data-icon="calendar"] .ui-lucide--calendar{display:block}@media(max-width:480px){.ui-segmented{display:flex;width:100%;overflow-x:auto}.ui-segmented__item{flex:1}}@media(prefers-reduced-motion:reduce){.ui-segmented__item{transition:none}}