.segmented-tabs.svelte-7kubcn{--segment-gap:.35rem;--segment-padding:.24rem;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));align-items:stretch;gap:var(--segment-gap);padding:var(--segment-padding);border:1px solid color-mix(in srgb, var(--line-soft) 92%, transparent);background:color-mix(in srgb, var(--surface-elevated) 86%, transparent);isolation:isolate;touch-action:pan-y;border-radius:999px;width:100%;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a}.segmented-tabs.svelte-7kubcn:before{content:"";top:var(--segment-padding);bottom:var(--segment-padding);left:var(--segment-padding);width:calc((100% - (var(--segment-padding) * 2) - (var(--segment-gap) * (var(--segment-count) - 1))) / var(--segment-count));background:linear-gradient(180deg, color-mix(in srgb, var(--segment-accent) 14%, transparent), color-mix(in srgb, var(--surface-elevated) 94%, transparent));box-shadow:0 0 0 1px color-mix(in srgb, var(--segment-accent) 10%, transparent) inset, 0 10px 20px #0000001f;transform:translateX(calc(var(--segment-index) * (100% + var(--segment-gap))));transition:transform .42s var(--ease-smooth), box-shadow .28s var(--ease-smooth), background .28s var(--ease-smooth);pointer-events:none;border-radius:999px;position:absolute}.segmented-tabs.is-dragging.svelte-7kubcn:before{transition:none}.segmented-tabs__tab.svelte-7kubcn{z-index:1;white-space:nowrap;min-height:2.55rem;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .18s var(--ease-smooth), opacity .18s var(--ease-smooth), box-shadow .22s var(--ease-smooth), background .22s var(--ease-smooth);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.58rem .88rem;font-size:.86rem;font-weight:800;line-height:1;display:inline-flex;position:relative}.segmented-tabs__tab.svelte-7kubcn:hover{color:color-mix(in srgb, var(--text-main) 90%, var(--text-soft))}.segmented-tabs__tab.svelte-7kubcn:focus-visible{color:var(--text-main);outline:none}.segmented-tabs__tab.is-active.svelte-7kubcn{color:var(--text-main)}@media (width<=640px){.segmented-tabs.svelte-7kubcn{--segment-gap:.22rem;--segment-padding:.2rem}.segmented-tabs__tab.svelte-7kubcn{white-space:normal;text-align:center;overflow-wrap:anywhere;min-height:2.72rem;padding:.42rem .38rem;font-size:.76rem;line-height:1.1}}@media (width<=360px){.segmented-tabs__tab.svelte-7kubcn{font-size:.7rem}}
