.segmento{border-radius:var(--raio-m);background:var(--trilho);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:4px;display:grid;position:relative}.segmento-opcao{z-index:1;min-height:44px;font:inherit;color:var(--apoio);border-radius:calc(var(--raio-m) - 4px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:10px 12px;font-size:15px;font-weight:500;position:relative}.segmento-opcao[data-state=checked]{color:var(--tinta);font-weight:600}.segmento-opcao:focus-visible{outline:2px solid var(--acao);outline-offset:2px}.segmento-marca{width:calc((100% - 8px) / var(--segmento-n));transform:translateX(calc(100% * var(--segmento-i)));border-radius:calc(var(--raio-m) - 4px);background:var(--superficie);box-shadow:var(--sombra-p);transition:transform .35s var(--mola);position:absolute;top:4px;bottom:4px;left:4px}.segmento-rotulo{position:relative}