.segmented-control{border-radius:calc(var(--radius) * 3);background:var(--default);align-items:center;padding:.25rem;display:inline-flex}.segmented-control[data-size=sm]{padding:.125rem}.segmented-control[data-variant=ghost]{background:0 0;padding:0}.segment-field.segmented-control{border:var(--field-border-width) solid var(--field-border);border-radius:var(--field-radius);background:var(--field-background,var(--surface));padding:.125rem}.segment-field .segmented-control__item{border-radius:calc(var(--field-radius) - .125rem);height:auto;padding-block:.375rem;font-size:1rem;line-height:1.5rem}.segment-field .segmented-control__indicator{border-radius:calc(var(--field-radius) - .125rem);background:var(--accent-soft);box-shadow:none}.segment-field .segmented-control__item[data-selected]{color:var(--accent)}@media (width>=40rem){.segment-field .segmented-control__item{font-size:.875rem;line-height:1.25rem}}.segmented-control__item{border-radius:calc(var(--radius) * 3);width:100%;height:2rem;color:var(--muted);cursor:var(--cursor-interactive);text-align:center;white-space:nowrap;background:0 0;border:0;outline:none;justify-content:center;align-items:center;padding-inline:1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:color .15s,opacity .15s;display:flex;position:relative}.segmented-control[data-size=sm] .segmented-control__item{height:1.75rem;padding-inline:.625rem;font-size:.75rem;line-height:1rem}.segmented-control[data-size=lg] .segmented-control__item{height:2.5rem;padding-inline:1.25rem}.segmented-control__item[data-selected]{color:var(--segment-foreground)}.segmented-control[data-variant=ghost] .segmented-control__item[data-selected]{color:var(--accent-foreground)}@media (hover:hover){.segmented-control__item:not([data-selected]):not([data-disabled]):hover,.segmented-control__item[data-hovered]:not([data-selected]):not([data-disabled]){opacity:.7}}.segmented-control__item[data-focus-visible]{z-index:2;box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--focus)}.segmented-control__item[data-disabled],.segmented-control[data-disabled] .segmented-control__item{opacity:var(--disabled-opacity);cursor:var(--cursor-disabled)}.segmented-control__content{z-index:1;justify-content:center;align-items:center;gap:.375rem;min-width:0;display:flex;position:static}.segmented-control__indicator{border-radius:inherit;background:var(--segment);box-shadow:var(--surface-shadow);transition:translate .2s cubic-bezier(.2,0,0,1),width .2s cubic-bezier(.2,0,0,1),height .2s cubic-bezier(.2,0,0,1);position:absolute;inset:0}.segmented-control[data-variant=ghost] .segmented-control__indicator{background:var(--accent);box-shadow:none}.segmented-control__separator{background:color-mix(in oklab, var(--muted) 25%, transparent);width:1px;height:1rem;transition:opacity .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.segmented-control__item:first-child>.segmented-control__content>.segmented-control__separator,.segmented-control__item[data-selected]>.segmented-control__content>.segmented-control__separator,.segmented-control__item[data-selected]+.segmented-control__item>.segmented-control__content>.segmented-control__separator{opacity:0}@media (prefers-reduced-motion:reduce){.segmented-control__item,.segmented-control__indicator,.segmented-control__separator{transition:none}}