.segments[data-v-3e9f540a]{background:var(--input-fill);width:fit-content;max-width:100%;box-shadow:var(--input-shadow);border:var(--border-width-small) solid transparent;border-radius:var(--border-radius-round);grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;display:grid;overflow:hidden}.segment[data-v-3e9f540a]{min-width:0;min-height:calc(var(--control-height) - var(--border-width-small) * 2);padding:calc(var(--spacing-small) - var(--border-width-small)) var(--spacing-small);color:var(--text-body);font-size:var(--fontsize-body-medium);line-height:var(--line-height-body-medium);font-weight:var(--type-font-weight-regular);border-inline-start:var(--border-width-none);justify-content:center;align-items:center;gap:var(--spacing-xs);background:0 0;display:inline-flex}.segment[data-v-3e9f540a]:first-child{border-inline-start:var(--border-width-none)}.segment-icon[data-v-3e9f540a]{width:var(--spacing-large);height:var(--spacing-large);flex:none;display:inline-flex}.segment-icon[data-v-3e9f540a] svg{width:100%;height:100%;display:block}.segment-label[data-v-3e9f540a]{min-width:0}.segment[data-v-3e9f540a]:hover:not(.segment-active):not(:disabled){background:var(--state-hover)}.segment[data-v-3e9f540a]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset-inset)}.segment-active[data-v-3e9f540a]{background:var(--state-checked);color:var(--text-on-action);font-weight:var(--type-font-weight-semi-bold);border-inline-start-color:var(--border-action)}.segment[data-v-3e9f540a]:disabled{background:var(--surface-disabled);color:var(--text-on-disabled);border-inline-start-color:var(--border-disabled);cursor:not-allowed}@media (width<=620px){.segments[data-v-3e9f540a]{width:100%}.segment[data-v-3e9f540a]{padding-inline:var(--spacing-xs)}}@media (width<=340px){.segments[data-v-3e9f540a]{border-radius:var(--border-radius-medium);grid-auto-columns:auto;grid-auto-flow:row}.segment[data-v-3e9f540a]{border-inline-start:var(--border-width-none);justify-content:flex-start}.segment[data-v-3e9f540a]:hover:not(.segment-active):not(:disabled){border-top-color:var(--border-action-hover)}.segment-active[data-v-3e9f540a]{border-top-color:var(--border-action)}.segment[data-v-3e9f540a]:disabled{border-top-color:var(--border-disabled)}}