[data-building-graphic-outline]{--building-active-dash:var(--building-outline-dash);--building-active-color:var(--building-outline-color);--building-active-width:var(--building-outline-width);--building-active-opacity:var(--building-outline-opacity)}@media (hover:hover){[data-building-graphic-outline]:is(:hover,[data-host-candidate]),[data-host-candidate]>[data-building-graphic-outline]{--building-active-dash:var(--building-outline-hover-dash);--building-active-color:var(--building-outline-hover-color);--building-active-width:var(--building-outline-hover-width);--building-active-opacity:var(--building-outline-hover-opacity)}}.ui-field__segments{border:1px solid var(--sh-border);border-radius:var(--r);background:var(--sh-chip);box-sizing:border-box;gap:2px;width:100%;padding:2px;display:flex}.ui-field__segment{height:calc(var(--h-sm) - 4px);color:var(--sh-muted);font:500 var(--fs-sm) var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:2px;flex:1;padding:0 8px}.ui-field__segment:hover:not(:disabled){color:var(--sh-ink)}.ui-field__segment[aria-checked=true]{background:var(--sh-surface);color:var(--sh-ink);box-shadow:0 0 0 1px var(--sh-border)}.ui-field__segment:focus-visible{outline:1px solid var(--sh-accent-ink);outline-offset:1px}.ui-field__segment:disabled{color:var(--sh-subtle);cursor:not-allowed}