.segmented-control{background:var(--gray-100);border-radius:8px;width:fit-content;padding:2px;display:flex}.segmented-control .react-aria-SelectionIndicator{z-index:-1;background:var(--gray-50);outline:2px solid var(--gray-600);border-radius:8px;width:100%;height:100%;transition-property:translate,width;transition-duration:.2s;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.segmented-control .react-aria-SelectionIndicator{transition:none}}.segmented-control .segmented-control-item{all:unset;color:var(--text-color);z-index:1;border-radius:8px;outline:none;padding:6px 16px;font-size:1rem;display:block;position:relative}.segmented-control .segmented-control-item span{transition:scale .2s;display:inline-block}.segmented-control .segmented-control-item[data-pressed] span{scale:.95}.segmented-control .segmented-control-item[data-selected]{z-index:0}.segmented-control .segmented-control-item[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:4px}@media (prefers-color-scheme:dark){:root{--background-color:#1d1d1d;--gray-50:#101010;--gray-100:#393939;--gray-200:#4f4f4f;--gray-300:#686868;--gray-400:#848484;--gray-500:#a7a7a7;--gray-600:#cfcfcf;--purple-100:#3c1e95;--purple-200:#522acd;--purple-300:#6f46ed;--purple-400:#8e6ef1;--purple-500:#b099f5;--purple-600:#d5c8fa;--red-100:#721200;--red-200:#9c1900;--red-300:#cc2000;--red-400:#e95034;--red-500:#f08c79;--red-600:#f7c3ba;--highlight-hover:#ffffff1a;--highlight-pressed:#fff3}}@media (forced-colors:active){:root{--background-color:Canvas;--focus-ring-color:Highlight;--text-color:ButtonText;--text-color-base:ButtonText;--text-color-hover:ButtonText;--text-color-disabled:GrayText;--text-color-placeholder:ButtonText;--link-color:LinkText;--link-color-secondary:LinkText;--link-color-pressed:LinkText;--border-color:ButtonBorder;--border-color-hover:ButtonBorder;--border-color-pressed:ButtonBorder;--border-color-disabled:GrayText;--field-background:Field;--field-text-color:FieldText;--overlay-background:Canvas;--button-background:ButtonFace;--button-background-pressed:ButtonFace;--highlight-background:Highlight;--highlight-background-pressed:Highlight;--highlight-background-invalid:LinkText;--highlight-foreground:HighlightText;--highlight-foreground-pressed:HighlightText;--invalid-color:LinkText;--invalid-color-pressed:LinkText}}@media (prefers-color-scheme:dark){:root{--background-color:#1d1d1d;--gray-50:#101010;--gray-100:#393939;--gray-200:#4f4f4f;--gray-300:#686868;--gray-400:#848484;--gray-500:#a7a7a7;--gray-600:#cfcfcf;--purple-100:#3c1e95;--purple-200:#522acd;--purple-300:#6f46ed;--purple-400:#8e6ef1;--purple-500:#b099f5;--purple-600:#d5c8fa;--red-100:#721200;--red-200:#9c1900;--red-300:#cc2000;--red-400:#e95034;--red-500:#f08c79;--red-600:#f7c3ba;--highlight-hover:#ffffff1a;--highlight-pressed:#fff3}}@media (forced-colors:active){:root{--background-color:Canvas;--focus-ring-color:Highlight;--text-color:ButtonText;--text-color-base:ButtonText;--text-color-hover:ButtonText;--text-color-disabled:GrayText;--text-color-placeholder:ButtonText;--link-color:LinkText;--link-color-secondary:LinkText;--link-color-pressed:LinkText;--border-color:ButtonBorder;--border-color-hover:ButtonBorder;--border-color-pressed:ButtonBorder;--border-color-disabled:GrayText;--field-background:Field;--field-text-color:FieldText;--overlay-background:Canvas;--button-background:ButtonFace;--button-background-pressed:ButtonFace;--highlight-background:Highlight;--highlight-background-pressed:Highlight;--highlight-background-invalid:LinkText;--highlight-foreground:HighlightText;--highlight-foreground-pressed:HighlightText;--invalid-color:LinkText;--invalid-color-pressed:LinkText}}.react-aria-ToggleButton{color:var(--text-color);background:var(--button-background);border:1px solid var(--border-color);forced-color-adjust:none;appearance:none;vertical-align:middle;text-align:center;border-radius:4px;outline:none;justify-content:center;align-items:center;margin:0;padding:6px 10px;font-size:.875rem;display:inline-flex}.react-aria-ToggleButton[data-pressed]{background:var(--button-background-pressed);border-color:var(--border-color-pressed);box-shadow:inset 0 1px 2px #0000001a}.react-aria-ToggleButton[data-selected]{background:var(--highlight-background);border-color:var(--highlight-background);color:var(--highlight-foreground)}.react-aria-ToggleButton[data-selected][data-pressed]{background:var(--highlight-background-pressed);border-color:var(--highlight-background-pressed)}.react-aria-ToggleButton[data-focus-visible]{outline:2px solid var(--focus-ring-color);outline-offset:2px}.react-aria-ToggleButton[data-disabled]{border-color:var(--border-color-disabled);background:var(--button-background);color:var(--text-color-disabled)}:root{--background-color:#f8f8f8;--gray-50:#fff;--gray-100:#d0d0d0;--gray-200:#afafaf;--gray-300:#8f8f8f;--gray-400:#717171;--gray-500:#555;--gray-600:#393939;--purple-100:#d5c9fa;--purple-200:#b8a3f6;--purple-300:#997cf2;--purple-400:#7a54ef;--purple-500:#582ddc;--purple-600:#3c1e95;--red-100:#f7c4ba;--red-200:#f29887;--red-300:#eb664d;--red-400:#de2300;--red-500:#a81b00;--red-600:#731200;--highlight-hover:#00000012;--highlight-pressed:#00000026}@media (prefers-color-scheme:dark){:root{--background-color:#1d1d1d;--gray-50:#101010;--gray-100:#393939;--gray-200:#4f4f4f;--gray-300:#686868;--gray-400:#848484;--gray-500:#a7a7a7;--gray-600:#cfcfcf;--purple-100:#3c1e95;--purple-200:#522acd;--purple-300:#6f46ed;--purple-400:#8e6ef1;--purple-500:#b099f5;--purple-600:#d5c8fa;--red-100:#721200;--red-200:#9c1900;--red-300:#cc2000;--red-400:#e95034;--red-500:#f08c79;--red-600:#f7c3ba;--highlight-hover:#ffffff1a;--highlight-pressed:#fff3}}:root{--focus-ring-color:var(--purple-400);--text-color:var(--gray-600);--text-color-base:var(--gray-500);--text-color-hover:var(--gray-600);--text-color-disabled:var(--gray-200);--text-color-placeholder:var(--gray-400);--link-color:var(--purple-500);--link-color-secondary:var(--gray-500);--link-color-pressed:var(--purple-600);--border-color:var(--gray-300);--border-color-hover:var(--gray-400);--border-color-pressed:var(--gray-400);--border-color-disabled:var(--gray-100);--field-background:var(--gray-50);--field-text-color:var(--gray-600);--overlay-background:var(--gray-50);--button-background:var(--gray-50);--button-background-pressed:var(--background-color);--highlight-background:#6f46ed;--highlight-background-pressed:#522acd;--highlight-background-invalid:#cc2000;--highlight-foreground:white;--highlight-foreground-pressed:#ddd;--highlight-overlay:#6f46ed26;--invalid-color:var(--red-400);--invalid-color-pressed:var(--red-500)}@media (forced-colors:active){:root{--background-color:Canvas;--focus-ring-color:Highlight;--text-color:ButtonText;--text-color-base:ButtonText;--text-color-hover:ButtonText;--text-color-disabled:GrayText;--text-color-placeholder:ButtonText;--link-color:LinkText;--link-color-secondary:LinkText;--link-color-pressed:LinkText;--border-color:ButtonBorder;--border-color-hover:ButtonBorder;--border-color-pressed:ButtonBorder;--border-color-disabled:GrayText;--field-background:Field;--field-text-color:FieldText;--overlay-background:Canvas;--button-background:ButtonFace;--button-background-pressed:ButtonFace;--highlight-background:Highlight;--highlight-background-pressed:Highlight;--highlight-background-invalid:LinkText;--highlight-foreground:HighlightText;--highlight-foreground-pressed:HighlightText;--invalid-color:LinkText;--invalid-color-pressed:LinkText}}.react-aria-ToggleButtonGroup{display:flex}.react-aria-ToggleButtonGroup>button{z-index:1;border-radius:0}.react-aria-ToggleButtonGroup>button[data-disabled]{z-index:0}.react-aria-ToggleButtonGroup>button[data-selected],.react-aria-ToggleButtonGroup>button[data-focus-visible]{z-index:2}.react-aria-ToggleButtonGroup[data-orientation=horizontal]{flex-direction:row}.react-aria-ToggleButtonGroup[data-orientation=horizontal]>button{margin-inline-start:-1px}.react-aria-ToggleButtonGroup[data-orientation=horizontal]>button:first-child{border-radius:4px 0 0 4px;margin-inline-start:0}.react-aria-ToggleButtonGroup[data-orientation=horizontal]>button:last-child{border-radius:0 4px 4px 0}.react-aria-ToggleButtonGroup[data-orientation=vertical]{flex-direction:column;width:fit-content}.react-aria-ToggleButtonGroup[data-orientation=vertical]>button{margin-block-start:-1px}.react-aria-ToggleButtonGroup[data-orientation=vertical]>button:first-child{border-radius:4px 4px 0 0;margin-block-start:0}.react-aria-ToggleButtonGroup[data-orientation=vertical]>button:last-child{border-radius:0 0 4px 4px}
/*# sourceMappingURL=ToggleButtonGroup.a26d2fd3.css.map */