.df-pills{flex-shrink:0;align-items:center;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;display:flex;position:relative}.dframe-root[data-wco] .df-pills{margin-top:0}.dframe-root[data-collapsed] .df-pills[data-segmented]{margin-top:-7.5px}.df-pill:focus-visible{box-shadow:var(--cds-focus-shadow)}.df-pill-indicator{visibility:hidden;z-index:0;background:hsl(var(--bg-200));pointer-events:none;transition:transform var(--cds-dur-snap) var(--cds-ease-snap), background-color var(--df-dur-slow) var(--df-ease-out);will-change:transform;position:absolute;top:0;left:0}[data-mode=dark] .df-pill-indicator{background:hsl(var(--df-z4))}.df-pill-indicator[data-snap]{transition:background-color var(--df-dur-slow) var(--df-ease-out)}@media (prefers-reduced-motion:reduce){.df-pill-indicator,.df-pill-indicator[data-snap]{transition:none}}.df-pill{z-index:1;color:var(--cds-text-muted);cursor:var(--cds-cursor-interactive,default);transition:box-shadow var(--cds-dur-fast), color var(--cds-dur-fast);background:0 0;border:none;flex:none;align-items:center;gap:6px;display:flex;position:relative}.df-pill:hover:not([data-active]):not([data-disabled]),.df-pill:focus-visible:not([data-active]):not([data-disabled]){color:var(--cds-text-primary)}.df-pill[data-disabled]{opacity:.5}.df-pill[data-active]{color:var(--cds-text-primary)}.df-pill-label{font-size:var(--df-row-font);white-space:nowrap;text-overflow:ellipsis;font-weight:470;overflow:hidden}.df-pills[data-segmented]{width:100%;height:var(--cds-h-control);border-radius:var(--cds-radius);background:var(--cds-segmented-control-track);align-items:stretch;gap:0;margin:-8px 0 0;padding:1px;container-type:inline-size}.df-pills[data-segmented] .df-pill-indicator{background:var(--cds-segmented-control-thumb);border-radius:calc(var(--cds-radius) - 1px);box-shadow:inset 0 0 0 1px var(--cds-border), 0 1px 2px 0 #0000000d;top:1px;bottom:1px}.df-pills[data-segmented] .df-pill{min-width:0;padding:0 var(--cds-pad-md);border-radius:calc(var(--cds-radius) - 2px);flex:auto;justify-content:center}.df-pills[data-segmented] .df-pill-label{font-size:var(--df-row-font);font-weight:inherit}@container (width<=180px){.df-pills[data-segmented][data-pills="2"] .df-pill:not([data-active]) .df-pill-label{display:none}.df-pills[data-segmented][data-pills="2"] .df-pill:not([data-active]){padding:0}.df-pills[data-segmented][data-pills="2"] .df-pill[data-active]{flex:none;padding:0 16px}}@container (width<=254px){.df-pills[data-segmented][data-pills="3"] .df-pill:not([data-active]) .df-pill-label{display:none}.df-pills[data-segmented][data-pills="3"] .df-pill:not([data-active]){padding:0}.df-pills[data-segmented][data-pills="3"] .df-pill[data-active]{flex:none;padding:0 16px}}