.np-segmented-buttons.svelte-1ons61w{--np-ripple-hover-color:var(--np-color-primary);--np-ripple-pressed-color:var(--np-color-primary);color:var(--np-color-on-surface);border:1px solid var(--np-color-outline);border-radius:var(--np-shape-corner-full);display:grid;overflow-x:auto}.np-segmented-button.svelte-1ons61w{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;-webkit-user-select:none;user-select:none;border-inline-end:1px solid var(--np-color-outline);flex:1;justify-content:center;align-items:center;padding:.5rem 2rem;font-size:.875rem;font-weight:500;transition:all .15s linear;display:flex;position:relative}.np-segmented-button-icon-label.svelte-1ons61w{display:inline-flex}.np-segmented-button-icon-label svg{fill:currentColor;width:1.5rem;height:1.5rem;display:block}.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):disabled){cursor:unset;opacity:.5}.np-segmented-button.svelte-1ons61w:last-child{border-inline-end:none}.np-segmented-button.svelte-1ons61w input:where(.svelte-1ons61w){opacity:0;pointer-events:none;position:absolute}.np-segmented-button.svelte-1ons61w:after{content:" ";z-index:-1;opacity:0;background-color:var(--np-color-secondary-container);transition:opacity .15s linear;position:absolute;inset:0}:is(.width-icon.svelte-1ons61w,.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):checked)){padding:.5rem 1rem}.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):checked){color:var(--np-color-on-secondary-container)}.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):checked):after{opacity:1}.check-icon.svelte-1ons61w{fill:currentColor;width:0;transition:width .3s;overflow:hidden}.check-icon svg{display:block}.check-icon-wrapper.svelte-1ons61w{width:0;transition:width .15s linear;overflow:hidden}.alternate-icon.svelte-1ons61w{fill:currentColor;width:1.5rem;transition:width .3s;overflow:hidden}.alternate-icon svg{width:1.5rem;height:1.5rem;display:block}.alternate-icon-wrapper.svelte-1ons61w{width:2rem;transition:width .15s linear,opacity .15s linear;overflow:hidden}.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):checked) .alternate-icon-wrapper{width:0}.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):checked) .alternate-icon-wrapper .alternate-icon{opacity:0;width:0}.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):checked) .check-icon-wrapper{width:2rem}.np-segmented-button.svelte-1ons61w:has(input:where(.svelte-1ons61w):checked) .check-icon-wrapper .check-icon{width:1.5rem}.np-segmented-buttons.svelte-1ons61w:has(input:where(.svelte-1ons61w):focus-visible){outline-style:solid;outline-color:var(--np-color-secondary);outline-offset:2px;outline-width:3px;animation:.3s forwards svelte-1ons61w-focusAnimation}@keyframes svelte-1ons61w-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}