@layer components {[pi-segmented-control]{display:inline-flex;gap:var(--pi-size-spacing-4);background-color:var(--pi-color-neutral-50);padding:var(--pi-size-spacing-4);border-radius:var(--pi-size-border-radius-full);box-shadow:inset 0 0 0 var(--pi-size-border-width-100) var(--pi-color-neutral-500);box-sizing:border-box}[pi-segmented-control] input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}[pi-segmented-control]>label{cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-height:32px;padding:var(--pi-size-spacing-8) var(--pi-size-spacing-12);border-radius:var(--pi-size-border-radius-full);font-family:var(--pi-font-family);font-size:var(--pi-size-font-single-line-13-text);line-height:var(--pi-size-font-single-line-13-line);font-weight:var(--pi-font-weight-bold);color:var(--pi-color-neutral-800);background-color:var(--pi-color-neutral-50);user-select:none;white-space:nowrap;box-sizing:border-box;transition:all 100ms ease-out}[pi-segmented-control]>label:hover{color:var(--pi-color-neutral-900);background-color:var(--pi-color-neutral-200)}[pi-segmented-control] input[type=radio]:checked+label{color:var(--pi-color-black);background-color:var(--pi-color-white);box-shadow:inset 0 0 0 var(--pi-size-border-width-100) var(--pi-color-neutral-350),var(--pi-shadow-8)}[pi-segmented-control] input[type=radio]:checked+label:hover{color:var(--pi-color-black);background-color:var(--pi-color-white)}[pi-segmented-control] input[type=radio]:disabled+label{cursor:not-allowed;opacity:var(--pi-opacity-48);pointer-events:none}[pi-segmented-control] input[type=radio]:focus-visible+label{outline:var(--custom-outline, 2px solid var(--pi-color-accent-1-500));outline-offset:1px;transition:outline-color 100ms ease-out}[pi-segmented-control][pi-segmented-control=fill]{display:flex;width:100%}[pi-segmented-control][pi-segmented-control=dense]{display:inline-flex;width:auto}}