.segmented.svelte-15ayx3o{position:relative;display:grid;grid-template-columns:repeat(var(--seg-count),1fr);background-color:var(--c-n-2);border-radius:var(--radius-pill);border:var(--border-width-thin) solid var(--c-n-3);box-shadow:inset 0 1px 2px 0 var(--c-n-8-20);padding:var(--spacing-2xs)}.thumb.svelte-15ayx3o{position:absolute;box-sizing:border-box;top:var(--spacing-2xs);bottom:var(--spacing-2xs);left:var(--spacing-2xs);width:calc((100% - 2 * var(--spacing-2xs)) / var(--seg-count));padding:0;pointer-events:none;z-index:0;transform:translate(calc(var(--active-index) * 100%));transition:transform .2s ease-out;border-radius:var(--radius-pill);background-color:var(--btn-secondary-surface);border:var(--border-width-thin) solid var(--btn-secondary-border);box-shadow:var(--btn-secondary-face)}.segmented.icons.svelte-15ayx3o{grid-template-columns:repeat(var(--seg-count),auto)}.segmented.icons.svelte-15ayx3o .seg:where(.svelte-15ayx3o) .btn{flex:0 0 auto;aspect-ratio:1}.seg.svelte-15ayx3o{display:flex;min-width:0}.seg.svelte-15ayx3o .btn{flex:1 1 auto;min-width:0;--btn-padding-icon: var(--btn-padding)}.segmented.unselected.svelte-15ayx3o .thumb:where(.svelte-15ayx3o){opacity:0}.segmented.svelte-15ayx3o .btn.ghost{position:relative;z-index:1;cursor:pointer}.segmented.svelte-15ayx3o .btn.active{--btn-text: var(--c-n-12);--btn-text-hover: var(--c-n-12)}@media(prefers-reduced-motion:reduce){.thumb.svelte-15ayx3o{transition:none}}