.custom-segment--xs{padding:calc(var(--spacing,.25rem) * .5)}.custom-segment--xs .segment__item{height:calc(var(--spacing,.25rem) * 6);gap:calc(var(--spacing,.25rem) * 1);padding-inline:calc(var(--spacing,.25rem) * 2);flex:none;width:auto}.custom-segment--pill{box-shadow:none;gap:calc(var(--spacing,.25rem) * 1.5);background-color:#0000;border-radius:0;padding:0}.custom-segment--pill .segment__item{border:1px solid var(--border);color:var(--muted);border-radius:9999px;flex:none;width:auto}.custom-segment--pill .segment__item[data-selected=true]{color:var(--foreground)}.custom-segment--pill .segment__item .segment__indicator{background-color:var(--background);border-radius:inherit;box-shadow:var(--shadow-surface)}.custom-segment--tag{box-shadow:none;gap:calc(var(--spacing,.25rem) * 1);background-color:#0000;border-radius:0;padding:0}.custom-segment--tag .segment__item{background-color:var(--default);border-radius:9999px;flex:none;width:auto}.custom-segment--tag .segment__item[data-selected=true]{background-color:#0000}.custom-segment--tag .segment__item .segment__indicator{border-radius:inherit}.custom-segment--underline.segment{background:0 0;gap:4px;width:max-content;min-width:max-content;padding:0}.custom-segment--underline .segment__item{border-radius:0;flex:none;width:auto;min-width:44px;height:44px;min-height:44px;font-size:14px}.custom-segment--underline .segment__item[data-selected=true]{color:var(--foreground)}.custom-segment--underline .segment__indicator{background:var(--foreground);height:2px;box-shadow:none;border-radius:1px;top:auto;bottom:0}.custom-segment--soft:where(:not(.custom-segment--capsules)).segment{width:max-content;min-width:max-content;box-shadow:none;background:0 0;border-radius:0;gap:6px;padding:0}.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__item{width:auto;height:30px;min-height:30px;color:var(--muted);border-radius:9999px;flex:none;padding-inline:10px;font-size:14px}.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__item[data-selected=true]{color:var(--foreground)}.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__indicator{border-radius:inherit;background:var(--default);box-shadow:none;inset:0}.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__item:is(:focus-visible,[data-focus-visible=true]){--tw-ring-inset:inset;--tw-ring-offset-width:0px}@media (hover:hover){.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__item:not([data-selected=true],[data-disabled=true],[aria-disabled=true],:disabled):is(:hover,[data-hovered=true]){opacity:1;color:var(--foreground)}}@media (pointer:coarse){.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__item{height:44px;min-height:44px}.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__indicator{height:calc(100% - 14px);inset:7px 0}}:is(.custom-segment--underline,.custom-segment--soft).segment{isolation:isolate}:is(.custom-segment--underline,.custom-segment--soft) .segment__item{z-index:auto}:is(.custom-segment--underline,.custom-segment--soft) .segment__indicator{transform-origin:0}.segment .segment__item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.custom-segment--soft .segment__indicator[data-liquid-drag]{background:color-mix(in srgb, var(--background) 35%, transparent);-webkit-backdrop-filter:blur(1px)saturate(1.8);backdrop-filter:blur(1px)saturate(1.8);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 14%, transparent), inset 0 1px 1px 0 #ffffffe6, inset 0 -3px 6px -3px color-mix(in srgb, var(--foreground) 12%, transparent), 0 8px 22px -6px #00000038;transition:none}.custom-segment--soft .segment__item[data-selected=true]{touch-action:pan-y}.custom-segment--soft .segment__item[data-liquid-target]{color:var(--foreground)}@media (pointer:coarse){.custom-segment--soft:where(:not(.custom-segment--capsules)) .segment__item:after{inset:7px 0}}.custom-segment--capsules{--segment:var(--segment-selected-fill);--segment-foreground:var(--selected-foreground)}.custom-segment--capsules .segment__indicator:not([data-liquid-drag]){background-image:var(--segment-selected-light);box-shadow:var(--segment-selected-edge), var(--segment-selected-sheen)}.custom-segment--capsules .segment__item:not([data-selected=true]){color:var(--foreground)}.custom-segment--capsules.segment{background:0 0;width:100%;min-width:max-content}.custom-segment--capsules .segment__item:after{border-radius:var(--radius-3xl)}@media (pointer:coarse){.custom-segment--capsules.segment{padding-block:0}.custom-segment--capsules .segment__item{height:44px}.custom-segment--capsules .segment__indicator,.custom-segment--capsules .segment__item:after{height:auto;inset:6px 0}}@media (forced-colors:active){.custom-segment--capsules .segment__indicator{outline-offset:-2px;outline:2px solid highlight}}:is(.custom-segment-glass,.custom-toggle-glass){--segment-glass-fill:color-mix(in srgb, var(--glass-pinned-surface) 66%, transparent);--segment-glass-edge:inset 0 0 0 .5px color-mix(in srgb, var(--foreground) 10%, transparent);--segment-glass-sheen:inset 0 1px 0 0 color-mix(in srgb, var(--snow) 32%, transparent);--segment-glass-backdrop:blur(24px) saturate(1.8);--segment-selected-fill:color-mix(in srgb, var(--accent) 10%, var(--glass-pinned-surface-secondary));--segment-selected-light:linear-gradient(180deg, oklch(from var(--segment-selected-fill) calc(l + .05) c h), var(--segment-selected-fill) 24%, oklch(from var(--segment-selected-fill) calc(l + .012) c h) 80%, oklch(from var(--segment-selected-fill) calc(l + .05) c h));--segment-selected-edge:inset 0 0 0 .5px color-mix(in srgb, var(--foreground) 16%, transparent);--segment-selected-sheen:inset 0 1px 0 color-mix(in srgb, var(--snow) 90%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--snow) 90%, transparent)}.custom-segment-glass{min-width:0;max-width:100%;position:relative}:root.dark :is(.custom-segment-glass,.custom-toggle-glass){--segment-selected-fill:var(--accent-soft);--segment-selected-light:none;--segment-selected-edge:var(--segment-glass-edge);--segment-selected-sheen:var(--segment-glass-sheen)}.custom-segment-glass>*{position:relative}.custom-segment-glass:before{content:"";border-radius:calc(var(--radius-2xl) + .25rem);background-color:var(--segment-glass-fill);box-shadow:var(--segment-glass-edge), var(--segment-glass-sheen);-webkit-backdrop-filter:var(--segment-glass-backdrop);backdrop-filter:var(--segment-glass-backdrop);pointer-events:none;position:absolute;inset:0}@media (pointer:coarse){.custom-segment-glass:before{inset:2px 0}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.custom-segment-glass,:root.dark .custom-segment-glass{--segment-glass-fill:var(--glass-pinned-surface)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){:is(.custom-segment-glass,.custom-toggle-glass),:root.dark :is(.custom-segment-glass,.custom-toggle-glass){--segment-glass-fill:var(--glass-pinned-surface);--segment-glass-edge:inset 0 0 0 1px color-mix(in srgb, var(--foreground) 16%, transparent);--segment-glass-sheen:0 0 #0000;--segment-glass-backdrop:none;--segment-selected-fill:var(--accent-soft);--segment-selected-light:none;--segment-selected-edge:var(--segment-glass-edge);--segment-selected-sheen:0 0 #0000}}@media (prefers-contrast:more){:is(.custom-segment-glass,.custom-toggle-glass),:root.dark :is(.custom-segment-glass,.custom-toggle-glass){--segment-selected-edge:inset 0 0 0 1px var(--accent)}}.custom-toggle-glass .toggle-button--default:not(:focus-visible,[data-focus-visible=true]){box-shadow:var(--segment-glass-edge), var(--segment-glass-sheen)}.custom-toggle-glass .toggle-button[data-selected=true]{background-color:var(--segment-selected-fill);background-image:var(--segment-selected-light);color:var(--selected-foreground);font-weight:var(--font-weight-semibold,600)}.custom-toggle-glass .toggle-button[data-selected=true]:not(:focus-visible,[data-focus-visible=true]){box-shadow:var(--segment-selected-edge), var(--segment-selected-sheen)}@media (pointer:coarse){.custom-toggle-glass .toggle-button{--tw-ring-inset:inset;--tw-ring-offset-width:0px;background-clip:padding-box;border-block:4px solid #0000;border-radius:18px/22px;height:44px}}@media (forced-colors:active){.custom-toggle-glass .toggle-button[data-selected=true]{outline-offset:-2px;outline:2px solid highlight}}@media (forced-colors:active) and (pointer:coarse){.custom-toggle-glass .toggle-button{border-color:canvas}.custom-toggle-glass .toggle-button[data-selected=true]{outline-offset:-6px}}@media (forced-colors:active){.custom-toggle-glass .toggle-button:is(:focus-visible:not([data-focused]),[data-focus-visible=true]){outline-offset:2px;outline:2px solid canvastext}.custom-toggle-glass .toggle-button[data-selected=true]:is(:focus-visible:not([data-focused]),[data-focus-visible=true]){outline-color:highlight}}