.liquid-segmented{--segment-ink:var(--liquid-foreground,var(--foreground,#202127));--segment-surface:color-mix(in srgb, var(--card,#fff) 48%, transparent);--segment-capsule:color-mix(in srgb, var(--card,#fff) 54%, transparent);--segment-rim:#ffffffb3;border:1px solid color-mix(in srgb, var(--foreground,#202127) 9%, transparent);background:var(--segment-surface);-webkit-backdrop-filter:blur(18px)saturate(1.25);max-width:100%;color:var(--segment-ink);isolation:isolate;border-radius:999px;align-items:center;gap:2px;padding:5px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff54,0 6px 24px #00000017}.liquid-segmented-leading{flex:none;align-items:center;display:flex}.liquid-segmented-track{grid-template-columns:repeat(var(--segment-count,3), minmax(0, 1fr));touch-action:none;-webkit-user-select:none;user-select:none;min-width:156px;display:grid;position:relative}.liquid-segmented-capsule{z-index:0;width:calc(100% / var(--segment-count,3));transform:translate3d(calc(var(--segment-position,0) * 100%), 0, 0);pointer-events:none;transition:transform .47s cubic-bezier(.22,.82,.25,1.045);position:absolute;top:0;bottom:0;left:0}.liquid-segmented-capsule>span{border:1px solid color-mix(in srgb, var(--segment-rim) 65%, transparent);background:linear-gradient(150deg, #ffffff59, #ffffff0f 42%, #ffffff29), var(--segment-capsule);-webkit-backdrop-filter:blur(6px)saturate(1.35);box-shadow:inset 0 1px 1px var(--segment-rim), inset 0 -1px 1px #ffffff21, 0 2px 7px #00000021, 0 0 0 .5px #00000006;transform:scale(calc(1 + var(--segment-stretch,0)), calc(1 + var(--segment-stretch,0) * .6));border-radius:999px;transition:transform .49s cubic-bezier(.2,.82,.22,1.08),background .24s,box-shadow .24s;position:absolute;inset:0}.liquid-segmented[data-dragging=true] .liquid-segmented-capsule{transition:transform 65ms linear}.liquid-segmented[data-pressing=true] .liquid-segmented-capsule>span{box-shadow:inset 0 1px 2px var(--segment-rim), inset 0 -1px 2px #ffffff42, 0 4px 11px #00000021;transition-duration:.13s}:root body .liquid-segmented .liquid-segmented-option{appearance:none;z-index:1;min-width:0;min-height:36px;box-shadow:none;color:color-mix(in srgb, var(--segment-ink) 76%, transparent);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 13px;font-family:inherit;font-size:.8rem;font-weight:550;line-height:1.1;transition:color .18s;display:flex;position:relative;translate:none;scale:none}:root body .liquid-segmented .liquid-segmented-option[data-preview-active=true]{color:var(--segment-ink);font-weight:650}:root body .liquid-segmented .liquid-segmented-option:hover{color:var(--segment-ink)}:root body .liquid-segmented .liquid-segmented-option:focus-visible{outline:2px solid var(--theme-primary,#0071e3);outline-offset:2px}:root body .liquid-segmented .liquid-segmented-option:before,:root body .liquid-segmented .liquid-segmented-option:after{content:none}:root[data-theme=dark] .liquid-segmented{--segment-surface:color-mix(in srgb, var(--card,#202127) 55%, transparent);--segment-capsule:#ffffff13;--segment-rim:#ffffff52;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff17,0 6px 24px #00000038}:root[data-theme-transition] [data-liquid-segmented] .liquid-segmented-capsule,:root[data-theme-transition] [data-liquid-segmented] .liquid-segmented-capsule>span{transition-property:transform!important}@media (prefers-reduced-motion:reduce){.liquid-segmented-capsule,.liquid-segmented-capsule>span,:root body .liquid-segmented .liquid-segmented-option{transition:none!important}.liquid-segmented-capsule>span{transform:none!important}}@media (prefers-reduced-transparency:reduce){.liquid-segmented{background:var(--card,#fff);-webkit-backdrop-filter:none}.liquid-segmented-capsule>span{background:color-mix(in srgb, var(--foreground,#202127) 10%, var(--card,#fff));-webkit-backdrop-filter:none}}@media (forced-colors:active){.liquid-segmented{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:buttontext}.liquid-segmented-capsule>span{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border:2px solid highlight}:root body .liquid-segmented .liquid-segmented-option{color:buttontext}:root body .liquid-segmented .liquid-segmented-option[data-preview-active=true]{color:highlight}}.appearance-live-preview[data-preview-mode=light] .liquid-segmented{--segment-ink:#202127;--segment-surface:#ffffff7a;--segment-capsule:#ffffff8a;--segment-rim:#ffffffb3;border-color:#20212717;box-shadow:inset 0 1px #fff5,0 6px 24px #00000017}.appearance-live-preview[data-preview-mode=dark] .liquid-segmented{--segment-ink:#f5f5f7;--segment-surface:#2021278c;--segment-capsule:#ffffff13;--segment-rim:#ffffff52;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff17,0 6px 24px #00000038}