.segmented-item{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:opacity var(--dur-ui) var(--ease-out-strong), color var(--dur-ui) var(--ease-out-strong)}.segmented[data-pointer] .segmented-item:focus-visible{outline:none}.segmented-indicator{transform-origin:0}.segmented-labels{pointer-events:none}.segmented:is([data-look=tint],[data-look=photo]) .segmented-item{opacity:.85}.segmented:is([data-look=ink],[data-look=soft]) .segmented-item{color:var(--muted)}@media (hover:hover) and (pointer:fine){.segmented:is([data-look=tint],[data-look=photo]) .segmented-item:hover{opacity:1}.segmented:is([data-look=ink],[data-look=soft]) .segmented-item:hover{color:var(--ink)}}.segmented[data-look=underline]:not([data-ready]) .segmented-indicator{opacity:0}.segmented[data-look=underline]:not([data-ready]) .segmented-item:is([data-state=checked],[data-state=active]):after{content:"";inset-inline:0;bottom:var(--segmented-line-bottom,0px);background:var(--tint);border-radius:2px;height:2px;position:absolute}@media (prefers-reduced-motion:reduce){.segmented-indicator,.segmented-labels{transition-duration:0s!important}}
