.odk-seg{display:var(--seg-display,inline-flex);align-items:center;gap:var(--seg-gap,var(--step-0-5));padding:var(--seg-pad,var(--step-1));border-radius:var(--seg-radius,var(--radius-pill));background:var(--seg-bg,var(--fill));border:1px solid var(--seg-border,var(--seg-bg,var(--fill)))}.odk-seg__lbl{font-size:var(--type-caption-size);font-weight:var(--type-label-weight);padding:0 var(--step-2) 0 var(--step-1-5)}.odk-seg-opt,.odk-seg__lbl{font-family:var(--sans);line-height:1;color:var(--seg-fg,var(--muted));white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.odk-seg-opt{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--step) * 1.5);box-sizing:border-box;min-height:var(--seg-opt-height,34px);padding:var(--seg-opt-pad,0 var(--step-4));border:var(--seg-opt-border,0);border-radius:var(--seg-radius,var(--radius-pill));background:var(--seg-opt-bg,transparent);font-size:var(--seg-opt-font,var(--t-small));font-weight:var(--w-medium);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.odk-seg-opt :where(svg){width:14px;height:14px}.odk-seg-opt:hover{color:var(--seg-fg-hover,var(--ink))}.odk-seg-opt:disabled{opacity:.55;cursor:default}.odk-seg-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.odk-seg-opt.active,.odk-seg-opt.on,.odk-seg-opt[aria-checked=true],.odk-seg-opt[aria-pressed=true],.odk-seg-opt[aria-selected=true],.odk-seg-opt[data-state=active]{background:var(--seg-active-bg,var(--card));color:var(--seg-active-fg,var(--ink));font-weight:var(--w-semibold);border-color:var(--seg-active-border,transparent);box-shadow:var(--seg-active-shadow,var(--shadow-segment))}.odk-seg--trackless{--seg-bg:transparent;--seg-pad:0;--seg-gap:0.25rem;--seg-opt-pad:3px 0.625rem;--seg-opt-font:var(--type-caption-size);--seg-opt-border:1px solid transparent;--seg-active-bg:var(--nested-bg);--seg-active-border:var(--hairline-soft);--seg-active-shadow:none}@media (prefers-reduced-motion:reduce){.odk-seg-opt{transition:none}}