diff --git a/docs/components/example/demo/article-detail.tsx b/docs/components/example/demo/article-detail.tsx index 3f3ef1c3a..ae6298032 100644 --- a/docs/components/example/demo/article-detail.tsx +++ b/docs/components/example/demo/article-detail.tsx @@ -13,7 +13,7 @@ import { import { Stack, Columns, Column, Box } from "seed-design/ui/layout"; import { Text } from "seed-design/ui/text"; import { Badge } from "seed-design/ui/badge"; -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; import { Callout } from "seed-design/ui/callout"; import { TextField, TextFieldTextarea } from "seed-design/ui/text-field"; import { ErrorState } from "seed-design/ui/error-state"; @@ -98,9 +98,9 @@ const DemoArticleDetail: ActivityComponentType<"demo/article-detail"> = ({ /> {SEGMENTS.map((tab) => ( - + {tab.label} - + ))} diff --git a/docs/components/example/segmented-control-disabled.tsx b/docs/components/example/segmented-control-disabled.tsx index f472fb2b0..149738199 100644 --- a/docs/components/example/segmented-control-disabled.tsx +++ b/docs/components/example/segmented-control-disabled.tsx @@ -1,10 +1,10 @@ -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; export default function SegmentedControlPreview() { return ( - Hot - New + Hot + New ); } diff --git a/docs/components/example/segmented-control-fixed-width.tsx b/docs/components/example/segmented-control-fixed-width.tsx index fe57fbfbc..1a76f57ee 100644 --- a/docs/components/example/segmented-control-fixed-width.tsx +++ b/docs/components/example/segmented-control-fixed-width.tsx @@ -1,10 +1,10 @@ -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; export default function SegmentedControlFixedWidth() { return ( - New - Hot + New + Hot ); } diff --git a/docs/components/example/segmented-control-long-label-fixed-width.tsx b/docs/components/example/segmented-control-long-label-fixed-width.tsx index aab4a7394..eb5092f8d 100644 --- a/docs/components/example/segmented-control-long-label-fixed-width.tsx +++ b/docs/components/example/segmented-control-long-label-fixed-width.tsx @@ -1,11 +1,11 @@ -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; export default function SegmentedControlLongLabelFixedWidth() { return ( - 가격 높은 순 - 할인율 높은 순 - 인기 많은 순 + 가격 높은 순 + 할인율 높은 순 + 인기 많은 순 ); } diff --git a/docs/components/example/segmented-control-long-label.tsx b/docs/components/example/segmented-control-long-label.tsx index ed9170bdd..ff05dc8be 100644 --- a/docs/components/example/segmented-control-long-label.tsx +++ b/docs/components/example/segmented-control-long-label.tsx @@ -1,11 +1,11 @@ -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; export default function SegmentedControlLongLabel() { return ( - 가격 높은 순 - 할인율 높은 순 - 인기 많은 순 + 가격 높은 순 + 할인율 높은 순 + 인기 많은 순 ); } diff --git a/docs/components/example/segmented-control-preview.tsx b/docs/components/example/segmented-control-preview.tsx index b92fc3745..805fe35dd 100644 --- a/docs/components/example/segmented-control-preview.tsx +++ b/docs/components/example/segmented-control-preview.tsx @@ -1,10 +1,10 @@ -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; export default function SegmentedControlPreview() { return ( - Hot - New + Hot + New ); } diff --git a/docs/components/iconography/icon-segmented-control.tsx b/docs/components/iconography/icon-segmented-control.tsx index aff8f2c1f..0c4ce9e97 100644 --- a/docs/components/iconography/icon-segmented-control.tsx +++ b/docs/components/iconography/icon-segmented-control.tsx @@ -1,6 +1,6 @@ "use client"; -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; import { useIcon } from "./icon-context"; export const IconSegmentedControl = () => { @@ -13,8 +13,8 @@ export const IconSegmentedControl = () => { value={iconStyle} aria-label="Sort by" > - Monochrome - Multicolor + Monochrome + Multicolor ); }; diff --git a/docs/content/docs/react/components/segmented-control.mdx b/docs/content/docs/react/components/segmented-control.mdx index 5c7a8bb5c..6a4d5d070 100644 --- a/docs/content/docs/react/components/segmented-control.mdx +++ b/docs/content/docs/react/components/segmented-control.mdx @@ -24,11 +24,11 @@ description: "이 문서는 정리 중이에요. 문의 내용은 #_design_core -### `SegmentedControlSegment` +### `SegmentedControlItem` ## 예제 @@ -41,7 +41,7 @@ description: "이 문서는 정리 중이에요. 문의 내용은 #_design_core ### 최소 너비보다 넓은 옵션 레이블 -Pill 형태의 `SegmentedControlSegment` 한 개는 86px의 최소 너비를 가져요. 제공한 옵션 중 이 너비를 초과하는 옵션이 있다면, 가장 긴 옵션의 너비에 모든 옵션의 너비가 맞춰져요. +Pill 형태의 `SegmentedControlItem` 한 개는 86px의 최소 너비를 가져요. 제공한 옵션 중 이 너비를 초과하는 옵션이 있다면, 가장 긴 옵션의 너비에 모든 옵션의 너비가 맞춰져요. diff --git a/docs/public/rootage-next/components/segmented-control-item.json b/docs/public/rootage-next/components/segmented-control-item.json new file mode 100644 index 000000000..88e9be4b7 --- /dev/null +++ b/docs/public/rootage-next/components/segmented-control-item.json @@ -0,0 +1,107 @@ +{ + "kind": "ComponentSpec", + "metadata": { + "id": "segmented-control-item", + "name": "Segmented Control Item" + }, + "data": { + "id": "segmented-control-item", + "name": "Segmented Control Item", + "definitions": [ + { + "variants": {}, + "definitions": [ + { + "states": [ + "enabled" + ], + "slots": { + "root": { + "height": { + "type": "dimension", + "value": "$dimension.s8" + }, + "cornerRadius": { + "type": "dimension", + "value": "$radius.full" + }, + "paddingX": { + "type": "dimension", + "value": "$dimension.s4" + }, + "minWidth": { + "type": "dimension", + "value": { + "value": 86, + "unit": "px" + } + } + }, + "label": { + "fontSize": { + "type": "dimension", + "value": "$font-size.s5" + }, + "lineHeight": { + "type": "dimension", + "value": "$line-height.s5" + }, + "fontWeight": { + "type": "number", + "value": "$font-weight.medium" + }, + "color": { + "type": "color", + "value": "$color.fg.neutral-muted" + } + } + } + }, + { + "states": [ + "pressed" + ], + "slots": { + "root": { + "color": { + "type": "color", + "value": "$color.bg.neutral-weak-pressed" + } + } + } + }, + { + "states": [ + "selected" + ], + "slots": { + "label": { + "fontWeight": { + "type": "number", + "value": "$font-weight.bold" + }, + "color": { + "type": "color", + "value": "$color.fg.neutral" + } + } + } + }, + { + "states": [ + "disabled" + ], + "slots": { + "label": { + "color": { + "type": "color", + "value": "$color.fg.disabled" + } + } + } + } + ] + } + ] + } +} \ No newline at end of file diff --git a/docs/public/rootage-next/components/segmented-control.json b/docs/public/rootage-next/components/segmented-control.json index dac891c6a..ea7e53dfa 100644 --- a/docs/public/rootage-next/components/segmented-control.json +++ b/docs/public/rootage-next/components/segmented-control.json @@ -29,6 +29,48 @@ "type": "color", "value": "$color.bg.neutral-weak" } + }, + "indicator": { + "color": { + "type": "color", + "value": "$color.bg.layer-default" + }, + "cornerRadius": { + "type": "dimension", + "value": "$radius.full" + }, + "shadow": { + "type": "shadow", + "value": [ + { + "color": "#0000000d", + "offsetX": { + "value": 0, + "unit": "px" + }, + "offsetY": { + "value": 1, + "unit": "px" + }, + "blur": { + "value": 6, + "unit": "px" + }, + "spread": { + "value": 0, + "unit": "px" + } + } + ] + }, + "transformDuration": { + "type": "duration", + "value": "$duration.s4" + }, + "transformTimingFunction": { + "type": "cubicBezier", + "value": "$timing-function.easing" + } } } } diff --git a/docs/public/rootage/components/segmented-control-item.json b/docs/public/rootage/components/segmented-control-item.json new file mode 100644 index 000000000..f14e0f4eb --- /dev/null +++ b/docs/public/rootage/components/segmented-control-item.json @@ -0,0 +1,41 @@ +{ + "kind": "ComponentSpec", + "metadata": { + "id": "segmented-control-item", + "name": "Segmented Control Item" + }, + "data": { + "base": { + "enabled": { + "root": { + "height": "$dimension.s8", + "cornerRadius": "$radius.full", + "paddingX": "$dimension.s4", + "minWidth": "86px" + }, + "label": { + "fontSize": "$font-size.s5", + "lineHeight": "$line-height.s5", + "fontWeight": "$font-weight.medium", + "color": "$color.fg.neutral-muted" + } + }, + "pressed": { + "root": { + "color": "$color.bg.neutral-weak-pressed" + } + }, + "selected": { + "label": { + "fontWeight": "$font-weight.bold", + "color": "$color.fg.neutral" + } + }, + "disabled": { + "label": { + "color": "$color.fg.disabled" + } + } + } + } +} \ No newline at end of file diff --git a/docs/public/rootage/components/segmented-control.json b/docs/public/rootage/components/segmented-control.json index 3ed77e7f9..157d7f13f 100644 --- a/docs/public/rootage/components/segmented-control.json +++ b/docs/public/rootage/components/segmented-control.json @@ -11,6 +11,24 @@ "padding": "$dimension.s1", "cornerRadius": "$radius.full", "color": "$color.bg.neutral-weak" + }, + "indicator": { + "color": "$color.bg.layer-default", + "cornerRadius": "$radius.full", + "shadow": { + "type": "shadow", + "value": [ + { + "offsetX": "0px", + "offsetY": "1px", + "blur": "6px", + "spread": "0px", + "color": "#0000000d" + } + ] + }, + "transformDuration": "$duration.s4", + "transformTimingFunction": "$timing-function.easing" } } } diff --git a/docs/public/rootage/parsed.json b/docs/public/rootage/parsed.json index cc10a41f9..12f798653 100644 --- a/docs/public/rootage/parsed.json +++ b/docs/public/rootage/parsed.json @@ -20030,8 +20030,8 @@ ] }, { - "id": "segment", - "name": "Segment", + "id": "segmented-control-item", + "name": "Segmented Control Item", "data": [ { "key": {}, @@ -20134,7 +20134,6 @@ }, { "key": [ - "enabled", "pressed" ], "slot": [ @@ -20158,73 +20157,9 @@ }, { "key": [ - "enabled", "selected" ], "slot": [ - { - "key": "root", - "property": [ - { - "key": "color", - "value": { - "type": "token", - "group": [ - "color", - "bg" - ], - "key": "layer-default" - } - }, - { - "key": "shadow", - "value": { - "type": "shadow", - "value": [ - { - "offsetX": { - "value": 0, - "unit": "px" - }, - "offsetY": { - "value": 1, - "unit": "px" - }, - "blur": { - "value": 6, - "unit": "px" - }, - "spread": { - "value": 0, - "unit": "px" - }, - "color": "#0000000d" - } - ] - } - }, - { - "key": "transformDuration", - "value": { - "type": "token", - "group": [ - "duration" - ], - "key": "s4" - } - }, - { - "key": "transformTimingFunction", - "value": { - "type": "token", - "group": [ - "timing-function" - ], - "key": "easing" - } - } - ] - }, { "key": "label", "property": [ @@ -20253,31 +20188,6 @@ } ] }, - { - "key": [ - "enabled", - "selected", - "pressed" - ], - "slot": [ - { - "key": "root", - "property": [ - { - "key": "color", - "value": { - "type": "token", - "group": [ - "color", - "bg" - ], - "key": "layer-default-pressed" - } - } - ] - } - ] - }, { "key": [ "disabled" @@ -20352,6 +20262,79 @@ } } ] + }, + { + "key": "indicator", + "property": [ + { + "key": "color", + "value": { + "type": "token", + "group": [ + "color", + "bg" + ], + "key": "layer-default" + } + }, + { + "key": "cornerRadius", + "value": { + "type": "token", + "group": [ + "radius" + ], + "key": "full" + } + }, + { + "key": "shadow", + "value": { + "type": "shadow", + "value": [ + { + "offsetX": { + "value": 0, + "unit": "px" + }, + "offsetY": { + "value": 1, + "unit": "px" + }, + "blur": { + "value": 6, + "unit": "px" + }, + "spread": { + "value": 0, + "unit": "px" + }, + "color": "#0000000d" + } + ] + } + }, + { + "key": "transformDuration", + "value": { + "type": "token", + "group": [ + "duration" + ], + "key": "s4" + } + }, + { + "key": "transformTimingFunction", + "value": { + "type": "token", + "group": [ + "timing-function" + ], + "key": "easing" + } + } + ] } ] } diff --git a/docs/registry/ui/segmented-control.tsx b/docs/registry/ui/segmented-control.tsx index 8fa17972f..c04ece79e 100644 --- a/docs/registry/ui/segmented-control.tsx +++ b/docs/registry/ui/segmented-control.tsx @@ -30,27 +30,24 @@ export const SegmentedControl = React.forwardRef< }); SegmentedControl.displayName = "SegmentedControl"; -export interface SegmentedControlSegmentProps - extends SeedSegmentedControl.SegmentProps { +export interface SegmentedControlItemProps + extends SeedSegmentedControl.ItemProps { inputProps?: React.InputHTMLAttributes; rootRef?: React.Ref; } -export const SegmentedControlSegment = React.forwardRef< +export const SegmentedControlItem = React.forwardRef< HTMLInputElement, - SegmentedControlSegmentProps + SegmentedControlItemProps >(({ children, inputProps, rootRef, ...otherProps }, ref) => { return ( - + {children} - - {children} - - + ); }); -SegmentedControlSegment.displayName = "SegmentedControlSegment"; +SegmentedControlItem.displayName = "SegmentedControlItem"; diff --git a/docs/stories/SegmentedControl.stories.tsx b/docs/stories/SegmentedControl.stories.tsx index 8989d2a72..c7ac0b754 100644 --- a/docs/stories/SegmentedControl.stories.tsx +++ b/docs/stories/SegmentedControl.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from "@storybook/react"; -import { SegmentedControl, SegmentedControlSegment } from "seed-design/ui/segmented-control"; +import { SegmentedControl, SegmentedControlItem } from "seed-design/ui/segmented-control"; import { segmentedControlVariantMap } from "@seed-design/recipe/segmentedControl"; import { SeedThemeDecorator } from "./components/decorator"; @@ -15,9 +15,9 @@ const Component = ({ disabled }: { disabled: boolean }) => { return ( {values.map((value) => ( - + {value} - + ))} ); diff --git a/packages/qvism-preset/src/recipes/segmented-control.ts b/packages/qvism-preset/src/recipes/segmented-control.ts index f5f9f25e4..d94ce1f01 100644 --- a/packages/qvism-preset/src/recipes/segmented-control.ts +++ b/packages/qvism-preset/src/recipes/segmented-control.ts @@ -1,13 +1,13 @@ import { - segmentedControl as segmentedControlVars, - segment as segmentVars, + segmentedControlItem as itemVars, + segmentedControl as vars, } from "@seed-design/vars/component"; import { defineRecipe } from "../utils/define-recipe"; -import { disabled, active, pseudo, checked, not } from "../utils/pseudo"; +import { active, checked, disabled, not, pseudo } from "../utils/pseudo"; const segmentedControl = defineRecipe({ name: "segmentedControl", - slots: ["root", "segment", "segmentLabel", "segmentLabelPlaceholder", "indicator"], + slots: ["root", "indicator", "item", "itemLabel"], base: { root: { display: "grid", @@ -17,11 +17,11 @@ const segmentedControl = defineRecipe({ position: "relative", - padding: segmentedControlVars.base.enabled.root.padding, + padding: vars.base.enabled.root.padding, - borderRadius: segmentedControlVars.base.enabled.root.cornerRadius, + borderRadius: vars.base.enabled.root.cornerRadius, - backgroundColor: segmentedControlVars.base.enabled.root.color, + backgroundColor: vars.base.enabled.root.color, gridAutoFlow: "column", gridAutoColumns: "1fr", @@ -30,93 +30,71 @@ const segmentedControl = defineRecipe({ isolation: "isolate", }, - segment: { + indicator: { + position: "absolute", + zIndex: -1, + willChange: "transform", + transform: "translateX(calc(var(--segment-index) * 100%))", + + insetBlock: vars.base.enabled.root.padding, + insetInlineStart: vars.base.enabled.root.padding, + width: `calc((100% - ${vars.base.enabled.root.padding} * 2) / var(--segment-count))`, + + borderRadius: vars.base.enabled.indicator.cornerRadius, + backgroundColor: vars.base.enabled.indicator.color, + boxShadow: vars.base.enabled.indicator.shadow, + transition: `transform ${vars.base.enabled.indicator.transformDuration} ${vars.base.enabled.indicator.transformTimingFunction}`, + }, + item: { display: "grid", + cursor: "pointer", - minWidth: segmentVars.base.enabled.root.minWidth, - height: segmentVars.base.enabled.root.height, + minWidth: itemVars.base.enabled.root.minWidth, + height: itemVars.base.enabled.root.height, - borderRadius: segmentVars.base.enabled.root.cornerRadius, + borderRadius: itemVars.base.enabled.root.cornerRadius, overflow: "hidden", userSelect: "none", - lineHeight: segmentVars.base.enabled.label.lineHeight, + lineHeight: itemVars.base.enabled.label.lineHeight, - [pseudo(not(disabled))]: { - cursor: "pointer", - }, - - [pseudo(not(disabled), active)]: { - backgroundColor: segmentVars.base.enabledPressed.root.color, + [pseudo(disabled)]: { + cursor: "not-allowed", }, - [pseudo(not(disabled), checked, active)]: { - backgroundColor: segmentVars.base.enabledSelectedPressed.root.color, + [pseudo(not(checked), active)]: { + backgroundColor: itemVars.base.pressed.root.color, }, }, - segmentLabel: { + itemLabel: { gridArea: "1 / 1 / 1 / 1", - paddingInline: `calc(${segmentVars.base.enabled.root.paddingX} - 1px)`, + paddingInline: `calc(${itemVars.base.enabled.root.paddingX} - 1px)`, marginBlock: "auto", textAlign: "center", - fontWeight: segmentVars.base.enabled.label.fontWeight, - fontSize: segmentVars.base.enabled.label.fontSize, + fontWeight: itemVars.base.enabled.label.fontWeight, + fontSize: itemVars.base.enabled.label.fontSize, whiteSpace: "nowrap", textOverflow: "ellipsis", overflow: "hidden", - color: segmentVars.base.enabled.label.color, + color: itemVars.base.enabled.label.color, [pseudo(checked)]: { - color: segmentVars.base.enabledSelected.label.color, + color: itemVars.base.selected.label.color, - fontWeight: segmentVars.base.enabledSelected.label.fontWeight, + fontWeight: itemVars.base.selected.label.fontWeight, }, [pseudo(disabled)]: { - color: segmentVars.base.disabled.label.color, + color: itemVars.base.disabled.label.color, }, }, - segmentLabelPlaceholder: { - gridArea: "1 / 1 / 1 / 1", - - paddingInline: segmentVars.base.enabled.root.paddingX, - - textAlign: "center", - fontWeight: segmentVars.base.enabledSelected.label.fontWeight, - fontSize: segmentVars.base.enabled.label.fontSize, - - textOverflow: "ellipsis", - overflow: "hidden", - whiteSpace: "nowrap", - - opacity: 0, - }, - indicator: { - position: "absolute", - insetBlock: segmentedControlVars.base.enabled.root.padding, - insetInlineStart: segmentedControlVars.base.enabled.root.padding, - - width: `calc((100% - ${segmentedControlVars.base.enabled.root.padding} * 2) / var(--segment-count))`, - transform: "translateX(calc(var(--segment-index) * 100%))", - - zIndex: -1, - - borderRadius: segmentVars.base.enabled.root.cornerRadius, - - backgroundColor: segmentVars.base.enabledSelected.root.color, - - boxShadow: segmentVars.base.enabledSelected.root.shadow, - - willChange: "transform", - transition: `transform ${segmentVars.base.enabledSelected.root.transformDuration} ${segmentVars.base.enabledSelected.root.transformTimingFunction}`, - }, }, variants: {}, defaultVariants: {}, diff --git a/packages/react-headless/segmented-control/src/SegmentedControl.namespace.ts b/packages/react-headless/segmented-control/src/SegmentedControl.namespace.ts index 61a0e3c4d..fbc7d9811 100644 --- a/packages/react-headless/segmented-control/src/SegmentedControl.namespace.ts +++ b/packages/react-headless/segmented-control/src/SegmentedControl.namespace.ts @@ -1,8 +1,8 @@ export { SegmentedControlRoot as Root, - SegmentedControlSegment as Segment, - SegmentedControlSegmentHiddenInput as SegmentHiddenInput, + SegmentedControlItem as Item, + SegmentedControlItemHiddenInput as ItemHiddenInput, type SegmentedControlRootProps as RootProps, - type SegmentedControlSegmentProps as SegmentProps, - type SegmentedControlSegmentHiddenInputProps as SegmentHiddenInputProps, + type SegmentedControlItemHiddenInputProps as ItemHiddenInputProps, + type SegmentedControlItemProps as ItemProps, } from "./SegmentedControl"; diff --git a/packages/react-headless/segmented-control/src/SegmentedControl.tsx b/packages/react-headless/segmented-control/src/SegmentedControl.tsx index 2ad209ffe..abe17a4e4 100644 --- a/packages/react-headless/segmented-control/src/SegmentedControl.tsx +++ b/packages/react-headless/segmented-control/src/SegmentedControl.tsx @@ -4,14 +4,14 @@ import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive"; import * as React from "react"; import { useSegmentedControl, - type SegmentProps, + type UseSegmentedControlItemProps, type UseSegmentedControlProps, } from "./useSegmentedControl"; import { SegmentedControlProvider, useSegmentedControlContext } from "./useSegmentedControlContext"; import { - SegmentedControlSegmentProvider, - useSegmentedControlSegmentContext, -} from "./useSegmentedControlSegmentContext"; + SegmentedControlItemProvider, + useSegmentedControlItemContext, +} from "./useSegmentedControlItemContext"; export interface SegmentedControlRootProps extends UseSegmentedControlProps, @@ -41,39 +41,39 @@ export const SegmentedControlRoot = React.forwardRef, "value"> {} -export const SegmentedControlSegment = React.forwardRef< +export const SegmentedControlItem = React.forwardRef< HTMLLabelElement, - SegmentedControlSegmentProps + UseSegmentedControlItemProps >((props, ref) => { const { value, invalid, disabled, ...otherProps } = props; - const { getSegmentProps } = useSegmentedControlContext(); - const itemProps = getSegmentProps({ value, disabled, invalid }); + const { getItemProps } = useSegmentedControlContext(); + const itemProps = getItemProps({ value, disabled, invalid }); const mergedProps = mergeProps(itemProps.rootProps, otherProps); return ( - + - + ); }); -SegmentedControlSegment.displayName = "SegmentedControlSegment"; +SegmentedControlItem.displayName = "SegmentedControlItem"; -export interface SegmentedControlSegmentHiddenInputProps +export interface SegmentedControlItemHiddenInputProps extends PrimitiveProps, React.HTMLAttributes {} -export const SegmentedControlSegmentHiddenInput = React.forwardRef< +export const SegmentedControlItemHiddenInput = React.forwardRef< HTMLInputElement, - SegmentedControlSegmentHiddenInputProps + SegmentedControlItemHiddenInputProps >((props, ref) => { - const { hiddenInputProps } = useSegmentedControlSegmentContext(); + const { hiddenInputProps } = useSegmentedControlItemContext(); const mergedProps = mergeProps(hiddenInputProps, props); return ; }); -SegmentedControlSegmentHiddenInput.displayName = "SegmentedControlSegmentHiddenInput"; +SegmentedControlItemHiddenInput.displayName = "SegmentedControlItemHiddenInput"; diff --git a/packages/react-headless/segmented-control/src/index.ts b/packages/react-headless/segmented-control/src/index.ts index 4d162da91..ec97ebea1 100644 --- a/packages/react-headless/segmented-control/src/index.ts +++ b/packages/react-headless/segmented-control/src/index.ts @@ -1,10 +1,10 @@ export { SegmentedControlRoot, - SegmentedControlSegment, - SegmentedControlSegmentHiddenInput, + SegmentedControlItem, + SegmentedControlItemHiddenInput, type SegmentedControlRootProps, - type SegmentedControlSegmentProps, - type SegmentedControlSegmentHiddenInputProps, + type SegmentedControlItemProps, + type SegmentedControlItemHiddenInputProps, } from "./SegmentedControl"; export { @@ -13,8 +13,8 @@ export { } from "./useSegmentedControlContext"; export { - useSegmentedControlSegmentContext, - type UseSegmentedControlSegmentContext, -} from "./useSegmentedControlSegmentContext"; + useSegmentedControlItemContext, + type UseSegmentedControlItemContext, +} from "./useSegmentedControlItemContext"; export * as SegmentedControl from "./SegmentedControl.namespace"; diff --git a/packages/react-headless/segmented-control/src/useSegmentedControl.test.tsx b/packages/react-headless/segmented-control/src/useSegmentedControl.test.tsx index cb026e925..fa506db13 100644 --- a/packages/react-headless/segmented-control/src/useSegmentedControl.test.tsx +++ b/packages/react-headless/segmented-control/src/useSegmentedControl.test.tsx @@ -8,10 +8,10 @@ import * as React from "react"; import { SegmentedControlRoot as Root, - SegmentedControlSegment as Segment, - SegmentedControlSegmentHiddenInput as HiddenInput, + SegmentedControlItem as Segment, + SegmentedControlItemHiddenInput as HiddenInput, type SegmentedControlRootProps, - type SegmentedControlSegmentProps, + type SegmentedControlItemProps, } from "./SegmentedControl"; afterEach(cleanup); @@ -32,7 +32,7 @@ function SegmentedControl({ children, ...otherProps }: SegmentedControlRootProps ); } -function SegmentedControlSegment({ children, ...otherProps }: SegmentedControlSegmentProps) { +function SegmentedControlItem({ children, ...otherProps }: SegmentedControlItemProps) { return ( @@ -49,7 +49,7 @@ describe("useSegmentedControl", () => { const { getByTestId } = setUp( {values.map((value) => ( - + ))} , ); @@ -64,7 +64,7 @@ describe("useSegmentedControl", () => { const { user, getByTestId } = setUp( {values.map((value) => ( - + ))} , ); @@ -85,7 +85,7 @@ describe("useSegmentedControl", () => { const { getByTestId } = setUp( {values.map((value) => ( - + ))} , ); @@ -100,7 +100,7 @@ describe("useSegmentedControl", () => { const { user, getByTestId } = setUp( {values.map((value) => ( - + ))} , ); @@ -126,7 +126,7 @@ describe("useSegmentedControl", () => { return ( {values.map((value) => ( - + ))} ); @@ -144,7 +144,7 @@ describe("useSegmentedControl", () => { const { user, getByTestId } = setUp( {values.map((value) => ( - + ))} , ); @@ -163,7 +163,7 @@ describe("useSegmentedControl", () => { return ( {values.map((value) => ( - + ))} ); @@ -189,7 +189,7 @@ describe("useSegmentedControl", () => { const { user, getByTestId } = setUp( {values.map((value) => ( - + ))} , ); diff --git a/packages/react-headless/segmented-control/src/useSegmentedControl.ts b/packages/react-headless/segmented-control/src/useSegmentedControl.ts index bb7b6bef2..8b7b66dd8 100644 --- a/packages/react-headless/segmented-control/src/useSegmentedControl.ts +++ b/packages/react-headless/segmented-control/src/useSegmentedControl.ts @@ -61,7 +61,7 @@ export interface UseSegmentedControlProps extends UseSegmentedControlStateProps form?: string; } -export interface SegmentProps { +export interface UseSegmentedControlItemProps { value: string; disabled?: boolean; @@ -71,7 +71,7 @@ export interface SegmentProps { export type UseSegmentedControlReturn = ReturnType; -export type GetSegmentPropsReturn = ReturnType; +export type GetItemPropsReturn = ReturnType; export function useSegmentedControl(props: UseSegmentedControlProps) { const id = useId(); @@ -115,8 +115,8 @@ export function useSegmentedControl(props: UseSegmentedControlProps) { } as React.CSSProperties, }), - getSegmentProps(segmentProps: SegmentProps) { - const { value: itemValue, disabled: itemDisabled, invalid: itemInvalid } = segmentProps; + getItemProps(itemProps: UseSegmentedControlItemProps) { + const { value: itemValue, disabled: itemDisabled, invalid: itemInvalid } = itemProps; const itemState = { invalid: !!itemInvalid, @@ -151,7 +151,7 @@ export function useSegmentedControl(props: UseSegmentedControlProps) { onPointerMove() { if (itemState.disabled) return; - setHoveredValue(segmentProps.value); + setHoveredValue(itemProps.value); }, onPointerLeave() { if (itemState.disabled) return; @@ -165,7 +165,7 @@ export function useSegmentedControl(props: UseSegmentedControlProps) { if (itemState.focused && event.pointerType === "mouse") { event.preventDefault(); } - setActiveValue(segmentProps.value); + setActiveValue(itemProps.value); }, onPointerUp() { if (itemState.disabled) return; @@ -178,13 +178,13 @@ export function useSegmentedControl(props: UseSegmentedControlProps) { name: name || id, form, - value: segmentProps.value, + value: itemProps.value, onChange(event) { if (itemState.disabled) return; if (event.target.checked) { - setValue(segmentProps.value); + setValue(itemProps.value); } setIsFocusVisible(event.target.matches(":focus-visible")); }, @@ -193,12 +193,12 @@ export function useSegmentedControl(props: UseSegmentedControlProps) { setIsFocusVisible(false); }, onFocus(event) { - setFocusedValue(segmentProps.value); + setFocusedValue(itemProps.value); setIsFocusVisible(event.target.matches(":focus-visible")); }, onKeyDown(event) { if (event.key === " ") { - setActiveValue(segmentProps.value); + setActiveValue(itemProps.value); } }, onKeyUp(event) { diff --git a/packages/react-headless/segmented-control/src/useSegmentedControlItemContext.tsx b/packages/react-headless/segmented-control/src/useSegmentedControlItemContext.tsx new file mode 100644 index 000000000..863b4a65c --- /dev/null +++ b/packages/react-headless/segmented-control/src/useSegmentedControlItemContext.tsx @@ -0,0 +1,21 @@ +import { createContext, useContext } from "react"; +import type { GetItemPropsReturn } from "./useSegmentedControl"; + +export interface UseSegmentedControlItemContext extends GetItemPropsReturn {} + +const SegmentedControlItemContext = createContext(null); + +export const SegmentedControlItemProvider = SegmentedControlItemContext.Provider; + +export function useSegmentedControlItemContext({ + strict = true, +}: { strict?: T } = {}): T extends false + ? UseSegmentedControlItemContext | null + : UseSegmentedControlItemContext { + const context = useContext(SegmentedControlItemContext); + if (!context && strict) { + throw new Error("useSegmentedControlItemContext must be used within a SegmentedControlItem"); + } + + return context as UseSegmentedControlItemContext; +} diff --git a/packages/react-headless/segmented-control/src/useSegmentedControlSegmentContext.tsx b/packages/react-headless/segmented-control/src/useSegmentedControlSegmentContext.tsx deleted file mode 100644 index b62608c00..000000000 --- a/packages/react-headless/segmented-control/src/useSegmentedControlSegmentContext.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { createContext, useContext } from "react"; -import type { GetSegmentPropsReturn } from "./useSegmentedControl"; - -export interface UseSegmentedControlSegmentContext extends GetSegmentPropsReturn {} - -const SegmentedControlSegmentContext = createContext( - null, -); - -export const SegmentedControlSegmentProvider = SegmentedControlSegmentContext.Provider; - -export function useSegmentedControlSegmentContext({ - strict = true, -}: { strict?: T } = {}): T extends false - ? UseSegmentedControlSegmentContext | null - : UseSegmentedControlSegmentContext { - const context = useContext(SegmentedControlSegmentContext); - if (!context && strict) { - throw new Error( - "useSegmentedControlSegmentContext must be used within a SegmentedControlSegment", - ); - } - - return context as UseSegmentedControlSegmentContext; -} diff --git a/packages/react/src/components/SegmentedControl/SegmentedControl.namespace.ts b/packages/react/src/components/SegmentedControl/SegmentedControl.namespace.ts index b3d1f8552..2cf24fe90 100644 --- a/packages/react/src/components/SegmentedControl/SegmentedControl.namespace.ts +++ b/packages/react/src/components/SegmentedControl/SegmentedControl.namespace.ts @@ -1,14 +1,12 @@ export { SegmentedControlIndicator as Indicator, SegmentedControlRoot as Root, - SegmentedControlSegment as Segment, - SegmentedControlSegmentHiddenInput as SegmentHiddenInput, - SegmentedControlSegmentLabel as SegmentLabel, - SegmentedControlSegmentLabelPlaceholder as SegmentLabelPlaceholder, + SegmentedControlItem as Item, + SegmentedControlItemHiddenInput as SegmentHiddenInput, + SegmentedControlItemLabel as SegmentLabel, type SegmentedControlIndicatorProps as IndicatorProps, type SegmentedControlRootProps as RootProps, - type SegmentedControlSegmentProps as SegmentProps, - type SegmentedControlSegmentHiddenInputProps as SegmentHiddenInputProps, - type SegmentedControlSegmentLabelProps as SegmentLabelProps, - type SegmentedControlSegmentLabelPlaceholderProps as SegmentLabelPlaceholderProps, + type SegmentedControlItemProps as ItemProps, + type SegmentedControlItemHiddenInputProps as SegmentHiddenInputProps, + type SegmentedControlItemLabelProps as SegmentLabelProps, } from "./SegmentedControl"; diff --git a/packages/react/src/components/SegmentedControl/SegmentedControl.tsx b/packages/react/src/components/SegmentedControl/SegmentedControl.tsx index f81188cf1..111f70cd6 100644 --- a/packages/react/src/components/SegmentedControl/SegmentedControl.tsx +++ b/packages/react/src/components/SegmentedControl/SegmentedControl.tsx @@ -1,7 +1,7 @@ import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive"; import { SegmentedControl as SegmentedControlPrimitive, - useSegmentedControlSegmentContext, + useSegmentedControlItemContext, } from "@seed-design/react-segmented-control"; import { segmentedControl, @@ -11,7 +11,7 @@ import { createStyleContext } from "../../utils/createStyleContext"; import { createWithStateProps } from "../../utils/createWithStateProps"; const { withProvider, withContext } = createStyleContext(segmentedControl); -const withStateProps = createWithStateProps([useSegmentedControlSegmentContext]); +const withStateProps = createWithStateProps([useSegmentedControlItemContext]); export interface SegmentedControlRootProps extends SegmentedControlVariantProps, @@ -31,32 +31,23 @@ export const SegmentedControlIndicator = withContext< SegmentedControlIndicatorProps >(Primitive.div, "indicator"); -export interface SegmentedControlSegmentProps extends SegmentedControlPrimitive.SegmentProps {} +export interface SegmentedControlItemProps extends SegmentedControlPrimitive.ItemProps {} -export const SegmentedControlSegment = withContext( - SegmentedControlPrimitive.Segment, - "segment", +export const SegmentedControlItem = withContext( + SegmentedControlPrimitive.Item, + "item", ); -export interface SegmentedControlSegmentHiddenInputProps - extends SegmentedControlPrimitive.SegmentHiddenInputProps {} +export interface SegmentedControlItemHiddenInputProps + extends SegmentedControlPrimitive.ItemHiddenInputProps {} -export const SegmentedControlSegmentHiddenInput = SegmentedControlPrimitive.SegmentHiddenInput; +export const SegmentedControlItemHiddenInput = SegmentedControlPrimitive.ItemHiddenInput; -export interface SegmentedControlSegmentLabelProps +export interface SegmentedControlItemLabelProps extends PrimitiveProps, React.HTMLAttributes {} -export const SegmentedControlSegmentLabel = withContext< +export const SegmentedControlItemLabel = withContext< HTMLSpanElement, - SegmentedControlSegmentLabelProps ->(withStateProps(Primitive.span), "segmentLabel"); - -export interface SegmentedControlSegmentLabelPlaceholderProps - extends PrimitiveProps, - React.HTMLAttributes {} - -export const SegmentedControlSegmentLabelPlaceholder = withContext< - HTMLSpanElement, - SegmentedControlSegmentLabelPlaceholderProps ->(withStateProps(Primitive.span), "segmentLabelPlaceholder"); + SegmentedControlItemLabelProps +>(withStateProps(Primitive.span), "itemLabel"); diff --git a/packages/react/src/components/SegmentedControl/index.ts b/packages/react/src/components/SegmentedControl/index.ts index 2036d3f5d..efddd4013 100644 --- a/packages/react/src/components/SegmentedControl/index.ts +++ b/packages/react/src/components/SegmentedControl/index.ts @@ -1,16 +1,14 @@ export { SegmentedControlIndicator, SegmentedControlRoot, - SegmentedControlSegment, - SegmentedControlSegmentHiddenInput, - SegmentedControlSegmentLabel, - SegmentedControlSegmentLabelPlaceholder, + SegmentedControlItem, + SegmentedControlItemHiddenInput, + SegmentedControlItemLabel, type SegmentedControlIndicatorProps, type SegmentedControlRootProps, - type SegmentedControlSegmentProps, - type SegmentedControlSegmentHiddenInputProps, - type SegmentedControlSegmentLabelProps, - type SegmentedControlSegmentLabelPlaceholderProps, + type SegmentedControlItemProps, + type SegmentedControlItemHiddenInputProps, + type SegmentedControlItemLabelProps, } from "./SegmentedControl"; export * as SegmentedControl from "./SegmentedControl.namespace"; diff --git a/packages/recipe/lib/segmentedControl.d.ts b/packages/recipe/lib/segmentedControl.d.ts index d91bda783..ca627e567 100644 --- a/packages/recipe/lib/segmentedControl.d.ts +++ b/packages/recipe/lib/segmentedControl.d.ts @@ -8,7 +8,7 @@ declare type SegmentedControlVariantMap = { export declare type SegmentedControlVariantProps = Partial; -export declare type SegmentedControlSlotName = "root" | "segment" | "segmentLabel" | "segmentLabelPlaceholder" | "indicator"; +export declare type SegmentedControlSlotName = "root" | "indicator" | "item" | "itemLabel"; export declare const segmentedControlVariantMap: SegmentedControlVariantMap; diff --git a/packages/recipe/lib/segmentedControl.mjs b/packages/recipe/lib/segmentedControl.mjs index b2bb533c3..12ea5c814 100644 --- a/packages/recipe/lib/segmentedControl.mjs +++ b/packages/recipe/lib/segmentedControl.mjs @@ -8,20 +8,16 @@ const segmentedControlSlotNames = [ "segmentedControl__root" ], [ - "segment", - "segmentedControl__segment" - ], - [ - "segmentLabel", - "segmentedControl__segmentLabel" + "indicator", + "segmentedControl__indicator" ], [ - "segmentLabelPlaceholder", - "segmentedControl__segmentLabelPlaceholder" + "item", + "segmentedControl__item" ], [ - "indicator", - "segmentedControl__indicator" + "itemLabel", + "segmentedControl__itemLabel" ] ]; diff --git a/packages/rootage/components/segment.yaml b/packages/rootage/components/segmented-control-item.yaml similarity index 55% rename from packages/rootage/components/segment.yaml rename to packages/rootage/components/segmented-control-item.yaml index 1aca84540..9ea2e867b 100644 --- a/packages/rootage/components/segment.yaml +++ b/packages/rootage/components/segmented-control-item.yaml @@ -2,8 +2,8 @@ # parts: root, segment, indicator kind: ComponentSpec metadata: - id: segment - name: Segment + id: segmented-control-item + name: Segmented Control Item data: base: enabled: @@ -17,28 +17,13 @@ data: lineHeight: $line-height.s5 fontWeight: $font-weight.medium color: $color.fg.neutral-muted - enabled,pressed: + pressed: root: color: $color.bg.neutral-weak-pressed - enabled,selected: - root: - color: $color.bg.layer-default - shadow: - type: shadow - value: - - offsetX: 0px - offsetY: 1px - blur: 6px - spread: 0px - color: "#0000000d" - transformDuration: $duration.s4 - transformTimingFunction: $timing-function.easing + selected: label: fontWeight: $font-weight.bold color: $color.fg.neutral - enabled,selected,pressed: - root: - color: $color.bg.layer-default-pressed disabled: label: color: $color.fg.disabled diff --git a/packages/rootage/components/segmented-control.yaml b/packages/rootage/components/segmented-control.yaml index 6475716c3..1a7bfa023 100644 --- a/packages/rootage/components/segmented-control.yaml +++ b/packages/rootage/components/segmented-control.yaml @@ -11,3 +11,16 @@ data: padding: $dimension.s1 cornerRadius: $radius.full color: $color.bg.neutral-weak + indicator: + color: $color.bg.layer-default + cornerRadius: $radius.full + shadow: + type: shadow + value: + - offsetX: 0px + offsetY: 1px + blur: 6px + spread: 0px + color: "#0000000d" + transformDuration: $duration.s4 + transformTimingFunction: $timing-function.easing diff --git a/packages/stylesheet/component.css b/packages/stylesheet/component.css index ca65c058f..95b65f1e2 100644 --- a/packages/stylesheet/component.css +++ b/packages/stylesheet/component.css @@ -2847,7 +2847,22 @@ position: relative; } -.segmentedControl__segment { +.segmentedControl__indicator { + z-index: -1; + will-change: transform; + transform: translateX(calc(var(--segment-index) * 100%)); + inset-block: var(--seed-v3-dimension-s1); + width: calc((100% - var(--seed-v3-dimension-s1) * 2) / var(--segment-count)); + border-radius: var(--seed-v3-radius-full); + background-color: var(--seed-v3-color-bg-layer-default); + transition: transform var(--seed-v3-duration-s4) var(--seed-v3-timing-function-easing); + position: absolute; + inset-inline-start: var(--seed-v3-dimension-s1); + box-shadow: 0 1px 6px #0000000d; +} + +.segmentedControl__item { + cursor: pointer; min-width: 86px; height: var(--seed-v3-dimension-s8); border-radius: var(--seed-v3-radius-full); @@ -2857,19 +2872,15 @@ overflow: hidden; } -.segmentedControl__segment:not(:is(:disabled, [disabled], [data-disabled])) { - cursor: pointer; +.segmentedControl__item:is(:disabled, [disabled], [data-disabled]) { + cursor: not-allowed; } -.segmentedControl__segment:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) { +.segmentedControl__item:not(:is(:checked, [data-checked])):is(:active, [data-active]) { background-color: var(--seed-v3-color-bg-neutral-weak-pressed); } -.segmentedControl__segment:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-v3-color-bg-layer-default-pressed); -} - -.segmentedControl__segmentLabel { +.segmentedControl__itemLabel { padding-inline: calc(var(--seed-v3-dimension-s4) - 1px); text-align: center; font-weight: var(--seed-v3-font-weight-medium); @@ -2882,41 +2893,15 @@ overflow: hidden; } -.segmentedControl__segmentLabel:is(:checked, [data-checked]) { +.segmentedControl__itemLabel:is(:checked, [data-checked]) { color: var(--seed-v3-color-fg-neutral); font-weight: var(--seed-v3-font-weight-bold); } -.segmentedControl__segmentLabel:is(:disabled, [disabled], [data-disabled]) { +.segmentedControl__itemLabel:is(:disabled, [disabled], [data-disabled]) { color: var(--seed-v3-color-fg-disabled); } -.segmentedControl__segmentLabelPlaceholder { - padding-inline: var(--seed-v3-dimension-s4); - text-align: center; - font-weight: var(--seed-v3-font-weight-bold); - font-size: var(--seed-v3-font-size-s5); - text-overflow: ellipsis; - white-space: nowrap; - opacity: 0; - grid-area: 1 / 1 / 1 / 1; - overflow: hidden; -} - -.segmentedControl__indicator { - inset-block: var(--seed-v3-dimension-s1); - width: calc((100% - var(--seed-v3-dimension-s1) * 2) / var(--segment-count)); - transform: translateX(calc(var(--segment-index) * 100%)); - z-index: -1; - border-radius: var(--seed-v3-radius-full); - background-color: var(--seed-v3-color-bg-layer-default); - will-change: transform; - transition: transform var(--seed-v3-duration-s4) var(--seed-v3-timing-function-easing); - position: absolute; - inset-inline-start: var(--seed-v3-dimension-s1); - box-shadow: 0 1px 6px #0000000d; -} - .selectBoxGroup__root { flex-direction: column; width: 100%; diff --git a/packages/stylesheet/component.min.css b/packages/stylesheet/component.min.css index 511b087d0..0d70a27fb 100644 --- a/packages/stylesheet/component.min.css +++ b/packages/stylesheet/component.min.css @@ -1 +1 @@ -.avatar__root{box-sizing:border-box;vertical-align:top;border-radius:var(--seed-v3-radius-full);justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar__image{object-fit:cover;border-radius:var(--seed-v3-radius-full);width:100%;height:100%;display:block;overflow:hidden}.avatar__image:not([data-loading-status=loaded]){display:none}.avatar__fallback{object-fit:cover;border-radius:var(--seed-v3-radius-full);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.avatar__fallback[data-loading-status=loaded]{display:none}.avatar__badge{box-sizing:border-box;z-index:1;background:var(--seed-v3-color-bg-layer-default);border-radius:var(--seed-v3-radius-full);justify-content:center;align-items:center;display:flex;position:absolute}.avatar__root--size_20{width:20px;height:20px}.avatar__badge--size_20{width:10px;height:10px;top:12.0721px;left:12.0721px}.avatar__root--size_24{width:24px;height:24px}.avatar__badge--size_24{width:12px;height:12px;top:14.4866px;left:14.4866px}.avatar__root--size_36{width:36px;height:36px}.avatar__badge--size_36{width:16px;height:16px;top:22.7298px;left:22.7298px}.avatar__root--size_48{width:48px;height:48px}.avatar__badge--size_48{width:24px;height:24px;top:28.9731px;left:28.9731px}.avatar__root--size_64{width:64px;height:64px}.avatar__badge--size_64{width:24px;height:24px;top:42.6308px;left:42.6308px}.avatar__root--size_80{width:80px;height:80px}.avatar__badge--size_80{width:24px;height:24px;top:56.2885px;left:56.2885px}.avatar__root--size_96{width:96px;height:96px}.avatar__badge--size_96{width:32px;height:32px;top:65.9463px;left:65.9463px}.avatarStack__root{box-sizing:border-box;align-items:center;display:inline-flex}.avatarStack__item{border-radius:var(--seed-v3-radius-full);background-clip:padding-box;display:block}.avatarStack__item--size_20:not(:first-child){margin-left:-5px}.avatarStack__item--size_20{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_24:not(:first-child){margin-left:-6px}.avatarStack__item--size_24{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_36:not(:first-child){margin-left:-8px}.avatarStack__item--size_36{clip-path:inset(-3px);box-shadow:0 0 0 3px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_48:not(:first-child){margin-left:-10px}.avatarStack__item--size_48{clip-path:inset(-4px);box-shadow:0 0 0 4px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_64:not(:first-child){margin-left:-10px}.avatarStack__item--size_64{clip-path:inset(-4px);box-shadow:0 0 0 4px var(--seed-v3-color-bg-layer-default)}.actionButton__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.actionButton__root:is(:focus,[data-focus]){outline:none}.actionButton__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.actionButton__root{transition:background-color var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing);font-weight:var(--seed-v3-font-weight-bold)}.actionButton__label[data-loading]{opacity:0}.actionButton__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.actionButton__icon[data-loading]{opacity:0}.actionButton__prefixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.actionButton__prefixIcon[data-loading]{opacity:0}.actionButton__suffixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.actionButton__suffixIcon[data-loading]{opacity:0}.actionButton__progressIndicator{display:none;position:absolute}.actionButton__progressIndicator[data-loading]{display:flex}.actionButton__root--variant_brandSolid{background:var(--seed-v3-color-bg-brand-solid)}.actionButton__root--variant_brandSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-brand-solid-pressed)}.actionButton__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_brandSolid[data-loading]{background:var(--seed-v3-color-bg-brand-solid-pressed)}.actionButton__label--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__label--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__icon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__prefixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__suffixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_brandSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.actionButton__root--variant_neutralSolid{background:var(--seed-v3-color-bg-neutral-inverted)}.actionButton__root--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-inverted-pressed)}.actionButton__root--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_neutralSolid[data-loading]{background:var(--seed-v3-color-bg-neutral-inverted-pressed)}.actionButton__label--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__label--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__icon--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__prefixIcon--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__suffixIcon--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_neutralSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.actionButton__root--variant_neutralWeak{background:var(--seed-v3-color-bg-neutral-weak)}.actionButton__root--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.actionButton__root--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_neutralWeak[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.actionButton__label--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__label--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__icon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__prefixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__suffixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_neutralWeak{--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.actionButton__root--variant_criticalSolid{background:var(--seed-v3-color-bg-critical-solid)}.actionButton__root--variant_criticalSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-critical-solid-pressed)}.actionButton__root--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_criticalSolid[data-loading]{background:var(--seed-v3-color-bg-critical-solid-pressed)}.actionButton__label--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__label--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__icon--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__prefixIcon--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__suffixIcon--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_criticalSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.actionButton__root--variant_brandOutline{background:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_brandOutline:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.actionButton__root--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-layer-default);border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_brandOutline[data-loading]{background:var(--seed-v3-color-bg-layer-default)}.actionButton__label--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__label--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__icon--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__prefixIcon--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__suffixIcon--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_brandOutline{--track-color:var(--seed-v3-color-palette-carrot-200);--range-color:var(--seed-v3-color-bg-brand-solid)}.actionButton__root--variant_neutralOutline{background:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_neutralOutline:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.actionButton__root--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-layer-default);border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_neutralOutline[data-loading]{background:var(--seed-v3-color-bg-layer-default)}.actionButton__label--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__label--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__icon--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__prefixIcon--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__suffixIcon--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_neutralOutline{--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.actionButton__root--size_xsmall{height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full)}.actionButton__progressIndicator--size_xsmall{--size:14px;--thickness:2px}.actionButton__root--size_small{height:var(--seed-v3-dimension-s9);border-radius:var(--seed-v3-radius-s2)}.actionButton__progressIndicator--size_small{--size:14px;--thickness:2px}.actionButton__root--size_medium{height:var(--seed-v3-dimension-s10);border-radius:var(--seed-v3-radius-s2)}.actionButton__progressIndicator--size_medium{--size:16px;--thickness:2px}.actionButton__root--size_large{height:var(--seed-v3-dimension-s13);border-radius:var(--seed-v3-radius-s3)}.actionButton__progressIndicator--size_large{--size:18px;--thickness:2px}.actionButton__root--size_xsmall-layout_withText{gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s1_5)}.actionButton__label--size_xsmall-layout_withText{font-size:var(--seed-v3-font-size-s4)}.actionButton__prefixIcon--size_xsmall-layout_withText,.actionButton__suffixIcon--size_xsmall-layout_withText{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionButton__root--size_xsmall-layout_iconOnly{min-width:var(--seed-v3-dimension-s8);padding-inline:var(--seed-v3-dimension-s1_5);padding-block:var(--seed-v3-dimension-s1_5)}.actionButton__icon--size_xsmall-layout_iconOnly{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionButton__root--size_small-layout_withText{gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s2)}.actionButton__label--size_small-layout_withText{font-size:var(--seed-v3-font-size-s4)}.actionButton__prefixIcon--size_small-layout_withText,.actionButton__suffixIcon--size_small-layout_withText{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionButton__root--size_small-layout_iconOnly{min-width:var(--seed-v3-dimension-s9);padding-inline:var(--seed-v3-dimension-s2);padding-block:var(--seed-v3-dimension-s2)}.actionButton__icon--size_small-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionButton__root--size_medium-layout_withText{gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s2_5)}.actionButton__label--size_medium-layout_withText{font-size:var(--seed-v3-font-size-s4)}.actionButton__prefixIcon--size_medium-layout_withText,.actionButton__suffixIcon--size_medium-layout_withText{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionButton__root--size_medium-layout_iconOnly{min-width:var(--seed-v3-dimension-s10);padding-inline:var(--seed-v3-dimension-s2_5);padding-block:var(--seed-v3-dimension-s2_5)}.actionButton__icon--size_medium-layout_iconOnly{width:18px;height:18px}.actionButton__root--size_large-layout_withText{gap:var(--seed-v3-dimension-s2);padding-inline:var(--seed-v3-dimension-s5);padding-block:var(--seed-v3-dimension-s3_5)}.actionButton__label--size_large-layout_withText{font-size:var(--seed-v3-font-size-s6)}.actionButton__prefixIcon--size_large-layout_withText,.actionButton__suffixIcon--size_large-layout_withText{width:22px;height:22px}.actionButton__root--size_large-layout_iconOnly{min-width:var(--seed-v3-dimension-s13);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s3_5)}.actionButton__icon--size_large-layout_iconOnly{width:22px;height:22px}.toggleButton__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.toggleButton__root:is(:focus,[data-focus]){outline:none}.toggleButton__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.toggleButton__root{transition:background-color var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing)}.toggleButton__label{font-weight:var(--seed-v3-font-weight-bold)}.toggleButton__label[data-loading]{opacity:0}.toggleButton__prefixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggleButton__prefixIcon[data-loading]{opacity:0}.toggleButton__suffixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggleButton__suffixIcon[data-loading]{opacity:0}.toggleButton__progressIndicator{display:none;position:absolute}.toggleButton__progressIndicator[data-loading]{display:flex}.toggleButton__root--variant_brandSolid{background:var(--seed-v3-color-bg-brand-solid)}.toggleButton__root--variant_brandSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-brand-solid-pressed)}.toggleButton__root--variant_brandSolid:is([aria-pressed=true],[data-pressed]){background:var(--seed-v3-color-bg-neutral-weak)}.toggleButton__root--variant_brandSolid:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.toggleButton__root--variant_brandSolid[data-loading]{background:var(--seed-v3-color-bg-brand-solid-pressed)}.toggleButton__root--variant_brandSolid:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__label--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.toggleButton__label--variant_brandSolid:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__label--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__prefixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.toggleButton__prefixIcon--variant_brandSolid:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__prefixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__suffixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.toggleButton__suffixIcon--variant_brandSolid:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__suffixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__progressIndicator--variant_brandSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.toggleButton__progressIndicator--variant_brandSolid:is([aria-pressed=true],[data-pressed]){--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.toggleButton__root--variant_neutralWeak{background:var(--seed-v3-color-bg-neutral-weak)}.toggleButton__root--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__root--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){background:var(--seed-v3-color-bg-neutral-weak)}.toggleButton__root--variant_neutralWeak:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__root--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.toggleButton__root--variant_neutralWeak[data-loading],.toggleButton__root--variant_neutralWeak:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__label--variant_neutralWeak,.toggleButton__label--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__label--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__prefixIcon--variant_neutralWeak,.toggleButton__prefixIcon--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__prefixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__suffixIcon--variant_neutralWeak,.toggleButton__suffixIcon--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__suffixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__progressIndicator--variant_neutralWeak,.toggleButton__progressIndicator--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.toggleButton__root--size_xsmall{height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s1_5)}.toggleButton__label--size_xsmall{font-size:var(--seed-v3-font-size-s4)}.toggleButton__prefixIcon--size_xsmall,.toggleButton__suffixIcon--size_xsmall{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.toggleButton__progressIndicator--size_xsmall{--size:14px;--thickness:2px}.toggleButton__root--size_small{height:var(--seed-v3-dimension-s9);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s2)}.toggleButton__label--size_small{font-size:var(--seed-v3-font-size-s4)}.toggleButton__prefixIcon--size_small,.toggleButton__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.toggleButton__progressIndicator--size_small{--size:14px;--thickness:2px}.reactionButton__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.reactionButton__root:is(:focus,[data-focus]){outline:none}.reactionButton__root{transition:background-color var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing);background:var(--seed-v3-color-bg-neutral-weak)}.reactionButton__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.reactionButton__root:is([aria-pressed=true],[data-pressed]){background:var(--seed-v3-color-bg-layer-default);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-brand)}.reactionButton__root:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.reactionButton__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background:var(--seed-v3-color-bg-disabled);box-shadow:inset 0 0 0 0px var(--seed-v3-color-stroke-brand)}.reactionButton__root[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.reactionButton__root:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-v3-color-bg-layer-default-pressed);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-brand)}.reactionButton__label{font-weight:var(--seed-v3-font-weight-medium);color:var(--seed-v3-color-fg-neutral)}.reactionButton__label:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-brand)}.reactionButton__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.reactionButton__label[data-loading]{opacity:0}.reactionButton__count{font-weight:var(--seed-v3-font-weight-bold);color:var(--seed-v3-color-fg-neutral)}.reactionButton__count:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-brand)}.reactionButton__count:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.reactionButton__count[data-loading]{opacity:0}.reactionButton__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.reactionButton__prefixIcon:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-brand)}.reactionButton__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.reactionButton__prefixIcon[data-loading]{opacity:0}.reactionButton__progressIndicator{--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral);display:none;position:absolute}.reactionButton__progressIndicator:is([aria-pressed=true],[data-pressed]){--track-color:var(--seed-v3-color-palette-carrot-200);--range-color:var(--seed-v3-color-fg-brand)}.reactionButton__progressIndicator[data-loading]{display:flex}.reactionButton__root--size_xsmall{height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3);padding-block:var(--seed-v3-dimension-s1_5)}.reactionButton__label--size_xsmall,.reactionButton__count--size_xsmall{font-size:var(--seed-v3-font-size-s3);line-height:var(--seed-v3-line-height-s3)}.reactionButton__prefixIcon--size_xsmall{width:18px;height:18px}.reactionButton__progressIndicator--size_xsmall{--size:14px;--thickness:2px}.reactionButton__root--size_small{height:var(--seed-v3-dimension-s9);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s2)}.reactionButton__label--size_small,.reactionButton__count--size_small{font-size:var(--seed-v3-font-size-s3);line-height:var(--seed-v3-line-height-s3)}.reactionButton__prefixIcon--size_small{width:18px;height:18px}.reactionButton__progressIndicator--size_small{--size:14px;--thickness:2px}.bottomSheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottomSheet__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.bottomSheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.bottomSheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.bottomSheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-default);border-top-left-radius:var(--seed-v3-radius-s6);border-top-right-radius:var(--seed-v3-radius-s6);flex-direction:column;flex:1;display:flex;position:relative}.bottomSheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.bottomSheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.bottomSheet__header{gap:var(--seed-v3-dimension-s2);padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-top:var(--seed-v3-dimension-s6);padding-bottom:var(--seed-v3-dimension-s4);flex-direction:column;display:flex}.bottomSheet__title{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s8);line-height:var(--seed-v3-line-height-s8);font-weight:var(--seed-v3-font-weight-bold);margin:0}.bottomSheet__description{color:var(--seed-v3-color-fg-neutral-muted);font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6);font-weight:var(--seed-v3-font-weight-regular);white-space:pre-wrap;margin:0}.bottomSheet__body{padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);flex-direction:column;display:flex}.bottomSheet__footer{padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-top:var(--seed-v3-dimension-s3);padding-bottom:var(--seed-v3-dimension-s4);flex-direction:column;display:flex}.bottomSheet__closeButton{top:var(--seed-v3-dimension-s5);right:var(--seed-v3-dimension-s5);border-radius:var(--seed-v3-radius-full);background:var(--seed-v3-color-palette-gray-300);justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute}.bottomSheet__closeButton:after{content:"";position:absolute;inset:-8px}.bottomSheet__closeIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;width:14px;height:14px}.actionSheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.actionSheet__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.actionSheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.actionSheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.actionSheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-floating);border-top-left-radius:var(--seed-v3-radius-s5);border-top-right-radius:var(--seed-v3-radius-s5);flex-direction:column;flex:1;display:flex;position:relative}.actionSheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.actionSheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.actionSheet__header{padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s3_5);align-items:center;gap:var(--seed-v3-dimension-s1);flex-direction:column;display:flex;position:relative}.actionSheet__header:after{content:"";left:var(--seed-v3-dimension-spacing-x-global-gutter);right:var(--seed-v3-dimension-spacing-x-global-gutter);background:var(--seed-v3-color-stroke-neutral);height:1px;display:block;position:absolute;bottom:0}.actionSheet__title{color:var(--seed-v3-color-fg-neutral-muted);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-bold)}.actionSheet__description{color:var(--seed-v3-color-fg-neutral-muted);font-size:var(--seed-v3-font-size-s3);line-height:var(--seed-v3-line-height-s3);font-weight:var(--seed-v3-font-weight-regular)}.actionSheet__list{flex-direction:column;align-items:stretch;display:flex}.actionSheetItem__root{background-color:var(--seed-v3-color-bg-layer-floating);min-height:50px;padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s3_5);justify-content:center;align-items:center;display:flex;position:relative}.actionSheetItem__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-floating-pressed)}.actionSheetItem__root:after{content:"";left:var(--seed-v3-dimension-spacing-x-global-gutter);right:var(--seed-v3-dimension-spacing-x-global-gutter);background:var(--seed-v3-color-stroke-neutral);height:1px;display:block;position:absolute;bottom:0}.actionSheetItem__label{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-regular)}.actionSheetItem__label--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.actionSheetItem__label--tone_critical{color:var(--seed-v3-color-fg-critical)}.actionSheetCloseButton__root{background-color:var(--seed-v3-color-bg-layer-floating);min-height:50px;padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s3_5);justify-content:center;align-items:center;display:flex}.actionSheetCloseButton__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-floating-pressed)}.actionSheetCloseButton__label{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-bold)}.extendedActionSheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.extendedActionSheet__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.extendedActionSheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.extendedActionSheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.extendedActionSheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-floating);padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s4);border-top-left-radius:var(--seed-v3-radius-s5);border-top-right-radius:var(--seed-v3-radius-s5);flex-direction:column;flex:1;display:flex;position:relative}.extendedActionSheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.extendedActionSheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.extendedActionSheet__header{align-items:center;gap:var(--seed-v3-dimension-s1);padding-bottom:var(--seed-v3-dimension-s4);flex-direction:column;display:flex}.extendedActionSheet__title{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6);font-weight:var(--seed-v3-font-weight-bold)}.extendedActionSheet__list{align-items:stretch;gap:var(--seed-v3-dimension-s2_5);flex-direction:column;display:flex}.extendedActionSheet__group{border-radius:var(--seed-v3-radius-s4);flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.extendedActionSheet__footer{padding-top:var(--seed-v3-dimension-s2_5);flex-direction:column;align-items:stretch;display:flex}.extendedActionSheetItem__root{background-color:var(--seed-v3-color-bg-neutral-weak);min-height:52px;padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s3_5);justify-content:flex-start;align-items:center;gap:var(--seed-v3-dimension-s3_5);box-shadow:inset 0 calc(-1*1px)0 var(--seed-v3-color-stroke-neutral);display:flex}.extendedActionSheetItem__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.extendedActionSheetItem__root:last-child{box-shadow:none}.extendedActionSheetItem__label{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-regular)}.extendedActionSheetItem__prefixIcon{flex-shrink:0;width:22px;height:22px;display:inline-flex}.extendedActionSheetItem__label--tone_neutral,.extendedActionSheetItem__prefixIcon--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.extendedActionSheetItem__label--tone_critical,.extendedActionSheetItem__prefixIcon--tone_critical{color:var(--seed-v3-color-fg-critical)}.extendedActionSheetCloseButton__root{background-color:var(--seed-v3-color-bg-neutral-weak);min-height:52px;padding-inline:var(--seed-v3-dimension-s5);padding-block:var(--seed-v3-dimension-s3_5);border-radius:var(--seed-v3-radius-s3);justify-content:center;align-items:center;display:flex}.extendedActionSheetCloseButton__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.extendedActionSheetCloseButton__label{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-medium)}.fab__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.fab__root:is(:focus,[data-focus]){outline:none}.fab__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.fab__root{background:var(--seed-v3-color-bg-layer-floating);border-radius:var(--seed-v3-radius-full);width:44px;height:44px;box-shadow:0 2px 6px #00000026}.fab__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-floating-pressed)}.fab__icon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.extendedFab__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.extendedFab__root:is(:focus,[data-focus]){outline:none}.extendedFab__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.extendedFab__root{border-radius:var(--seed-v3-radius-full);box-shadow:0 2px 6px #00000026}.extendedFab__prefixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.extendedFab__root--variant_neutralSolid{background:var(--seed-v3-color-bg-neutral-inverted)}.extendedFab__root--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-inverted-pressed)}.extendedFab__label--variant_neutralSolid,.extendedFab__prefixIcon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.extendedFab__root--variant_layerFloating{background:var(--seed-v3-color-bg-layer-floating)}.extendedFab__root--variant_layerFloating:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-floating-pressed)}.extendedFab__label--variant_layerFloating,.extendedFab__prefixIcon--variant_layerFloating{color:var(--seed-v3-color-fg-neutral)}.extendedFab__root--size_small{padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s2_5);gap:var(--seed-v3-dimension-s1);min-height:40px}.extendedFab__label--size_small{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-medium)}.extendedFab__prefixIcon--size_small{width:16px;height:16px}.extendedFab__root--size_medium{padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s3);gap:var(--seed-v3-dimension-s1);min-height:48px}.extendedFab__label--size_medium{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-bold)}.extendedFab__prefixIcon--size_medium{width:16px;height:16px}.badge__root{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.badge__root--size_medium{min-height:var(--seed-v3-dimension-s5);padding-inline:var(--seed-v3-dimension-s1_5);padding-block:var(--seed-v3-dimension-s0_5)}.badge__label--size_medium{font-size:var(--seed-v3-font-size-s1);line-height:var(--seed-v3-line-height-s1)}.badge__root--size_large{min-height:var(--seed-v3-dimension-s6);padding-inline:var(--seed-v3-dimension-s2);padding-block:var(--seed-v3-dimension-s1)}.badge__label--size_large{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.badge__root--shape_pill{border-radius:var(--seed-v3-radius-full)}.badge__label--variant_weak{font-weight:var(--seed-v3-font-weight-medium)}.badge__label--variant_solid,.badge__label--variant_outline{font-weight:var(--seed-v3-font-weight-bold)}.badge__root--shape_rectangle-size_medium{border-radius:var(--seed-v3-radius-s1)}.badge__root--shape_rectangle-size_large{border-radius:var(--seed-v3-radius-s1_5)}.badge__root--tone_neutral-variant_weak{background-color:var(--seed-v3-color-bg-neutral-weak)}.badge__label--tone_neutral-variant_weak{color:var(--seed-v3-color-fg-neutral)}.badge__root--tone_neutral-variant_solid{background-color:var(--seed-v3-color-bg-neutral-inverted)}.badge__label--tone_neutral-variant_solid{color:var(--seed-v3-color-fg-neutral-inverted)}.badge__root--tone_neutral-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-neutral)}.badge__label--tone_neutral-variant_outline{color:var(--seed-v3-color-fg-neutral)}.badge__root--tone_brand-variant_weak{background-color:var(--seed-v3-color-bg-brand-weak)}.badge__label--tone_brand-variant_weak{color:var(--seed-v3-color-fg-brand-contrast)}.badge__root--tone_brand-variant_solid{background-color:var(--seed-v3-color-bg-brand-solid)}.badge__label--tone_brand-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_brand-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-brand)}.badge__label--tone_brand-variant_outline{color:var(--seed-v3-color-fg-brand)}.badge__root--tone_informative-variant_weak{background-color:var(--seed-v3-color-bg-informative-weak)}.badge__label--tone_informative-variant_weak{color:var(--seed-v3-color-fg-informative-contrast)}.badge__root--tone_informative-variant_solid{background-color:var(--seed-v3-color-bg-informative-solid)}.badge__label--tone_informative-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_informative-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-informative)}.badge__label--tone_informative-variant_outline{color:var(--seed-v3-color-fg-informative)}.badge__root--tone_positive-variant_weak{background-color:var(--seed-v3-color-bg-positive-weak)}.badge__label--tone_positive-variant_weak{color:var(--seed-v3-color-fg-positive-contrast)}.badge__root--tone_positive-variant_solid{background-color:var(--seed-v3-color-bg-positive-solid)}.badge__label--tone_positive-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_positive-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-positive)}.badge__label--tone_positive-variant_outline{color:var(--seed-v3-color-fg-positive)}.badge__root--tone_critical-variant_weak{background-color:var(--seed-v3-color-bg-critical-weak)}.badge__label--tone_critical-variant_weak{color:var(--seed-v3-color-fg-critical-contrast)}.badge__root--tone_critical-variant_solid{background-color:var(--seed-v3-color-bg-critical-solid)}.badge__label--tone_critical-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_critical-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-critical)}.badge__label--tone_critical-variant_outline{color:var(--seed-v3-color-fg-critical)}.radio__root{box-sizing:border-box;background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control);border-radius:var(--seed-v3-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.radio__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.radio__root:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid);border-width:0}.radio__root:is(:active,[data-active]):is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.radio__root:is(:disabled,[disabled],[data-disabled]){background-color:var(--seed-v3-color-palette-gray-300)}.radio__root:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:none;border-color:var(--seed-v3-color-palette-gray-300)}.radio__icon{border-radius:var(--seed-v3-radius-full);display:none}.radio__icon:is(:checked,[data-checked]){background-color:var(--seed-v3-color-palette-static-white);display:block}.radio__icon:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:var(--seed-v3-color-palette-gray-300)}.radio__root--size_large{width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6)}.radio__icon--size_large{width:var(--seed-v3-dimension-s2_5);height:var(--seed-v3-dimension-s2_5)}.radio__icon--size_large:is(:disabled,[disabled],[data-disabled]){width:var(--seed-v3-dimension-s3);height:var(--seed-v3-dimension-s3)}.radio__root--size_medium{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.radio__icon--size_medium{width:var(--seed-v3-dimension-s2);height:var(--seed-v3-dimension-s2)}.radio__icon--size_medium:is(:disabled,[disabled],[data-disabled]){width:var(--seed-v3-dimension-s2_5);height:var(--seed-v3-dimension-s2_5)}.dialog__positioner{overscroll-behavior-y:none;--dialog-z-index:2;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--dialog-z-index) + var(--layer-index,0));position:fixed;inset:0}.dialog__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.dialog__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.dialog__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-default);max-width:272px;margin:auto var(--seed-v3-dimension-s8);padding:var(--seed-v3-dimension-s5)var(--seed-v3-dimension-s5);border-radius:var(--seed-v3-radius-s5);flex-direction:column;flex:1;display:flex;position:relative}.dialog__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s4);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1.3}.dialog__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.dialog__header{gap:var(--seed-v3-dimension-s1_5);flex-direction:column;display:flex}.dialog__title{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s7);line-height:var(--seed-v3-line-height-s7);font-weight:var(--seed-v3-font-weight-bold);margin:0}.dialog__description{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-regular);white-space:pre-wrap;margin:0}.dialog__footer{padding-top:var(--seed-v3-dimension-s4);flex-direction:column;align-items:stretch;display:flex}.checkbox__root{vertical-align:top;isolation:isolate;cursor:pointer;align-items:flex-start;gap:var(--seed-v3-dimension-s2);max-inline-size:100%;display:inline-flex;position:relative}.checkbox__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.checkbox__control{box-sizing:border-box;flex-shrink:0;position:relative}.checkbox__icon{content:"";text-align:center;overflow:initial;margin:auto;display:none;position:absolute;inset:0}.checkbox__label{color:var(--seed-v3-color-fg-neutral)}.checkbox__label--weight_default{font-weight:var(--seed-v3-font-weight-regular)}.checkbox__label--weight_stronger{font-weight:var(--seed-v3-font-weight-bold)}.checkbox__control--variant_square{border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control)}.checkbox__control--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-v3-color-bg-brand-solid);border-width:0}.checkbox__control--variant_square:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.checkbox__control--variant_square:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-v3-color-bg-brand-solid-pressed)}.checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled);border-color:var(--seed-v3-color-stroke-neutral)}.checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--seed-v3-color-bg-disabled)}.checkbox__icon--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-v3-color-palette-static-white);display:block}.checkbox__icon--variant_square:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-v3-color-fg-disabled);display:block}.checkbox__label--variant_square:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.checkbox__control--variant_ghost,.checkbox__control--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:0 0}.checkbox__control--variant_ghost:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.checkbox__control--variant_ghost:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-v3-color-bg-brand-weak-pressed)}.checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:0 0}.checkbox__icon--variant_ghost{color:var(--seed-v3-color-fg-placeholder);display:block}.checkbox__icon--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-v3-color-fg-brand)}.checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]),.checkbox__label--variant_ghost:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.checkbox__root--size_large{min-height:var(--seed-v3-dimension-s9)}.checkbox__control--size_large{border-radius:var(--seed-v3-radius-s1);width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6);margin:calc((var(--seed-v3-dimension-s9) - var(--seed-v3-dimension-s6))/2)0}.checkbox__label--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);margin-block-start:calc(18px - .65625rem)}.checkbox__root--size_medium{min-height:var(--seed-v3-dimension-s8)}.checkbox__control--size_medium{border-radius:var(--seed-v3-radius-s1);width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5);margin:calc((var(--seed-v3-dimension-s8) - var(--seed-v3-dimension-s5))/2)0}.checkbox__label--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);margin-block-start:calc(16px - .59375rem)}.checkbox__icon--size_medium-variant_ghost{width:14px;height:14px}.checkbox__icon--size_large-variant_ghost{width:18px;height:18px}.checkbox__icon--size_medium-variant_square{width:12px;height:12px}.checkbox__icon--size_large-variant_square{width:14px;height:14px}.actionChip__root{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-v3-radius-full);border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.actionChip__root:is(:focus,[data-focus]){outline:none}.actionChip__root{background:var(--seed-v3-color-bg-neutral-weak)}.actionChip__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.actionChip__root:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled);cursor:not-allowed}.actionChip__label{color:var(--seed-v3-color-fg-neutral);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.actionChip__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.actionChip__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__suffixIcon{color:var(--seed-v3-color-fg-neutral-subtle);flex-shrink:0;display:inline-flex}.actionChip__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__icon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.actionChip__icon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__count{color:var(--seed-v3-color-fg-neutral-muted);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.actionChip__root--size_medium{min-height:var(--seed-v3-dimension-s9);padding-block:var(--seed-v3-dimension-s2);gap:var(--seed-v3-dimension-s1)}.actionChip__label--size_medium{font-size:var(--seed-v3-font-size-s4)}.actionChip__prefixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionChip__suffixIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionChip__count--size_medium{font-size:var(--seed-v3-font-size-s4)}.actionChip__root--size_small{min-height:var(--seed-v3-dimension-s8);padding-block:var(--seed-v3-dimension-s1_5);gap:var(--seed-v3-dimension-s1)}.actionChip__label--size_small{font-size:var(--seed-v3-font-size-s4)}.actionChip__prefixIcon--size_small{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionChip__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionChip__count--size_small{font-size:var(--seed-v3-font-size-s4)}.actionChip__root--size_medium-layout_withText{padding-inline:var(--seed-v3-dimension-s3_5)}.actionChip__root--size_medium-layout_iconOnly{min-width:var(--seed-v3-dimension-s9)}.actionChip__icon--size_medium-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionChip__root--size_small-layout_withText{padding-inline:var(--seed-v3-dimension-s3)}.actionChip__root--size_small-layout_iconOnly{min-width:var(--seed-v3-dimension-s8)}.actionChip__icon--size_small-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__root{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-v3-radius-full);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-neutral);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.controlChip__root:is(:focus,[data-focus]){outline:none}.controlChip__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.controlChip__root:is(:checked,[data-checked]){background:var(--seed-v3-color-bg-neutral-solid-muted);box-shadow:none}.controlChip__root:is(:checked,[data-checked]):is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-solid-muted-pressed)}.controlChip__root:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled);cursor:not-allowed}.controlChip__label{color:var(--seed-v3-color-fg-neutral);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.controlChip__label:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white);font-weight:var(--seed-v3-font-weight-bold)}.controlChip__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.controlChip__prefixIcon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white)}.controlChip__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__suffixIcon{color:var(--seed-v3-color-fg-neutral-subtle);flex-shrink:0;display:inline-flex}.controlChip__suffixIcon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white)}.controlChip__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__icon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.controlChip__icon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white)}.controlChip__icon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__count{color:var(--seed-v3-color-fg-neutral-muted);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.controlChip__count:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white-alpha-800)}.controlChip__root--size_medium{min-height:var(--seed-v3-dimension-s9);padding-block:var(--seed-v3-dimension-s2);gap:var(--seed-v3-dimension-s1)}.controlChip__label--size_medium{font-size:var(--seed-v3-font-size-s4)}.controlChip__prefixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__suffixIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.controlChip__count--size_medium{font-size:var(--seed-v3-font-size-s4)}.controlChip__root--size_small{min-height:var(--seed-v3-dimension-s8);padding-block:var(--seed-v3-dimension-s1_5);gap:var(--seed-v3-dimension-s1)}.controlChip__label--size_small{font-size:var(--seed-v3-font-size-s4)}.controlChip__prefixIcon--size_small{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.controlChip__count--size_small{font-size:var(--seed-v3-font-size-s4)}.controlChip__root--size_medium-layout_withText{padding-inline:var(--seed-v3-dimension-s3_5)}.controlChip__root--size_medium-layout_iconOnly{min-width:var(--seed-v3-dimension-s9)}.controlChip__icon--size_medium-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__root--size_small-layout_withText{padding-inline:var(--seed-v3-dimension-s3)}.controlChip__root--size_small-layout_iconOnly{min-width:var(--seed-v3-dimension-s8)}.controlChip__icon--size_small-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.callout__root{box-sizing:border-box;width:100%;min-height:50px;padding:var(--seed-v3-dimension-s3_5);align-items:center;gap:var(--seed-v3-dimension-s3);border-radius:var(--seed-v3-radius-s2_5);text-align:start;font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;font-family:inherit;display:flex}.callout__root:is(button){cursor:pointer}.callout__icon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none}.callout__textContent{margin-inline-end:auto}.callout__title{font-weight:var(--seed-v3-font-weight-bold)}.callout__spacer{letter-spacing:.25em}.callout__description{font-weight:var(--seed-v3-font-weight-regular)}.callout__linkLabel{text-underline-offset:2px;cursor:pointer;background-color:#0000;border:none;padding:0;font-family:inherit;text-decoration:underline;display:inline-block}.callout__actionableIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none}.callout__dismissButton{width:var(--seed-v3-dimension-s10);height:var(--seed-v3-dimension-s10);margin:calc((var(--seed-v3-dimension-s10) - var(--seed-v3-dimension-s4))*-.5);cursor:pointer;background-color:#0000;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.callout__dismissIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.callout__root--tone_neutral{background-color:var(--seed-v3-color-bg-neutral-weak)}.callout__root--tone_neutral:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.callout__icon--tone_neutral,.callout__title--tone_neutral,.callout__description--tone_neutral,.callout__linkLabel--tone_neutral,.callout__actionableIcon--tone_neutral,.callout__dismissIcon--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.callout__root--tone_informative{background-color:var(--seed-v3-color-bg-informative-weak)}.callout__root--tone_informative:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-informative-weak-pressed)}.callout__icon--tone_informative,.callout__title--tone_informative,.callout__description--tone_informative,.callout__linkLabel--tone_informative,.callout__actionableIcon--tone_informative,.callout__dismissIcon--tone_informative{color:var(--seed-v3-color-fg-informative-contrast)}.callout__root--tone_warning{background-color:var(--seed-v3-color-bg-warning-weak)}.callout__root--tone_warning:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-warning-weak-pressed)}.callout__icon--tone_warning,.callout__title--tone_warning,.callout__description--tone_warning,.callout__linkLabel--tone_warning,.callout__actionableIcon--tone_warning,.callout__dismissIcon--tone_warning{color:var(--seed-v3-color-fg-warning-contrast)}.callout__root--tone_critical{background-color:var(--seed-v3-color-bg-critical-weak)}.callout__root--tone_critical:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-critical-weak-pressed)}.callout__icon--tone_critical,.callout__title--tone_critical,.callout__description--tone_critical,.callout__linkLabel--tone_critical,.callout__actionableIcon--tone_critical,.callout__dismissIcon--tone_critical{color:var(--seed-v3-color-fg-critical-contrast)}.callout__root--tone_magic{background-color:var(--seed-v3-color-bg-magic-weak)}.callout__root--tone_magic:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-magic-weak-pressed)}.callout__icon--tone_magic,.callout__title--tone_magic,.callout__description--tone_magic,.callout__linkLabel--tone_magic,.callout__actionableIcon--tone_magic,.callout__dismissIcon--tone_magic{color:var(--seed-v3-color-fg-magic-contrast)}.mannerTempBadge__root{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-v3-radius-full);padding-inline:var(--seed-v3-dimension-s1_5);padding-block:var(--seed-v3-dimension-s0_5);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.mannerTempBadge__label{font-size:var(--seed-v3-font-size-s1);line-height:var(--seed-v3-line-height-s1);font-weight:var(--seed-v3-font-weight-bold)}.mannerTempBadge__root--level_l1{background-color:var(--seed-v3-color-manner-temp-l1-bg)}.mannerTempBadge__label--level_l1{color:var(--seed-v3-color-manner-temp-l1-text)}.mannerTempBadge__root--level_l2{background-color:var(--seed-v3-color-manner-temp-l2-bg)}.mannerTempBadge__label--level_l2{color:var(--seed-v3-color-manner-temp-l2-text)}.mannerTempBadge__root--level_l3{background-color:var(--seed-v3-color-manner-temp-l3-bg)}.mannerTempBadge__label--level_l3{color:var(--seed-v3-color-manner-temp-l3-text)}.mannerTempBadge__root--level_l4{background-color:var(--seed-v3-color-manner-temp-l4-bg)}.mannerTempBadge__label--level_l4{color:var(--seed-v3-color-manner-temp-l4-text)}.mannerTempBadge__root--level_l5{background-color:var(--seed-v3-color-manner-temp-l5-bg)}.mannerTempBadge__label--level_l5{color:var(--seed-v3-color-manner-temp-l5-text)}.mannerTempBadge__root--level_l6{background-color:var(--seed-v3-color-manner-temp-l6-bg)}.mannerTempBadge__label--level_l6{color:var(--seed-v3-color-manner-temp-l6-text)}.segmentedControl__root{box-sizing:border-box;min-width:fit-content;max-width:100%;padding:var(--seed-v3-dimension-s1);border-radius:var(--seed-v3-radius-full);background-color:var(--seed-v3-color-bg-neutral-weak);isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;display:grid;position:relative}.segmentedControl__segment{min-width:86px;height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full);user-select:none;line-height:var(--seed-v3-line-height-s5);display:grid;overflow:hidden}.segmentedControl__segment:not(:is(:disabled,[disabled],[data-disabled])){cursor:pointer}.segmentedControl__segment:not(:is(:disabled,[disabled],[data-disabled])):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.segmentedControl__segment:not(:is(:disabled,[disabled],[data-disabled])):is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.segmentedControl__segmentLabel{padding-inline:calc(var(--seed-v3-dimension-s4) - 1px);text-align:center;font-weight:var(--seed-v3-font-weight-medium);font-size:var(--seed-v3-font-size-s5);white-space:nowrap;text-overflow:ellipsis;color:var(--seed-v3-color-fg-neutral-muted);grid-area:1/1/1/1;margin-block:auto;overflow:hidden}.segmentedControl__segmentLabel:is(:checked,[data-checked]){color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold)}.segmentedControl__segmentLabel:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.segmentedControl__segmentLabelPlaceholder{padding-inline:var(--seed-v3-dimension-s4);text-align:center;font-weight:var(--seed-v3-font-weight-bold);font-size:var(--seed-v3-font-size-s5);text-overflow:ellipsis;white-space:nowrap;opacity:0;grid-area:1/1/1/1;overflow:hidden}.segmentedControl__indicator{inset-block:var(--seed-v3-dimension-s1);width:calc((100% - var(--seed-v3-dimension-s1)*2)/var(--segment-count));transform:translateX(calc(var(--segment-index)*100%));z-index:-1;border-radius:var(--seed-v3-radius-full);background-color:var(--seed-v3-color-bg-layer-default);will-change:transform;transition:transform var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing);position:absolute;inset-inline-start:var(--seed-v3-dimension-s1);box-shadow:0 1px 6px #0000000d}.selectBoxGroup__root{flex-direction:column;width:100%;display:flex}.selectBox__root{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--seed-v3-dimension-s2_5);padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s5);border-radius:var(--seed-v3-radius-s3);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-neutral);display:flex}.selectBox__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.selectBox__root:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-neutral-weak);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-control)}.selectBox__root:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.selectBox__content{gap:var(--seed-v3-dimension-s0_5);flex-direction:column;display:flex}.selectBox__checkboxControl{box-sizing:border-box;width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6);background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control);border-radius:var(--seed-v3-radius-s1);flex:none;justify-content:center;align-items:center;display:flex}.selectBox__checkboxControl:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.selectBox__checkboxControl:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid);border-width:0}.selectBox__checkboxControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.selectBox__checkboxIcon{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5);display:none}.selectBox__checkboxIcon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white);display:block}.selectBox__radioControl{box-sizing:border-box;width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6);background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control);border-radius:var(--seed-v3-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.selectBox__radioControl:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.selectBox__radioControl:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid);border-width:0}.selectBox__radioControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.selectBox__radioIcon{width:var(--seed-v3-dimension-s2_5);height:var(--seed-v3-dimension-s2_5);border-radius:var(--seed-v3-radius-full);display:none}.selectBox__radioIcon:is(:checked,[data-checked]){background-color:var(--seed-v3-color-palette-static-white);color:var(--seed-v3-color-palette-static-white);display:block}.selectBox__label{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.selectBox__description{color:var(--seed-v3-color-fg-neutral-muted);font-weight:var(--seed-v3-font-weight-regular);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.switch__root{box-sizing:border-box;vertical-align:top;isolation:isolate;opacity:1;cursor:pointer;justify-content:space-between;align-items:flex-start;display:inline-flex;position:relative}.switch__root:is(:disabled,[disabled],[data-disabled]){opacity:.38;cursor:not-allowed}.switch__control{box-sizing:border-box;border-radius:var(--seed-v3-radius-full);background:var(--seed-v3-color-palette-gray-600);transition:background-color 50ms cubic-bezier(.35,0,.35,1) 20ms;display:block;position:relative}.switch__control:is(:checked,[data-checked]){background:var(--seed-v3-color-bg-brand-solid)}.switch__thumb{border-radius:var(--seed-v3-radius-full);background:var(--seed-v3-color-palette-static-white);transition:transform .15s cubic-bezier(.35,0,.35,1)}.switch__root--size_medium{min-height:32px}.switch__control--size_medium{min-block-size:32px;min-inline-size:52px;padding:2px}.switch__thumb--size_medium{width:28px;height:28px;box-shadow:0 3px 8px #00000026,0 1px 3px #0000000f}.switch__thumb--size_medium:is(:checked,[data-checked]){transform:translate(20px)}.switch__root--size_small{gap:var(--seed-v3-dimension-s2);min-height:24px}.switch__control--size_small{min-block-size:16px;min-inline-size:26px;margin:4px 0;padding:2px}.switch__thumb--size_small{width:12px;height:12px}.switch__thumb--size_small:is(:checked,[data-checked]){transform:translate(10px)}.switch__label--size_small{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-regular);margin-top:calc(12px - .59375rem)}.helpBubble__backdrop{z-index:1000;background:var(--seed-v3-color-bg-overlay);width:100vw;height:100vh;position:fixed;inset:0}.helpBubble__backdrop:is(:hidden,[hidden],[data-hidden]){display:none!important}.helpBubble__content{background:var(--seed-v3-color-bg-neutral-solid);padding-inline:var(--seed-v3-dimension-s3);padding-block:var(--seed-v3-dimension-s3);border-radius:var(--seed-v3-radius-s3);word-break:keep-all;flex-direction:column;display:flex}.helpBubble__content:is(:hidden,[hidden],[data-hidden]){display:none!important}.helpBubble__arrow{fill:var(--seed-v3-color-bg-neutral-solid);width:10px;height:6px}.helpBubble__title{color:var(--seed-v3-color-palette-static-white);font-size:var(--seed-v3-font-size-s3);font-weight:var(--seed-v3-font-weight-bold)}.helpBubble__description{color:var(--seed-v3-color-palette-static-white);font-size:var(--seed-v3-font-size-s3);font-weight:var(--seed-v3-font-weight-regular)}.helpBubble__closeButton{color:var(--seed-v3-color-palette-static-white);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:4px;right:4px}.helpBubble__closeIcon{width:14px;height:14px}.identityPlaceholder__root{box-sizing:border-box;vertical-align:top;background-color:var(--seed-v3-color-palette-gray-400);justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.identityPlaceholder__image{object-fit:cover;fill:#f7f8fa;width:100%;height:100%;display:block;overflow:hidden}.inlineBanner__root{justify-content:space-between;align-items:center;gap:var(--seed-v3-dimension-s4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;padding-inline:var(--seed-v3-dimension-s4);border:none;padding-block:0;font-family:inherit;display:flex}.inlineBanner__root:is(button){cursor:pointer}.inlineBanner__content{align-items:flex-start;gap:var(--seed-v3-dimension-s2);box-sizing:border-box;padding-block:var(--seed-v3-dimension-s2_5);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);min-height:var(--seed-v3-dimension-s10);text-align:start;display:flex}.inlineBanner__icon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none;margin-block:1.5px}.inlineBanner__title{font-weight:var(--seed-v3-font-weight-bold)}.inlineBanner__spacer{letter-spacing:.25em}.inlineBanner__description{font-weight:var(--seed-v3-font-weight-medium)}.inlineBanner__linkLabel{height:var(--seed-v3-dimension-s10);font-weight:var(--seed-v3-font-weight-regular);font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2);text-underline-offset:2px;cursor:pointer;background-color:#0000;border:none;flex:none;align-items:center;padding:0;font-family:inherit;text-decoration:underline;display:flex}.inlineBanner__actionableIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none}.inlineBanner__dismissButton{width:var(--seed-v3-dimension-s10);height:var(--seed-v3-dimension-s10);margin:calc((var(--seed-v3-dimension-s10) - var(--seed-v3-dimension-s4))*-.5);cursor:pointer;background-color:#0000;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.inlineBanner__dismissIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.inlineBanner__root--variant_neutralWeak{background-color:var(--seed-v3-color-bg-neutral-weak)}.inlineBanner__icon--variant_neutralWeak,.inlineBanner__title--variant_neutralWeak,.inlineBanner__description--variant_neutralWeak,.inlineBanner__linkLabel--variant_neutralWeak,.inlineBanner__actionableIcon--variant_neutralWeak,.inlineBanner__dismissIcon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.inlineBanner__root--variant_positiveWeak{background-color:var(--seed-v3-color-bg-positive-weak)}.inlineBanner__icon--variant_positiveWeak,.inlineBanner__title--variant_positiveWeak,.inlineBanner__description--variant_positiveWeak,.inlineBanner__linkLabel--variant_positiveWeak,.inlineBanner__actionableIcon--variant_positiveWeak,.inlineBanner__dismissIcon--variant_positiveWeak{color:var(--seed-v3-color-fg-positive-contrast)}.inlineBanner__root--variant_informativeWeak{background-color:var(--seed-v3-color-bg-informative-weak)}.inlineBanner__icon--variant_informativeWeak,.inlineBanner__title--variant_informativeWeak,.inlineBanner__description--variant_informativeWeak,.inlineBanner__linkLabel--variant_informativeWeak,.inlineBanner__actionableIcon--variant_informativeWeak,.inlineBanner__dismissIcon--variant_informativeWeak{color:var(--seed-v3-color-fg-informative-contrast)}.inlineBanner__root--variant_warningWeak{background-color:var(--seed-v3-color-bg-warning-weak)}.inlineBanner__icon--variant_warningWeak,.inlineBanner__title--variant_warningWeak,.inlineBanner__description--variant_warningWeak,.inlineBanner__linkLabel--variant_warningWeak,.inlineBanner__actionableIcon--variant_warningWeak,.inlineBanner__dismissIcon--variant_warningWeak{color:var(--seed-v3-color-fg-warning-contrast)}.inlineBanner__root--variant_warningSolid{background-color:var(--seed-v3-color-bg-warning-solid)}.inlineBanner__icon--variant_warningSolid,.inlineBanner__title--variant_warningSolid,.inlineBanner__description--variant_warningSolid,.inlineBanner__linkLabel--variant_warningSolid,.inlineBanner__actionableIcon--variant_warningSolid,.inlineBanner__dismissIcon--variant_warningSolid{color:var(--seed-v3-color-fg-neutral)}.inlineBanner__root--variant_criticalWeak{background-color:var(--seed-v3-color-bg-critical-weak)}.inlineBanner__icon--variant_criticalWeak,.inlineBanner__title--variant_criticalWeak,.inlineBanner__description--variant_criticalWeak,.inlineBanner__linkLabel--variant_criticalWeak,.inlineBanner__actionableIcon--variant_criticalWeak{color:var(--seed-v3-color-fg-critical-contrast)}.inlineBanner__root--variant_criticalSolid{background-color:var(--seed-v3-color-bg-critical-solid)}.inlineBanner__icon--variant_criticalSolid,.inlineBanner__title--variant_criticalSolid,.inlineBanner__description--variant_criticalSolid,.inlineBanner__linkLabel--variant_criticalSolid,.inlineBanner__actionableIcon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.progressCircle__root{box-sizing:border-box;display:inline-flex;position:relative}.progressCircle__root[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,.25,.65,.75) infinite rotate}.progressCircle__track{stroke:var(--track-color)}.progressCircle__range{stroke:var(--range-color);stroke-linecap:round;transition-property:stroke-dasharray;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.15,1)}.progressCircle__range[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,0,.65,1) infinite headDash,1.2s cubic-bezier(.35,0,.65,.6) infinite tailDash}.progressCircle__root--tone_neutral{--track-color:var(--seed-v3-color-palette-gray-200);--range-color:var(--seed-v3-color-palette-gray-500)}.progressCircle__root--tone_brand{--track-color:var(--seed-v3-color-palette-carrot-200);--range-color:var(--seed-v3-color-bg-brand-solid)}.progressCircle__root--tone_staticWhite{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.progressCircle__root--size_24{--size:var(--seed-v3-dimension-s6);--thickness:3px}.progressCircle__root--size_40{--size:var(--seed-v3-dimension-s10);--thickness:5px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes headDash{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes tailDash{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}}.tab__root{cursor:pointer;box-sizing:border-box;white-space:nowrap;background-color:#0000;border:none;justify-content:center;align-items:flex-end;display:flex}.tab__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.tab__label{color:var(--seed-v3-color-fg-neutral-subtle);position:relative}.tab__label:is(:selected,[data-selected]){color:var(--seed-v3-color-fg-neutral)}.tab__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.tab__notification{top:0;right:calc(-1*var(--seed-v3-dimension-s1) - var(--seed-v3-dimension-s0_5));background-color:var(--seed-v3-color-bg-brand-solid);width:var(--seed-v3-dimension-s1);height:var(--seed-v3-dimension-s1);border-radius:var(--seed-v3-radius-full);align-self:flex-start;position:absolute}.tab__root--layout_fill{flex:1}.tab__root--size_medium{min-height:44px;padding-inline:var(--seed-v3-dimension-s2_5);padding-block:var(--seed-v3-dimension-s2_5)}.tab__label--size_medium{font-size:var(--seed-v3-font-size-s5);font-weight:var(--seed-v3-font-weight-bold)}.tab__root--size_small{min-height:40px;padding-inline:var(--seed-v3-dimension-s2_5);padding-block:var(--seed-v3-dimension-s2_5)}.tab__label--size_small{font-size:var(--seed-v3-font-size-s4);font-weight:var(--seed-v3-font-weight-bold)}.tabs__root{overflow:hidden}.tabs__triggerList{-ms-overflow-style:none;scrollbar-width:none;background:var(--seed-v3-color-bg-layer-default);border-bottom:1px solid var(--seed-v3-color-stroke-neutral);flex-flow:row;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.tabs__triggerList::-webkit-scrollbar{display:none}.tabs__contentList{width:100%}.tabs__contentCamera{width:100%;height:100%;display:flex}.tabs__content{flex-shrink:0;width:100%;height:100%;overflow:hidden auto}.tabs__indicator{will-change:left,width;left:var(--seed-design-tabs-indicator-left,0px);width:var(--seed-design-tabs-indicator-width,0px);color:var(--seed-v3-color-fg-neutral);border-bottom:2px solid var(--seed-v3-color-fg-neutral);transition:left .2s cubic-bezier(.15,.3,.25,1),width .2s cubic-bezier(.15,.3,.25,1);position:absolute;bottom:0}.tabs__triggerList--layout_fill{justify-content:space-around;padding:0}.tabs__indicator--layout_fill{left:calc(var(--seed-design-tabs-indicator-left,0px) + 16px);width:calc(var(--seed-design-tabs-indicator-width,0px) - 32px)}.tabs__triggerList--layout_hug{padding:0px var(--seed-v3-dimension-s4);justify-content:flex-start}.tabs__indicator--layout_hug{left:calc(var(--seed-design-tabs-indicator-left,0px));width:calc(var(--seed-design-tabs-indicator-width,0px))}.tabs__root--size_small{--seed-design-tabs-trigger-list-height:40px}.tabs__triggerList--size_small{height:40px}.tabs__root--size_medium{--seed-design-tabs-trigger-list-height:44px}.tabs__triggerList--size_medium{height:44px}.tabs__root--fixTriggerList_true{position:relative}.tabs__triggerList--fixTriggerList_true{position:sticky;top:0}.tabs__contentList--fixTriggerList_true{height:calc(100% - var(--seed-design-tabs-trigger-list-height))}.chipTab__root{padding:var(--seed-v3-dimension-s2)var(--seed-v3-dimension-s3_5);cursor:pointer;border-radius:var(--seed-v3-radius-full);box-sizing:border-box;white-space:nowrap;border:none;justify-content:center;align-items:center;min-height:36px;font-family:inherit;display:flex}.chipTab__label{font-size:var(--seed-v3-font-size-s4);font-weight:var(--seed-v3-font-weight-bold)}.chipTab__root--variant_neutralSolid:is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-neutral-inverted)}.chipTab__root--variant_neutralSolid:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.chipTab__root--variant_neutralSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-inverted-pressed)}.chipTab__root--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.chipTab__root--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-disabled)}.chipTab__label--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold)}.chipTab__label--variant_neutralSolid:is(:selected,[data-selected]){color:var(--seed-v3-color-fg-neutral-inverted)}.chipTab__label--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]),.chipTab__label--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){color:var(--seed-v3-color-fg-disabled)}.chipTab__root--variant_brandSolid{font-weight:var(--seed-v3-font-weight-medium);background-color:var(--seed-v3-color-bg-neutral-weak)}.chipTab__root--variant_brandSolid:is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-brand-solid)}.chipTab__root--variant_brandSolid:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.chipTab__root--variant_brandSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.chipTab__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--seed-v3-color-bg-disabled)}.chipTab__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-disabled)}.chipTab__label--variant_brandSolid{color:var(--seed-v3-color-fg-neutral-muted);font-weight:var(--seed-v3-font-weight-medium)}.chipTab__label--variant_brandSolid:is(:selected,[data-selected]){color:var(--seed-v3-color-palette-static-white);font-weight:var(--seed-v3-font-weight-bold)}.chipTab__label--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.chipTabs__root{overflow-x:hidden}.chipTabs__triggerList{-ms-overflow-style:none;scrollbar-width:none;padding:0px var(--seed-v3-dimension-s4);flex-flow:row;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.chipTabs__triggerList::-webkit-scrollbar{display:none}.chipTabs__contentCamera{width:100%;height:100%;display:flex}.chipTabs__content{flex-shrink:0;width:100%;height:100%;overflow:auto}.chipTabs__triggerList--variant_neutralSolid{gap:0}.chipTabs__triggerList--variant_brandSolid{gap:8px}.skeleton__root{box-sizing:border-box;background:var(--seed-v3-color-palette-gray-200);display:inline-block;overflow:hidden}.skeleton__root:after{content:"";background-image:linear-gradient(90deg,var(--seed-v3-gradient-shimmer));width:100%;height:100%;animation-name:shimmer;animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:var(--seed-v3-timing-function-easing);background-repeat:no-repeat;animation-iteration-count:infinite;display:block}.skeleton__root--radius_0{border-radius:0}.skeleton__root--radius_8{border-radius:8px}.skeleton__root--radius_16{border-radius:16px}.skeleton__root--radius_full{border-radius:var(--seed-v3-radius-full)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.snackbar__root{box-sizing:border-box;background:var(--seed-v3-color-bg-neutral-solid);border-radius:var(--seed-v3-radius-s2);width:100%;padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s2_5);justify-content:space-between;align-items:center;gap:var(--seed-v3-dimension-s2);min-height:44px;animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s4);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:0;--seed-enter-scale:1;display:flex}.snackbar__root:not([data-open]){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.snackbar__message{color:var(--seed-v3-color-palette-static-white);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-regular);flex-grow:1;margin:0}.snackbar__prefixIcon{flex-shrink:0;width:24px;height:24px}.snackbar__actionButton{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:unset;color:var(--seed-v3-color-fg-brand);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-bold);border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.snackbar__actionButton:after{content:"";top:50%;left:calc(-1*var(--seed-v3-dimension-s2));right:calc(-1*var(--seed-v3-dimension-s2));background:0 0;min-height:44px;position:absolute;transform:translateY(-50%)}.snackbar__prefixIcon--variant_default{display:none}.snackbar__prefixIcon--variant_positive{color:var(--seed-v3-color-fg-positive)}.snackbar__prefixIcon--variant_critical{color:var(--seed-v3-color-fg-critical)}.snackbarRegion__root{z-index:2147483647;left:calc(env(safe-area-inset-left,0px));right:calc(env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--snackbar-region-offset,0px));padding-inline:var(--seed-v3-dimension-s2);padding-block:var(--seed-v3-dimension-s2);transition-property:bottom;transition-duration:var(--seed-v3-duration-s4);transition-timing-function:var(--seed-v3-timing-function-easing);flex-direction:column;align-items:center;display:flex}.text__root{text-align:var(--seed-text-align);color:var(--seed-text-color);font-size:var(--seed-font-size);line-height:var(--seed-line-height);font-weight:var(--seed-font-weight);--seed-text-color:inherit;--seed-font-size:inherit;--seed-line-height:inherit;--seed-font-weight:inherit;--seed-text-align:inherit;--seed-max-lines:initial;margin:0}.text__root--textStyle_labelSmallDefault{--seed-font-size:var(--seed-v3-font-size-s1);--seed-line-height:var(--seed-v3-line-height-s1);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_labelSmallStrong{--seed-font-size:var(--seed-v3-font-size-s1);--seed-line-height:var(--seed-v3-line-height-s1);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_labelSmallStronger{--seed-font-size:var(--seed-v3-font-size-s1);--seed-line-height:var(--seed-v3-line-height-s1);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_labelMediumDefault{--seed-font-size:var(--seed-v3-font-size-s2);--seed-line-height:var(--seed-v3-line-height-s2);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_labelMediumStrong{--seed-font-size:var(--seed-v3-font-size-s2);--seed-line-height:var(--seed-v3-line-height-s2);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_labelMediumStronger{--seed-font-size:var(--seed-v3-font-size-s2);--seed-line-height:var(--seed-v3-line-height-s2);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_labelLargeDefault{--seed-font-size:var(--seed-v3-font-size-s3);--seed-line-height:var(--seed-v3-line-height-s3);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_labelLargeStrong{--seed-font-size:var(--seed-v3-font-size-s3);--seed-line-height:var(--seed-v3-line-height-s3);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_labelLargeStronger{--seed-font-size:var(--seed-v3-font-size-s3);--seed-line-height:var(--seed-v3-line-height-s3);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_bodySmallDefault{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s4);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodySmallReadingDefault{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodySmallStrong{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s4);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_bodySmallStronger{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s4);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_bodyMediumDefault{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodyMediumReadingDefault{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s6);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodyMediumStrong{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_bodyMediumStronger,.text__root--textStyle_titleSmallDefault{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_titleMediumDefault{--seed-font-size:var(--seed-v3-font-size-s6);--seed-line-height:var(--seed-v3-line-height-s6);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_titleLargeDefault{--seed-font-size:var(--seed-v3-font-size-s7);--seed-line-height:var(--seed-v3-line-height-s7);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_headingSmallDefault{--seed-font-size:var(--seed-v3-font-size-s8);--seed-line-height:var(--seed-v3-line-height-s8);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_headingMediumDefault{--seed-font-size:var(--seed-v3-font-size-s9);--seed-line-height:var(--seed-v3-line-height-s9);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_headingLargeDefault{--seed-font-size:var(--seed-v3-font-size-s10);--seed-line-height:var(--seed-v3-line-height-s10);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--maxLines_none{display:unset;overflow:unset;min-width:unset;text-overflow:unset;white-space:unset;-webkit-line-clamp:unset}.text__root--maxLines_single{text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:var(--seed-max-lines);min-width:0;display:block;overflow:hidden}.text__root--maxLines_multi{text-overflow:ellipsis;min-width:0;white-space:initial;-webkit-line-clamp:var(--seed-max-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.textButton__root{cursor:pointer;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-inline:0;padding-block:var(--seed-v3-dimension-s0_5);background-color:#0000;border:none;outline:none;align-items:center;font-family:inherit;display:inline-flex}.textButton__root:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled);cursor:not-allowed}.textButton__root:is(:active,[data-active]){background-color:var(--seed-v3-color-palette-gray-200);box-shadow:0 0 0 2px var(--seed-v3-color-palette-gray-200)}.textButton__root:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background-color:#0000;border-color:#0000}.textButton__label{text-align:center;font-weight:var(--seed-v3-font-weight-regular)}.textButton__prefixIcon{margin-inline-end:var(--seed-v3-dimension-s1)}.textButton__suffixIcon{margin-inline-start:var(--seed-v3-dimension-s0_5)}.textButton__root--tone_brand{color:var(--seed-v3-color-fg-brand)}.textButton__root--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.textButton__root--tone_neutralSubtle{color:var(--seed-v3-color-fg-neutral-subtle)}.textButton__root--tone_critical{color:var(--seed-v3-color-fg-critical)}.textButton__root--size_large{border-radius:var(--seed-v3-radius-s1_5);min-height:2rem}.textButton__prefixIcon--size_large,.textButton__suffixIcon--size_large{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.textButton__label--size_large{font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textButton__root--size_medium{border-radius:var(--seed-v3-radius-s1_5);min-height:1.875rem}.textButton__prefixIcon--size_medium,.textButton__suffixIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.textButton__label--size_medium{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textButton__root--size_small{border-radius:var(--seed-v3-radius-s1);min-height:1.75rem}.textButton__prefixIcon--size_small,.textButton__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.textButton__label--size_small{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__root{flex-direction:column;width:100%;display:flex}.textField__label{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold)}.textField__indicator{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-regular)}.textField__field{background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-field);align-items:center;display:flex}.textField__field:not([data-readonly]):is(:focus,[data-focus]){border-color:var(--seed-v3-color-stroke-field-focused)}.textField__field:is(:invalid,[data-invalid]){background-color:var(--seed-v3-color-bg-critical-weak);border-color:var(--seed-v3-color-stroke-critical)}.textField__field:is(:invalid,[data-invalid]):is(:focus,[data-focus]){background-color:var(--seed-v3-color-bg-layer-default)}.textField__field:is(:disabled,[disabled],[data-disabled]),.textField__field[data-readonly]{background-color:var(--seed-v3-color-bg-disabled)}.textField__prefixText{color:var(--seed-v3-color-fg-neutral)}.textField__prefixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0}.textField__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__suffixText{color:var(--seed-v3-color-fg-neutral)}.textField__suffixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__suffixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0}.textField__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__value{box-sizing:border-box;font:inherit}.textField__value:is(input){padding-inline:0}.textField__value:is(textarea){width:100%;min-height:90px;padding-inline:0}.textField__value{resize:none;height:100%;color:var(--seed-v3-color-fg-neutral);background:0 0;border:none;outline:none;flex-grow:1}.textField__value::placeholder{color:var(--seed-v3-color-fg-placeholder)}.textField__value:is(:disabled,[disabled],[data-disabled]),.textField__value:is(:disabled,[disabled],[data-disabled])::placeholder{color:var(--seed-v3-color-fg-disabled)}.textField__footer{justify-content:space-between;align-items:flex-start;display:flex}.textField__description{font-weight:var(--seed-v3-font-weight-regular);color:var(--seed-v3-color-fg-neutral-subtle)}.textField__errorMessage{color:var(--seed-v3-color-fg-critical);flex-direction:row;align-items:center;display:flex}.textField__errorIcon{flex:none}.textField__characterCountArea{flex:none;margin-inline-start:auto;display:flex}.textField__characterCount{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-regular)}.textField__characterCount[data-empty]{color:var(--seed-v3-color-fg-neutral-subtle)}.textField__maxCharacterCount{color:var(--seed-v3-color-fg-neutral-subtle);font-weight:var(--seed-v3-font-weight-regular)}.textField__header--size_xlarge{padding-bottom:var(--seed-v3-dimension-s3);gap:var(--seed-v3-dimension-s1_5)}.textField__label--size_xlarge,.textField__indicator--size_xlarge{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__field--size_xlarge{border-radius:var(--seed-v3-radius-s2_5);gap:var(--seed-v3-dimension-s2);min-height:56px;padding-inline:var(--seed-v3-dimension-s4)}.textField__value--size_xlarge{padding-block:var(--seed-v3-dimension-s3);font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textField__prefixText--size_xlarge{font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textField__prefixIcon--size_xlarge{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__suffixText--size_xlarge{font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textField__suffixIcon--size_xlarge{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__footer--size_xlarge{gap:var(--seed-v3-dimension-s3_5);padding-top:var(--seed-v3-dimension-s2);min-height:20px}.textField__description--size_xlarge,.textField__errorMessage--size_xlarge{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__errorIcon--size_xlarge{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);margin-right:var(--seed-v3-dimension-s1)}.textField__characterCount--size_xlarge,.textField__maxCharacterCount--size_xlarge{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.textField__header--size_large{padding-bottom:var(--seed-v3-dimension-s3);gap:var(--seed-v3-dimension-s1_5)}.textField__label--size_large,.textField__indicator--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__field--size_large{border-radius:var(--seed-v3-radius-s2_5);gap:var(--seed-v3-dimension-s2);min-height:52px;padding-inline:var(--seed-v3-dimension-s4)}.textField__value--size_large{padding-block:var(--seed-v3-dimension-s3);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__prefixText--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__prefixIcon--size_large{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__suffixText--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__suffixIcon--size_large{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__footer--size_large{gap:var(--seed-v3-dimension-s3_5);padding-top:var(--seed-v3-dimension-s2);min-height:20px}.textField__description--size_large,.textField__errorMessage--size_large{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__errorIcon--size_large{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);margin-right:var(--seed-v3-dimension-s1)}.textField__characterCount--size_large,.textField__maxCharacterCount--size_large{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.textField__header--size_medium{padding-bottom:var(--seed-v3-dimension-s3)}.textField__label--size_medium,.textField__indicator--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__field--size_medium{border-radius:var(--seed-v3-radius-s2);gap:var(--seed-v3-dimension-s1_5);min-height:40px;padding-inline:var(--seed-v3-dimension-s3_5)}.textField__value--size_medium{padding-block:var(--seed-v3-dimension-s2_5);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__prefixText--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__prefixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.textField__suffixText--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__suffixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.textField__footer--size_medium{gap:var(--seed-v3-dimension-s3_5);padding-top:var(--seed-v3-dimension-s2);min-height:var(--seed-v3-dimension-s4)}.textField__description--size_medium,.textField__errorMessage--size_medium{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.textField__errorIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5);margin-right:var(--seed-v3-dimension-s1)}.textField__characterCount--size_medium,.textField__maxCharacterCount--size_medium{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.visuallyHidden__root{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.appScreen__root{--app-bar-offset:calc(var(--app-bar-height) + var(--seed-safe-area-top));width:100%;height:100%;position:absolute;left:0;right:0;overflow:hidden}.appScreen__dim{z-index:var(--z-index-dim);width:100%;position:absolute;top:0;left:0;right:0}.appScreen__layer{z-index:var(--z-index-layer);box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;height:100%;position:absolute;left:0;right:0;overflow-y:scroll}.appScreen__layer::-webkit-scrollbar{display:none}.appScreen__layer{background-color:var(--seed-v3-color-bg-layer-default)}.appScreen__edge{z-index:var(--z-index-edge);width:20px;height:100%;position:absolute;left:0;right:0}.appScreen__root--theme_cupertino{--app-bar-height:44px}.appScreen__dim--theme_cupertino{background:var(--seed-v3-color-bg-overlay);height:100%}.appScreen__root--theme_android{--app-bar-height:56px}.appScreen__edge--theme_android{display:none}.appScreen__root--transitionStyle_slideFromRightIOS{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 2);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 7)}.appScreen__layer--transitionStyle_slideFromRightIOS{transform:translate(0,0)}[data-global-transition-state=enter-active] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-swipe-back-state=swiping] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(var(--swipe-back-displacement,0),0,0);animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-30% + var(--swipe-back-displacement,0)*.3);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-swipe-back-state=swiping] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);animation:none}[data-global-transition-state=enter-active] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-global-transition-state=exit-active] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-swipe-back-state=swiping] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.appScreen__root--transitionStyle_fadeFromBottomAndroid{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 3);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 4)}.appScreen__dim--transitionStyle_fadeFromBottomAndroid{background:linear-gradient(var(--seed-v3-color-bg-overlay),#0000);height:160px}[data-global-transition-state=enter-active] .appScreen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translateY(-8vh)}[data-global-transition-state=exit-active] .appScreen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translateY(-8vh)}.appScreen__layer--transitionStyle_fadeFromBottomAndroid{transform:translate(0,0)}[data-global-transition-state=enter-active] .appScreen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appScreen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.appScreen__layer--layerOffsetTop_safeArea{padding-top:var(--seed-safe-area-top)}.appScreen__layer--layerOffsetTop_appBar{padding-top:var(--app-bar-offset)}.appScreen__layer--layerOffsetBottom_safeArea{padding-bottom:var(--seed-safe-area-bottom)}.appBar__root{z-index:var(--z-index-app-bar);box-sizing:border-box;align-items:flex-end;width:100%;display:flex;position:absolute}.appBar__root:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.appBar__left{align-items:center;height:100%;display:flex}.appBar__right{align-items:center;height:100%;margin-left:auto;display:flex}.appBar__iconButton{justify-content:center;align-items:center;display:flex}.appBar__icon{flex-shrink:0;display:inline-block}.appBar__root--theme_cupertino{height:44px;padding-inline:var(--seed-v3-dimension-s4)}.appBar__iconButton--theme_cupertino{width:40px;height:40px}.appBar__iconButton--theme_cupertino:first-child{margin-left:-8px}.appBar__iconButton--theme_cupertino:last-child{margin-right:-8px}.appBar__icon--theme_cupertino{width:24px;height:24px}.appBar__root--theme_android{height:56px;padding-inline:var(--seed-v3-dimension-s4)}.appBar__iconButton--theme_android{width:40px;height:40px}.appBar__iconButton--theme_android:first-child{margin-left:-8px}.appBar__iconButton--theme_android:last-child{margin-right:-8px}.appBar__icon--theme_android{width:24px;height:24px}.appBar__left--theme_android{padding-right:16px}[data-global-transition-state=enter-active] .appBar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appBar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appBar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-active] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-global-transition-state=exit-active] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-swipe-back-state=swiping] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-swipe-back-state=swiping] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active] .appBar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appBar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.appBar__root--tone_layer:before{background-color:var(--seed-v3-color-bg-layer-default)}.appBar__icon--tone_layer{color:var(--seed-v3-color-fg-neutral)}.appBar__root--tone_transparent:before{background-color:#0000}.appBar__icon--tone_transparent{color:var(--seed-v3-color-palette-static-white)}.appBar__root--divider_true{box-shadow:inset 0px calc(-1*1px)0 var(--seed-v3-color-stroke-neutral-muted)}.appBarMain__root{flex:1;height:100%}.appBarMain__title,.appBarMain__subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.appBarMain__title--layout_titleOnly{font-size:var(--seed-v3-font-size-s6-static);font-weight:var(--seed-v3-font-weight-bold)}.appBarMain__title--layout_withSubtitle{font-size:var(--seed-v3-font-size-s5-static);font-weight:var(--seed-v3-font-weight-bold)}.appBarMain__subtitle--layout_withSubtitle{font-size:var(--seed-v3-font-size-s2-static);font-weight:var(--seed-v3-font-weight-regular)}.appBarMain__root--theme_cupertino{text-align:center;height:100%;padding-inline:var(--centered-title-padding-x,0);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.appBarMain__root--theme_android{justify-content:flex-start;align-items:center;width:100%;display:flex}[data-global-transition-state=enter-active] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:25%;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(var(--swipe-back-displacement,0)*.25,0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:var(--swipe-back-displacement,0)*.25;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-swipe-back-state=swiping] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(var(--swipe-back-displacement,0)*.25,0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-25% + var(--swipe-back-displacement,0)*.25);--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-swipe-back-state=swiping] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.appBarMain__root--tone_layer,.appBarMain__title--tone_layer{color:var(--seed-v3-color-fg-neutral)}.appBarMain__subtitle--tone_layer{color:var(--seed-v3-color-fg-neutral-muted)}.appBarMain__root--tone_transparent,.appBarMain__title--tone_transparent,.appBarMain__subtitle--tone_transparent{color:var(--seed-v3-color-palette-static-white)}.pullToRefresh__root{--ptr-size:44px;--ptr-transition-duration:var(--seed-v3-duration-s6)}.pullToRefresh__indicator{transform:translateY(calc(var(--ptr-displacement,0) - var(--ptr-size)));transition:transform var(--seed-v3-duration-s6);justify-content:center;align-items:center;display:flex}.pullToRefresh__indicator[data-ptr-dragging]{transition:none} \ No newline at end of file +.avatar__root{box-sizing:border-box;vertical-align:top;border-radius:var(--seed-v3-radius-full);justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar__image{object-fit:cover;border-radius:var(--seed-v3-radius-full);width:100%;height:100%;display:block;overflow:hidden}.avatar__image:not([data-loading-status=loaded]){display:none}.avatar__fallback{object-fit:cover;border-radius:var(--seed-v3-radius-full);justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.avatar__fallback[data-loading-status=loaded]{display:none}.avatar__badge{box-sizing:border-box;z-index:1;background:var(--seed-v3-color-bg-layer-default);border-radius:var(--seed-v3-radius-full);justify-content:center;align-items:center;display:flex;position:absolute}.avatar__root--size_20{width:20px;height:20px}.avatar__badge--size_20{width:10px;height:10px;top:12.0721px;left:12.0721px}.avatar__root--size_24{width:24px;height:24px}.avatar__badge--size_24{width:12px;height:12px;top:14.4866px;left:14.4866px}.avatar__root--size_36{width:36px;height:36px}.avatar__badge--size_36{width:16px;height:16px;top:22.7298px;left:22.7298px}.avatar__root--size_48{width:48px;height:48px}.avatar__badge--size_48{width:24px;height:24px;top:28.9731px;left:28.9731px}.avatar__root--size_64{width:64px;height:64px}.avatar__badge--size_64{width:24px;height:24px;top:42.6308px;left:42.6308px}.avatar__root--size_80{width:80px;height:80px}.avatar__badge--size_80{width:24px;height:24px;top:56.2885px;left:56.2885px}.avatar__root--size_96{width:96px;height:96px}.avatar__badge--size_96{width:32px;height:32px;top:65.9463px;left:65.9463px}.avatarStack__root{box-sizing:border-box;align-items:center;display:inline-flex}.avatarStack__item{border-radius:var(--seed-v3-radius-full);background-clip:padding-box;display:block}.avatarStack__item--size_20:not(:first-child){margin-left:-5px}.avatarStack__item--size_20{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_24:not(:first-child){margin-left:-6px}.avatarStack__item--size_24{clip-path:inset(-2px);box-shadow:0 0 0 2px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_36:not(:first-child){margin-left:-8px}.avatarStack__item--size_36{clip-path:inset(-3px);box-shadow:0 0 0 3px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_48:not(:first-child){margin-left:-10px}.avatarStack__item--size_48{clip-path:inset(-4px);box-shadow:0 0 0 4px var(--seed-v3-color-bg-layer-default)}.avatarStack__item--size_64:not(:first-child){margin-left:-10px}.avatarStack__item--size_64{clip-path:inset(-4px);box-shadow:0 0 0 4px var(--seed-v3-color-bg-layer-default)}.actionButton__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.actionButton__root:is(:focus,[data-focus]){outline:none}.actionButton__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.actionButton__root{transition:background-color var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing);font-weight:var(--seed-v3-font-weight-bold)}.actionButton__label[data-loading]{opacity:0}.actionButton__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.actionButton__icon[data-loading]{opacity:0}.actionButton__prefixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.actionButton__prefixIcon[data-loading]{opacity:0}.actionButton__suffixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.actionButton__suffixIcon[data-loading]{opacity:0}.actionButton__progressIndicator{display:none;position:absolute}.actionButton__progressIndicator[data-loading]{display:flex}.actionButton__root--variant_brandSolid{background:var(--seed-v3-color-bg-brand-solid)}.actionButton__root--variant_brandSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-brand-solid-pressed)}.actionButton__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_brandSolid[data-loading]{background:var(--seed-v3-color-bg-brand-solid-pressed)}.actionButton__label--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__label--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__icon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__prefixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__suffixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_brandSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.actionButton__root--variant_neutralSolid{background:var(--seed-v3-color-bg-neutral-inverted)}.actionButton__root--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-inverted-pressed)}.actionButton__root--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_neutralSolid[data-loading]{background:var(--seed-v3-color-bg-neutral-inverted-pressed)}.actionButton__label--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__label--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__icon--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__prefixIcon--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.actionButton__suffixIcon--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_neutralSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.actionButton__root--variant_neutralWeak{background:var(--seed-v3-color-bg-neutral-weak)}.actionButton__root--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.actionButton__root--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_neutralWeak[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.actionButton__label--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__label--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__icon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__prefixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.actionButton__suffixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_neutralWeak{--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.actionButton__root--variant_criticalSolid{background:var(--seed-v3-color-bg-critical-solid)}.actionButton__root--variant_criticalSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-critical-solid-pressed)}.actionButton__root--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.actionButton__root--variant_criticalSolid[data-loading]{background:var(--seed-v3-color-bg-critical-solid-pressed)}.actionButton__label--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__label--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__icon--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__prefixIcon--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.actionButton__suffixIcon--variant_criticalSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_criticalSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.actionButton__root--variant_brandOutline{background:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_brandOutline:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.actionButton__root--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-layer-default);border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_brandOutline[data-loading]{background:var(--seed-v3-color-bg-layer-default)}.actionButton__label--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__label--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__icon--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__prefixIcon--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_brandOutline{color:var(--seed-v3-color-fg-brand)}.actionButton__suffixIcon--variant_brandOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_brandOutline{--track-color:var(--seed-v3-color-palette-carrot-200);--range-color:var(--seed-v3-color-bg-brand-solid)}.actionButton__root--variant_neutralOutline{background:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_neutralOutline:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.actionButton__root--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-layer-default);border-color:var(--seed-v3-color-stroke-neutral)}.actionButton__root--variant_neutralOutline[data-loading]{background:var(--seed-v3-color-bg-layer-default)}.actionButton__label--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__label--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__icon--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__icon--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__prefixIcon--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__prefixIcon--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__suffixIcon--variant_neutralOutline{color:var(--seed-v3-color-fg-neutral)}.actionButton__suffixIcon--variant_neutralOutline:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionButton__progressIndicator--variant_neutralOutline{--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.actionButton__root--size_xsmall{height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full)}.actionButton__progressIndicator--size_xsmall{--size:14px;--thickness:2px}.actionButton__root--size_small{height:var(--seed-v3-dimension-s9);border-radius:var(--seed-v3-radius-s2)}.actionButton__progressIndicator--size_small{--size:14px;--thickness:2px}.actionButton__root--size_medium{height:var(--seed-v3-dimension-s10);border-radius:var(--seed-v3-radius-s2)}.actionButton__progressIndicator--size_medium{--size:16px;--thickness:2px}.actionButton__root--size_large{height:var(--seed-v3-dimension-s13);border-radius:var(--seed-v3-radius-s3)}.actionButton__progressIndicator--size_large{--size:18px;--thickness:2px}.actionButton__root--size_xsmall-layout_withText{gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s1_5)}.actionButton__label--size_xsmall-layout_withText{font-size:var(--seed-v3-font-size-s4)}.actionButton__prefixIcon--size_xsmall-layout_withText,.actionButton__suffixIcon--size_xsmall-layout_withText{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionButton__root--size_xsmall-layout_iconOnly{min-width:var(--seed-v3-dimension-s8);padding-inline:var(--seed-v3-dimension-s1_5);padding-block:var(--seed-v3-dimension-s1_5)}.actionButton__icon--size_xsmall-layout_iconOnly{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionButton__root--size_small-layout_withText{gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s2)}.actionButton__label--size_small-layout_withText{font-size:var(--seed-v3-font-size-s4)}.actionButton__prefixIcon--size_small-layout_withText,.actionButton__suffixIcon--size_small-layout_withText{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionButton__root--size_small-layout_iconOnly{min-width:var(--seed-v3-dimension-s9);padding-inline:var(--seed-v3-dimension-s2);padding-block:var(--seed-v3-dimension-s2)}.actionButton__icon--size_small-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionButton__root--size_medium-layout_withText{gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s2_5)}.actionButton__label--size_medium-layout_withText{font-size:var(--seed-v3-font-size-s4)}.actionButton__prefixIcon--size_medium-layout_withText,.actionButton__suffixIcon--size_medium-layout_withText{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionButton__root--size_medium-layout_iconOnly{min-width:var(--seed-v3-dimension-s10);padding-inline:var(--seed-v3-dimension-s2_5);padding-block:var(--seed-v3-dimension-s2_5)}.actionButton__icon--size_medium-layout_iconOnly{width:18px;height:18px}.actionButton__root--size_large-layout_withText{gap:var(--seed-v3-dimension-s2);padding-inline:var(--seed-v3-dimension-s5);padding-block:var(--seed-v3-dimension-s3_5)}.actionButton__label--size_large-layout_withText{font-size:var(--seed-v3-font-size-s6)}.actionButton__prefixIcon--size_large-layout_withText,.actionButton__suffixIcon--size_large-layout_withText{width:22px;height:22px}.actionButton__root--size_large-layout_iconOnly{min-width:var(--seed-v3-dimension-s13);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s3_5)}.actionButton__icon--size_large-layout_iconOnly{width:22px;height:22px}.toggleButton__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.toggleButton__root:is(:focus,[data-focus]){outline:none}.toggleButton__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.toggleButton__root{transition:background-color var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing)}.toggleButton__label{font-weight:var(--seed-v3-font-weight-bold)}.toggleButton__label[data-loading]{opacity:0}.toggleButton__prefixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggleButton__prefixIcon[data-loading]{opacity:0}.toggleButton__suffixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toggleButton__suffixIcon[data-loading]{opacity:0}.toggleButton__progressIndicator{display:none;position:absolute}.toggleButton__progressIndicator[data-loading]{display:flex}.toggleButton__root--variant_brandSolid{background:var(--seed-v3-color-bg-brand-solid)}.toggleButton__root--variant_brandSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-brand-solid-pressed)}.toggleButton__root--variant_brandSolid:is([aria-pressed=true],[data-pressed]){background:var(--seed-v3-color-bg-neutral-weak)}.toggleButton__root--variant_brandSolid:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.toggleButton__root--variant_brandSolid[data-loading]{background:var(--seed-v3-color-bg-brand-solid-pressed)}.toggleButton__root--variant_brandSolid:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__label--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.toggleButton__label--variant_brandSolid:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__label--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__prefixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.toggleButton__prefixIcon--variant_brandSolid:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__prefixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__suffixIcon--variant_brandSolid{color:var(--seed-v3-color-palette-static-white)}.toggleButton__suffixIcon--variant_brandSolid:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__suffixIcon--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__progressIndicator--variant_brandSolid{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.toggleButton__progressIndicator--variant_brandSolid:is([aria-pressed=true],[data-pressed]){--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.toggleButton__root--variant_neutralWeak{background:var(--seed-v3-color-bg-neutral-weak)}.toggleButton__root--variant_neutralWeak:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__root--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){background:var(--seed-v3-color-bg-neutral-weak)}.toggleButton__root--variant_neutralWeak:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__root--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled)}.toggleButton__root--variant_neutralWeak[data-loading],.toggleButton__root--variant_neutralWeak:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.toggleButton__label--variant_neutralWeak,.toggleButton__label--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__label--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__prefixIcon--variant_neutralWeak,.toggleButton__prefixIcon--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__prefixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__suffixIcon--variant_neutralWeak,.toggleButton__suffixIcon--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-neutral)}.toggleButton__suffixIcon--variant_neutralWeak:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.toggleButton__progressIndicator--variant_neutralWeak,.toggleButton__progressIndicator--variant_neutralWeak:is([aria-pressed=true],[data-pressed]){--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral)}.toggleButton__root--size_xsmall{height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s1_5)}.toggleButton__label--size_xsmall{font-size:var(--seed-v3-font-size-s4)}.toggleButton__prefixIcon--size_xsmall,.toggleButton__suffixIcon--size_xsmall{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.toggleButton__progressIndicator--size_xsmall{--size:14px;--thickness:2px}.toggleButton__root--size_small{height:var(--seed-v3-dimension-s9);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s2)}.toggleButton__label--size_small{font-size:var(--seed-v3-font-size-s4)}.toggleButton__prefixIcon--size_small,.toggleButton__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.toggleButton__progressIndicator--size_small{--size:14px;--thickness:2px}.reactionButton__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.reactionButton__root:is(:focus,[data-focus]){outline:none}.reactionButton__root{transition:background-color var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing);background:var(--seed-v3-color-bg-neutral-weak)}.reactionButton__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.reactionButton__root:is([aria-pressed=true],[data-pressed]){background:var(--seed-v3-color-bg-layer-default);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-brand)}.reactionButton__root:is([aria-pressed=true],[data-pressed]):is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.reactionButton__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background:var(--seed-v3-color-bg-disabled);box-shadow:inset 0 0 0 0px var(--seed-v3-color-stroke-brand)}.reactionButton__root[data-loading]{background:var(--seed-v3-color-bg-neutral-weak-pressed)}.reactionButton__root:is([aria-pressed=true],[data-pressed])[data-loading]{background:var(--seed-v3-color-bg-layer-default-pressed);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-brand)}.reactionButton__label{font-weight:var(--seed-v3-font-weight-medium);color:var(--seed-v3-color-fg-neutral)}.reactionButton__label:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-brand)}.reactionButton__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.reactionButton__label[data-loading]{opacity:0}.reactionButton__count{font-weight:var(--seed-v3-font-weight-bold);color:var(--seed-v3-color-fg-neutral)}.reactionButton__count:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-brand)}.reactionButton__count:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.reactionButton__count[data-loading]{opacity:0}.reactionButton__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.reactionButton__prefixIcon:is([aria-pressed=true],[data-pressed]){color:var(--seed-v3-color-fg-brand)}.reactionButton__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.reactionButton__prefixIcon[data-loading]{opacity:0}.reactionButton__progressIndicator{--track-color:var(--seed-v3-color-palette-gray-500);--range-color:var(--seed-v3-color-fg-neutral);display:none;position:absolute}.reactionButton__progressIndicator:is([aria-pressed=true],[data-pressed]){--track-color:var(--seed-v3-color-palette-carrot-200);--range-color:var(--seed-v3-color-fg-brand)}.reactionButton__progressIndicator[data-loading]{display:flex}.reactionButton__root--size_xsmall{height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3);padding-block:var(--seed-v3-dimension-s1_5)}.reactionButton__label--size_xsmall,.reactionButton__count--size_xsmall{font-size:var(--seed-v3-font-size-s3);line-height:var(--seed-v3-line-height-s3)}.reactionButton__prefixIcon--size_xsmall{width:18px;height:18px}.reactionButton__progressIndicator--size_xsmall{--size:14px;--thickness:2px}.reactionButton__root--size_small{height:var(--seed-v3-dimension-s9);border-radius:var(--seed-v3-radius-full);gap:var(--seed-v3-dimension-s1);padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s2)}.reactionButton__label--size_small,.reactionButton__count--size_small{font-size:var(--seed-v3-font-size-s3);line-height:var(--seed-v3-line-height-s3)}.reactionButton__prefixIcon--size_small{width:18px;height:18px}.reactionButton__progressIndicator--size_small{--size:14px;--thickness:2px}.bottomSheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottomSheet__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.bottomSheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.bottomSheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.bottomSheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-default);border-top-left-radius:var(--seed-v3-radius-s6);border-top-right-radius:var(--seed-v3-radius-s6);flex-direction:column;flex:1;display:flex;position:relative}.bottomSheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.bottomSheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.bottomSheet__header{gap:var(--seed-v3-dimension-s2);padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-top:var(--seed-v3-dimension-s6);padding-bottom:var(--seed-v3-dimension-s4);flex-direction:column;display:flex}.bottomSheet__title{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s8);line-height:var(--seed-v3-line-height-s8);font-weight:var(--seed-v3-font-weight-bold);margin:0}.bottomSheet__description{color:var(--seed-v3-color-fg-neutral-muted);font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6);font-weight:var(--seed-v3-font-weight-regular);white-space:pre-wrap;margin:0}.bottomSheet__body{padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);flex-direction:column;display:flex}.bottomSheet__footer{padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-top:var(--seed-v3-dimension-s3);padding-bottom:var(--seed-v3-dimension-s4);flex-direction:column;display:flex}.bottomSheet__closeButton{top:var(--seed-v3-dimension-s5);right:var(--seed-v3-dimension-s5);border-radius:var(--seed-v3-radius-full);background:var(--seed-v3-color-palette-gray-300);justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute}.bottomSheet__closeButton:after{content:"";position:absolute;inset:-8px}.bottomSheet__closeIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;width:14px;height:14px}.actionSheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.actionSheet__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.actionSheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.actionSheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.actionSheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-floating);border-top-left-radius:var(--seed-v3-radius-s5);border-top-right-radius:var(--seed-v3-radius-s5);flex-direction:column;flex:1;display:flex;position:relative}.actionSheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.actionSheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.actionSheet__header{padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s3_5);align-items:center;gap:var(--seed-v3-dimension-s1);flex-direction:column;display:flex;position:relative}.actionSheet__header:after{content:"";left:var(--seed-v3-dimension-spacing-x-global-gutter);right:var(--seed-v3-dimension-spacing-x-global-gutter);background:var(--seed-v3-color-stroke-neutral);height:1px;display:block;position:absolute;bottom:0}.actionSheet__title{color:var(--seed-v3-color-fg-neutral-muted);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-bold)}.actionSheet__description{color:var(--seed-v3-color-fg-neutral-muted);font-size:var(--seed-v3-font-size-s3);line-height:var(--seed-v3-line-height-s3);font-weight:var(--seed-v3-font-weight-regular)}.actionSheet__list{flex-direction:column;align-items:stretch;display:flex}.actionSheetItem__root{background-color:var(--seed-v3-color-bg-layer-floating);min-height:50px;padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s3_5);justify-content:center;align-items:center;display:flex;position:relative}.actionSheetItem__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-floating-pressed)}.actionSheetItem__root:after{content:"";left:var(--seed-v3-dimension-spacing-x-global-gutter);right:var(--seed-v3-dimension-spacing-x-global-gutter);background:var(--seed-v3-color-stroke-neutral);height:1px;display:block;position:absolute;bottom:0}.actionSheetItem__label{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-regular)}.actionSheetItem__label--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.actionSheetItem__label--tone_critical{color:var(--seed-v3-color-fg-critical)}.actionSheetCloseButton__root{background-color:var(--seed-v3-color-bg-layer-floating);min-height:50px;padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s3_5);justify-content:center;align-items:center;display:flex}.actionSheetCloseButton__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-floating-pressed)}.actionSheetCloseButton__label{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-bold)}.extendedActionSheet__positioner{overscroll-behavior-y:none;--sheet-z-index:2;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.extendedActionSheet__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--sheet-z-index) + var(--layer-index,0));position:fixed;inset:0}.extendedActionSheet__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.extendedActionSheet__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.extendedActionSheet__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--sheet-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-floating);padding-inline:var(--seed-v3-dimension-spacing-x-global-gutter);padding-block:var(--seed-v3-dimension-s4);border-top-left-radius:var(--seed-v3-radius-s5);border-top-right-radius:var(--seed-v3-radius-s5);flex-direction:column;flex:1;display:flex;position:relative}.extendedActionSheet__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:1;--seed-exit-scale:1;animation-fill-mode:forwards}.extendedActionSheet__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s6);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:1;--seed-enter-scale:1}.extendedActionSheet__header{align-items:center;gap:var(--seed-v3-dimension-s1);padding-bottom:var(--seed-v3-dimension-s4);flex-direction:column;display:flex}.extendedActionSheet__title{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6);font-weight:var(--seed-v3-font-weight-bold)}.extendedActionSheet__list{align-items:stretch;gap:var(--seed-v3-dimension-s2_5);flex-direction:column;display:flex}.extendedActionSheet__group{border-radius:var(--seed-v3-radius-s4);flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.extendedActionSheet__footer{padding-top:var(--seed-v3-dimension-s2_5);flex-direction:column;align-items:stretch;display:flex}.extendedActionSheetItem__root{background-color:var(--seed-v3-color-bg-neutral-weak);min-height:52px;padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s3_5);justify-content:flex-start;align-items:center;gap:var(--seed-v3-dimension-s3_5);box-shadow:inset 0 calc(-1*1px)0 var(--seed-v3-color-stroke-neutral);display:flex}.extendedActionSheetItem__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.extendedActionSheetItem__root:last-child{box-shadow:none}.extendedActionSheetItem__label{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-regular)}.extendedActionSheetItem__prefixIcon{flex-shrink:0;width:22px;height:22px;display:inline-flex}.extendedActionSheetItem__label--tone_neutral,.extendedActionSheetItem__prefixIcon--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.extendedActionSheetItem__label--tone_critical,.extendedActionSheetItem__prefixIcon--tone_critical{color:var(--seed-v3-color-fg-critical)}.extendedActionSheetCloseButton__root{background-color:var(--seed-v3-color-bg-neutral-weak);min-height:52px;padding-inline:var(--seed-v3-dimension-s5);padding-block:var(--seed-v3-dimension-s3_5);border-radius:var(--seed-v3-radius-s3);justify-content:center;align-items:center;display:flex}.extendedActionSheetCloseButton__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.extendedActionSheetCloseButton__label{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-medium)}.fab__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.fab__root:is(:focus,[data-focus]){outline:none}.fab__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.fab__root{background:var(--seed-v3-color-bg-layer-floating);border-radius:var(--seed-v3-radius-full);width:44px;height:44px;box-shadow:0 2px 6px #00000026}.fab__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-floating-pressed)}.fab__icon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.extendedFab__root{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.extendedFab__root:is(:focus,[data-focus]){outline:none}.extendedFab__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.extendedFab__root{border-radius:var(--seed-v3-radius-full);box-shadow:0 2px 6px #00000026}.extendedFab__prefixIcon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.extendedFab__root--variant_neutralSolid{background:var(--seed-v3-color-bg-neutral-inverted)}.extendedFab__root--variant_neutralSolid:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-inverted-pressed)}.extendedFab__label--variant_neutralSolid,.extendedFab__prefixIcon--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral-inverted)}.extendedFab__root--variant_layerFloating{background:var(--seed-v3-color-bg-layer-floating)}.extendedFab__root--variant_layerFloating:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-floating-pressed)}.extendedFab__label--variant_layerFloating,.extendedFab__prefixIcon--variant_layerFloating{color:var(--seed-v3-color-fg-neutral)}.extendedFab__root--size_small{padding-inline:var(--seed-v3-dimension-s3_5);padding-block:var(--seed-v3-dimension-s2_5);gap:var(--seed-v3-dimension-s1);min-height:40px}.extendedFab__label--size_small{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-medium)}.extendedFab__prefixIcon--size_small{width:16px;height:16px}.extendedFab__root--size_medium{padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s3);gap:var(--seed-v3-dimension-s1);min-height:48px}.extendedFab__label--size_medium{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-bold)}.extendedFab__prefixIcon--size_medium{width:16px;height:16px}.badge__root{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.badge__root--size_medium{min-height:var(--seed-v3-dimension-s5);padding-inline:var(--seed-v3-dimension-s1_5);padding-block:var(--seed-v3-dimension-s0_5)}.badge__label--size_medium{font-size:var(--seed-v3-font-size-s1);line-height:var(--seed-v3-line-height-s1)}.badge__root--size_large{min-height:var(--seed-v3-dimension-s6);padding-inline:var(--seed-v3-dimension-s2);padding-block:var(--seed-v3-dimension-s1)}.badge__label--size_large{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.badge__root--shape_pill{border-radius:var(--seed-v3-radius-full)}.badge__label--variant_weak{font-weight:var(--seed-v3-font-weight-medium)}.badge__label--variant_solid,.badge__label--variant_outline{font-weight:var(--seed-v3-font-weight-bold)}.badge__root--shape_rectangle-size_medium{border-radius:var(--seed-v3-radius-s1)}.badge__root--shape_rectangle-size_large{border-radius:var(--seed-v3-radius-s1_5)}.badge__root--tone_neutral-variant_weak{background-color:var(--seed-v3-color-bg-neutral-weak)}.badge__label--tone_neutral-variant_weak{color:var(--seed-v3-color-fg-neutral)}.badge__root--tone_neutral-variant_solid{background-color:var(--seed-v3-color-bg-neutral-inverted)}.badge__label--tone_neutral-variant_solid{color:var(--seed-v3-color-fg-neutral-inverted)}.badge__root--tone_neutral-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-neutral)}.badge__label--tone_neutral-variant_outline{color:var(--seed-v3-color-fg-neutral)}.badge__root--tone_brand-variant_weak{background-color:var(--seed-v3-color-bg-brand-weak)}.badge__label--tone_brand-variant_weak{color:var(--seed-v3-color-fg-brand-contrast)}.badge__root--tone_brand-variant_solid{background-color:var(--seed-v3-color-bg-brand-solid)}.badge__label--tone_brand-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_brand-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-brand)}.badge__label--tone_brand-variant_outline{color:var(--seed-v3-color-fg-brand)}.badge__root--tone_informative-variant_weak{background-color:var(--seed-v3-color-bg-informative-weak)}.badge__label--tone_informative-variant_weak{color:var(--seed-v3-color-fg-informative-contrast)}.badge__root--tone_informative-variant_solid{background-color:var(--seed-v3-color-bg-informative-solid)}.badge__label--tone_informative-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_informative-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-informative)}.badge__label--tone_informative-variant_outline{color:var(--seed-v3-color-fg-informative)}.badge__root--tone_positive-variant_weak{background-color:var(--seed-v3-color-bg-positive-weak)}.badge__label--tone_positive-variant_weak{color:var(--seed-v3-color-fg-positive-contrast)}.badge__root--tone_positive-variant_solid{background-color:var(--seed-v3-color-bg-positive-solid)}.badge__label--tone_positive-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_positive-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-positive)}.badge__label--tone_positive-variant_outline{color:var(--seed-v3-color-fg-positive)}.badge__root--tone_critical-variant_weak{background-color:var(--seed-v3-color-bg-critical-weak)}.badge__label--tone_critical-variant_weak{color:var(--seed-v3-color-fg-critical-contrast)}.badge__root--tone_critical-variant_solid{background-color:var(--seed-v3-color-bg-critical-solid)}.badge__label--tone_critical-variant_solid{color:var(--seed-v3-color-palette-static-white)}.badge__root--tone_critical-variant_outline{box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-critical)}.badge__label--tone_critical-variant_outline{color:var(--seed-v3-color-fg-critical)}.radio__root{box-sizing:border-box;background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control);border-radius:var(--seed-v3-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.radio__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.radio__root:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid);border-width:0}.radio__root:is(:active,[data-active]):is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.radio__root:is(:disabled,[disabled],[data-disabled]){background-color:var(--seed-v3-color-palette-gray-300)}.radio__root:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:none;border-color:var(--seed-v3-color-palette-gray-300)}.radio__icon{border-radius:var(--seed-v3-radius-full);display:none}.radio__icon:is(:checked,[data-checked]){background-color:var(--seed-v3-color-palette-static-white);display:block}.radio__icon:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked]){background-color:var(--seed-v3-color-palette-gray-300)}.radio__root--size_large{width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6)}.radio__icon--size_large{width:var(--seed-v3-dimension-s2_5);height:var(--seed-v3-dimension-s2_5)}.radio__icon--size_large:is(:disabled,[disabled],[data-disabled]){width:var(--seed-v3-dimension-s3);height:var(--seed-v3-dimension-s3)}.radio__root--size_medium{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.radio__icon--size_medium{width:var(--seed-v3-dimension-s2);height:var(--seed-v3-dimension-s2)}.radio__icon--size_medium:is(:disabled,[disabled],[data-disabled]){width:var(--seed-v3-dimension-s2_5);height:var(--seed-v3-dimension-s2_5)}.dialog__positioner{overscroll-behavior-y:none;--dialog-z-index:2;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog__backdrop{background:var(--seed-v3-color-bg-overlay);z-index:calc(var(--dialog-z-index) + var(--layer-index,0));position:fixed;inset:0}.dialog__backdrop:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s2);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1}.dialog__backdrop:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.dialog__content{box-sizing:border-box;word-break:break-all;z-index:calc(var(--dialog-z-index) + var(--layer-index,0));background:var(--seed-v3-color-bg-layer-default);max-width:272px;margin:auto var(--seed-v3-dimension-s8);padding:var(--seed-v3-dimension-s5)var(--seed-v3-dimension-s5);border-radius:var(--seed-v3-radius-s5);flex-direction:column;flex:1;display:flex;position:relative}.dialog__content:is([data-state=open],[data-open]){animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter-expressive);animation-duration:var(--seed-v3-duration-s4);--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1.3}.dialog__content:not(:is([data-state=open],[data-open])){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s2);--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.dialog__header{gap:var(--seed-v3-dimension-s1_5);flex-direction:column;display:flex}.dialog__title{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s7);line-height:var(--seed-v3-line-height-s7);font-weight:var(--seed-v3-font-weight-bold);margin:0}.dialog__description{color:var(--seed-v3-color-fg-neutral);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);font-weight:var(--seed-v3-font-weight-regular);white-space:pre-wrap;margin:0}.dialog__footer{padding-top:var(--seed-v3-dimension-s4);flex-direction:column;align-items:stretch;display:flex}.checkbox__root{vertical-align:top;isolation:isolate;cursor:pointer;align-items:flex-start;gap:var(--seed-v3-dimension-s2);max-inline-size:100%;display:inline-flex;position:relative}.checkbox__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.checkbox__control{box-sizing:border-box;flex-shrink:0;position:relative}.checkbox__icon{content:"";text-align:center;overflow:initial;margin:auto;display:none;position:absolute;inset:0}.checkbox__label{color:var(--seed-v3-color-fg-neutral)}.checkbox__label--weight_default{font-weight:var(--seed-v3-font-weight-regular)}.checkbox__label--weight_stronger{font-weight:var(--seed-v3-font-weight-bold)}.checkbox__control--variant_square{border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control)}.checkbox__control--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-v3-color-bg-brand-solid);border-width:0}.checkbox__control--variant_square:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.checkbox__control--variant_square:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-v3-color-bg-brand-solid-pressed)}.checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled);border-color:var(--seed-v3-color-stroke-neutral)}.checkbox__control--variant_square:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:var(--seed-v3-color-bg-disabled)}.checkbox__icon--variant_square:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-v3-color-palette-static-white);display:block}.checkbox__icon--variant_square:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-v3-color-fg-disabled);display:block}.checkbox__label--variant_square:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.checkbox__control--variant_ghost,.checkbox__control--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:0 0}.checkbox__control--variant_ghost:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.checkbox__control--variant_ghost:is(:active,[data-active]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]){background:var(--seed-v3-color-bg-brand-weak-pressed)}.checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.checkbox__control--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background:0 0}.checkbox__icon--variant_ghost{color:var(--seed-v3-color-fg-placeholder);display:block}.checkbox__icon--variant_ghost:is(:checked,:indeterminate,[data-checked],[data-indeterminate]){color:var(--seed-v3-color-fg-brand)}.checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]):is(:checked,:indeterminate,[data-checked],[data-indeterminate]),.checkbox__icon--variant_ghost:is(:disabled,[disabled],[data-disabled]),.checkbox__label--variant_ghost:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.checkbox__root--size_large{min-height:var(--seed-v3-dimension-s9)}.checkbox__control--size_large{border-radius:var(--seed-v3-radius-s1);width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6);margin:calc((var(--seed-v3-dimension-s9) - var(--seed-v3-dimension-s6))/2)0}.checkbox__label--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5);margin-block-start:calc(18px - .65625rem)}.checkbox__root--size_medium{min-height:var(--seed-v3-dimension-s8)}.checkbox__control--size_medium{border-radius:var(--seed-v3-radius-s1);width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5);margin:calc((var(--seed-v3-dimension-s8) - var(--seed-v3-dimension-s5))/2)0}.checkbox__label--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);margin-block-start:calc(16px - .59375rem)}.checkbox__icon--size_medium-variant_ghost{width:14px;height:14px}.checkbox__icon--size_large-variant_ghost{width:18px;height:18px}.checkbox__icon--size_medium-variant_square{width:12px;height:12px}.checkbox__icon--size_large-variant_square{width:14px;height:14px}.actionChip__root{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-v3-radius-full);border:none;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.actionChip__root:is(:focus,[data-focus]){outline:none}.actionChip__root{background:var(--seed-v3-color-bg-neutral-weak)}.actionChip__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-weak-pressed)}.actionChip__root:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled);cursor:not-allowed}.actionChip__label{color:var(--seed-v3-color-fg-neutral);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.actionChip__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.actionChip__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__suffixIcon{color:var(--seed-v3-color-fg-neutral-subtle);flex-shrink:0;display:inline-flex}.actionChip__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__icon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.actionChip__icon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.actionChip__count{color:var(--seed-v3-color-fg-neutral-muted);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.actionChip__root--size_medium{min-height:var(--seed-v3-dimension-s9);padding-block:var(--seed-v3-dimension-s2);gap:var(--seed-v3-dimension-s1)}.actionChip__label--size_medium{font-size:var(--seed-v3-font-size-s4)}.actionChip__prefixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionChip__suffixIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionChip__count--size_medium{font-size:var(--seed-v3-font-size-s4)}.actionChip__root--size_small{min-height:var(--seed-v3-dimension-s8);padding-block:var(--seed-v3-dimension-s1_5);gap:var(--seed-v3-dimension-s1)}.actionChip__label--size_small{font-size:var(--seed-v3-font-size-s4)}.actionChip__prefixIcon--size_small{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionChip__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.actionChip__count--size_small{font-size:var(--seed-v3-font-size-s4)}.actionChip__root--size_medium-layout_withText{padding-inline:var(--seed-v3-dimension-s3_5)}.actionChip__root--size_medium-layout_iconOnly{min-width:var(--seed-v3-dimension-s9)}.actionChip__icon--size_medium-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.actionChip__root--size_small-layout_withText{padding-inline:var(--seed-v3-dimension-s3)}.actionChip__root--size_small-layout_iconOnly{min-width:var(--seed-v3-dimension-s8)}.actionChip__icon--size_small-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__root{box-sizing:border-box;cursor:pointer;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-v3-radius-full);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-neutral);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.controlChip__root:is(:focus,[data-focus]){outline:none}.controlChip__root:is(:active,[data-active]){background:var(--seed-v3-color-bg-layer-default-pressed)}.controlChip__root:is(:checked,[data-checked]){background:var(--seed-v3-color-bg-neutral-solid-muted);box-shadow:none}.controlChip__root:is(:checked,[data-checked]):is(:active,[data-active]){background:var(--seed-v3-color-bg-neutral-solid-muted-pressed)}.controlChip__root:is(:disabled,[disabled],[data-disabled]){background:var(--seed-v3-color-bg-disabled);cursor:not-allowed}.controlChip__label{color:var(--seed-v3-color-fg-neutral);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.controlChip__label:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white);font-weight:var(--seed-v3-font-weight-bold)}.controlChip__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.controlChip__prefixIcon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white)}.controlChip__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__suffixIcon{color:var(--seed-v3-color-fg-neutral-subtle);flex-shrink:0;display:inline-flex}.controlChip__suffixIcon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white)}.controlChip__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__icon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0;display:inline-flex}.controlChip__icon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white)}.controlChip__icon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.controlChip__count{color:var(--seed-v3-color-fg-neutral-muted);line-height:1;font-weight:var(--seed-v3-font-weight-medium)}.controlChip__count:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white-alpha-800)}.controlChip__root--size_medium{min-height:var(--seed-v3-dimension-s9);padding-block:var(--seed-v3-dimension-s2);gap:var(--seed-v3-dimension-s1)}.controlChip__label--size_medium{font-size:var(--seed-v3-font-size-s4)}.controlChip__prefixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__suffixIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.controlChip__count--size_medium{font-size:var(--seed-v3-font-size-s4)}.controlChip__root--size_small{min-height:var(--seed-v3-dimension-s8);padding-block:var(--seed-v3-dimension-s1_5);gap:var(--seed-v3-dimension-s1)}.controlChip__label--size_small{font-size:var(--seed-v3-font-size-s4)}.controlChip__prefixIcon--size_small{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.controlChip__count--size_small{font-size:var(--seed-v3-font-size-s4)}.controlChip__root--size_medium-layout_withText{padding-inline:var(--seed-v3-dimension-s3_5)}.controlChip__root--size_medium-layout_iconOnly{min-width:var(--seed-v3-dimension-s9)}.controlChip__icon--size_medium-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.controlChip__root--size_small-layout_withText{padding-inline:var(--seed-v3-dimension-s3)}.controlChip__root--size_small-layout_iconOnly{min-width:var(--seed-v3-dimension-s8)}.controlChip__icon--size_small-layout_iconOnly{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.callout__root{box-sizing:border-box;width:100%;min-height:50px;padding:var(--seed-v3-dimension-s3_5);align-items:center;gap:var(--seed-v3-dimension-s3);border-radius:var(--seed-v3-radius-s2_5);text-align:start;font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;font-family:inherit;display:flex}.callout__root:is(button){cursor:pointer}.callout__icon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none}.callout__textContent{margin-inline-end:auto}.callout__title{font-weight:var(--seed-v3-font-weight-bold)}.callout__spacer{letter-spacing:.25em}.callout__description{font-weight:var(--seed-v3-font-weight-regular)}.callout__linkLabel{text-underline-offset:2px;cursor:pointer;background-color:#0000;border:none;padding:0;font-family:inherit;text-decoration:underline;display:inline-block}.callout__actionableIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none}.callout__dismissButton{width:var(--seed-v3-dimension-s10);height:var(--seed-v3-dimension-s10);margin:calc((var(--seed-v3-dimension-s10) - var(--seed-v3-dimension-s4))*-.5);cursor:pointer;background-color:#0000;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.callout__dismissIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.callout__root--tone_neutral{background-color:var(--seed-v3-color-bg-neutral-weak)}.callout__root--tone_neutral:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.callout__icon--tone_neutral,.callout__title--tone_neutral,.callout__description--tone_neutral,.callout__linkLabel--tone_neutral,.callout__actionableIcon--tone_neutral,.callout__dismissIcon--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.callout__root--tone_informative{background-color:var(--seed-v3-color-bg-informative-weak)}.callout__root--tone_informative:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-informative-weak-pressed)}.callout__icon--tone_informative,.callout__title--tone_informative,.callout__description--tone_informative,.callout__linkLabel--tone_informative,.callout__actionableIcon--tone_informative,.callout__dismissIcon--tone_informative{color:var(--seed-v3-color-fg-informative-contrast)}.callout__root--tone_warning{background-color:var(--seed-v3-color-bg-warning-weak)}.callout__root--tone_warning:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-warning-weak-pressed)}.callout__icon--tone_warning,.callout__title--tone_warning,.callout__description--tone_warning,.callout__linkLabel--tone_warning,.callout__actionableIcon--tone_warning,.callout__dismissIcon--tone_warning{color:var(--seed-v3-color-fg-warning-contrast)}.callout__root--tone_critical{background-color:var(--seed-v3-color-bg-critical-weak)}.callout__root--tone_critical:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-critical-weak-pressed)}.callout__icon--tone_critical,.callout__title--tone_critical,.callout__description--tone_critical,.callout__linkLabel--tone_critical,.callout__actionableIcon--tone_critical,.callout__dismissIcon--tone_critical{color:var(--seed-v3-color-fg-critical-contrast)}.callout__root--tone_magic{background-color:var(--seed-v3-color-bg-magic-weak)}.callout__root--tone_magic:is(button):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-magic-weak-pressed)}.callout__icon--tone_magic,.callout__title--tone_magic,.callout__description--tone_magic,.callout__linkLabel--tone_magic,.callout__actionableIcon--tone_magic,.callout__dismissIcon--tone_magic{color:var(--seed-v3-color-fg-magic-contrast)}.mannerTempBadge__root{box-sizing:border-box;text-transform:none;text-align:start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--seed-v3-radius-full);padding-inline:var(--seed-v3-dimension-s1_5);padding-block:var(--seed-v3-dimension-s0_5);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.mannerTempBadge__label{font-size:var(--seed-v3-font-size-s1);line-height:var(--seed-v3-line-height-s1);font-weight:var(--seed-v3-font-weight-bold)}.mannerTempBadge__root--level_l1{background-color:var(--seed-v3-color-manner-temp-l1-bg)}.mannerTempBadge__label--level_l1{color:var(--seed-v3-color-manner-temp-l1-text)}.mannerTempBadge__root--level_l2{background-color:var(--seed-v3-color-manner-temp-l2-bg)}.mannerTempBadge__label--level_l2{color:var(--seed-v3-color-manner-temp-l2-text)}.mannerTempBadge__root--level_l3{background-color:var(--seed-v3-color-manner-temp-l3-bg)}.mannerTempBadge__label--level_l3{color:var(--seed-v3-color-manner-temp-l3-text)}.mannerTempBadge__root--level_l4{background-color:var(--seed-v3-color-manner-temp-l4-bg)}.mannerTempBadge__label--level_l4{color:var(--seed-v3-color-manner-temp-l4-text)}.mannerTempBadge__root--level_l5{background-color:var(--seed-v3-color-manner-temp-l5-bg)}.mannerTempBadge__label--level_l5{color:var(--seed-v3-color-manner-temp-l5-text)}.mannerTempBadge__root--level_l6{background-color:var(--seed-v3-color-manner-temp-l6-bg)}.mannerTempBadge__label--level_l6{color:var(--seed-v3-color-manner-temp-l6-text)}.segmentedControl__root{box-sizing:border-box;min-width:fit-content;max-width:100%;padding:var(--seed-v3-dimension-s1);border-radius:var(--seed-v3-radius-full);background-color:var(--seed-v3-color-bg-neutral-weak);isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;display:grid;position:relative}.segmentedControl__indicator{z-index:-1;will-change:transform;transform:translateX(calc(var(--segment-index)*100%));inset-block:var(--seed-v3-dimension-s1);width:calc((100% - var(--seed-v3-dimension-s1)*2)/var(--segment-count));border-radius:var(--seed-v3-radius-full);background-color:var(--seed-v3-color-bg-layer-default);transition:transform var(--seed-v3-duration-s4)var(--seed-v3-timing-function-easing);position:absolute;inset-inline-start:var(--seed-v3-dimension-s1);box-shadow:0 1px 6px #0000000d}.segmentedControl__item{cursor:pointer;min-width:86px;height:var(--seed-v3-dimension-s8);border-radius:var(--seed-v3-radius-full);user-select:none;line-height:var(--seed-v3-line-height-s5);display:grid;overflow:hidden}.segmentedControl__item:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.segmentedControl__item:not(:is(:checked,[data-checked])):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.segmentedControl__itemLabel{padding-inline:calc(var(--seed-v3-dimension-s4) - 1px);text-align:center;font-weight:var(--seed-v3-font-weight-medium);font-size:var(--seed-v3-font-size-s5);white-space:nowrap;text-overflow:ellipsis;color:var(--seed-v3-color-fg-neutral-muted);grid-area:1/1/1/1;margin-block:auto;overflow:hidden}.segmentedControl__itemLabel:is(:checked,[data-checked]){color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold)}.segmentedControl__itemLabel:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.selectBoxGroup__root{flex-direction:column;width:100%;display:flex}.selectBox__root{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--seed-v3-dimension-s2_5);padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s5);border-radius:var(--seed-v3-radius-s3);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-neutral);display:flex}.selectBox__root:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.selectBox__root:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-neutral-weak);box-shadow:inset 0 0 0 1px var(--seed-v3-color-stroke-control)}.selectBox__root:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.selectBox__content{gap:var(--seed-v3-dimension-s0_5);flex-direction:column;display:flex}.selectBox__checkboxControl{box-sizing:border-box;width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6);background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control);border-radius:var(--seed-v3-radius-s1);flex:none;justify-content:center;align-items:center;display:flex}.selectBox__checkboxControl:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.selectBox__checkboxControl:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid);border-width:0}.selectBox__checkboxControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.selectBox__checkboxIcon{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5);display:none}.selectBox__checkboxIcon:is(:checked,[data-checked]){color:var(--seed-v3-color-palette-static-white);display:block}.selectBox__radioControl{box-sizing:border-box;width:var(--seed-v3-dimension-s6);height:var(--seed-v3-dimension-s6);background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-control);border-radius:var(--seed-v3-radius-full);flex:none;justify-content:center;align-items:center;display:flex}.selectBox__radioControl:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.selectBox__radioControl:is(:checked,[data-checked]){background-color:var(--seed-v3-color-bg-brand-solid);border-width:0}.selectBox__radioControl:is(:checked,[data-checked]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.selectBox__radioIcon{width:var(--seed-v3-dimension-s2_5);height:var(--seed-v3-dimension-s2_5);border-radius:var(--seed-v3-radius-full);display:none}.selectBox__radioIcon:is(:checked,[data-checked]){background-color:var(--seed-v3-color-palette-static-white);color:var(--seed-v3-color-palette-static-white);display:block}.selectBox__label{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.selectBox__description{color:var(--seed-v3-color-fg-neutral-muted);font-weight:var(--seed-v3-font-weight-regular);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.switch__root{box-sizing:border-box;vertical-align:top;isolation:isolate;opacity:1;cursor:pointer;justify-content:space-between;align-items:flex-start;display:inline-flex;position:relative}.switch__root:is(:disabled,[disabled],[data-disabled]){opacity:.38;cursor:not-allowed}.switch__control{box-sizing:border-box;border-radius:var(--seed-v3-radius-full);background:var(--seed-v3-color-palette-gray-600);transition:background-color 50ms cubic-bezier(.35,0,.35,1) 20ms;display:block;position:relative}.switch__control:is(:checked,[data-checked]){background:var(--seed-v3-color-bg-brand-solid)}.switch__thumb{border-radius:var(--seed-v3-radius-full);background:var(--seed-v3-color-palette-static-white);transition:transform .15s cubic-bezier(.35,0,.35,1)}.switch__root--size_medium{min-height:32px}.switch__control--size_medium{min-block-size:32px;min-inline-size:52px;padding:2px}.switch__thumb--size_medium{width:28px;height:28px;box-shadow:0 3px 8px #00000026,0 1px 3px #0000000f}.switch__thumb--size_medium:is(:checked,[data-checked]){transform:translate(20px)}.switch__root--size_small{gap:var(--seed-v3-dimension-s2);min-height:24px}.switch__control--size_small{min-block-size:16px;min-inline-size:26px;margin:4px 0;padding:2px}.switch__thumb--size_small{width:12px;height:12px}.switch__thumb--size_small:is(:checked,[data-checked]){transform:translate(10px)}.switch__label--size_small{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-regular);margin-top:calc(12px - .59375rem)}.helpBubble__backdrop{z-index:1000;background:var(--seed-v3-color-bg-overlay);width:100vw;height:100vh;position:fixed;inset:0}.helpBubble__backdrop:is(:hidden,[hidden],[data-hidden]){display:none!important}.helpBubble__content{background:var(--seed-v3-color-bg-neutral-solid);padding-inline:var(--seed-v3-dimension-s3);padding-block:var(--seed-v3-dimension-s3);border-radius:var(--seed-v3-radius-s3);word-break:keep-all;flex-direction:column;display:flex}.helpBubble__content:is(:hidden,[hidden],[data-hidden]){display:none!important}.helpBubble__arrow{fill:var(--seed-v3-color-bg-neutral-solid);width:10px;height:6px}.helpBubble__title{color:var(--seed-v3-color-palette-static-white);font-size:var(--seed-v3-font-size-s3);font-weight:var(--seed-v3-font-weight-bold)}.helpBubble__description{color:var(--seed-v3-color-palette-static-white);font-size:var(--seed-v3-font-size-s3);font-weight:var(--seed-v3-font-weight-regular)}.helpBubble__closeButton{color:var(--seed-v3-color-palette-static-white);justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:4px;right:4px}.helpBubble__closeIcon{width:14px;height:14px}.identityPlaceholder__root{box-sizing:border-box;vertical-align:top;background-color:var(--seed-v3-color-palette-gray-400);justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.identityPlaceholder__image{object-fit:cover;fill:#f7f8fa;width:100%;height:100%;display:block;overflow:hidden}.inlineBanner__root{justify-content:space-between;align-items:center;gap:var(--seed-v3-dimension-s4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;padding-inline:var(--seed-v3-dimension-s4);border:none;padding-block:0;font-family:inherit;display:flex}.inlineBanner__root:is(button){cursor:pointer}.inlineBanner__content{align-items:flex-start;gap:var(--seed-v3-dimension-s2);box-sizing:border-box;padding-block:var(--seed-v3-dimension-s2_5);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);min-height:var(--seed-v3-dimension-s10);text-align:start;display:flex}.inlineBanner__icon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none;margin-block:1.5px}.inlineBanner__title{font-weight:var(--seed-v3-font-weight-bold)}.inlineBanner__spacer{letter-spacing:.25em}.inlineBanner__description{font-weight:var(--seed-v3-font-weight-medium)}.inlineBanner__linkLabel{height:var(--seed-v3-dimension-s10);font-weight:var(--seed-v3-font-weight-regular);font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2);text-underline-offset:2px;cursor:pointer;background-color:#0000;border:none;flex:none;align-items:center;padding:0;font-family:inherit;text-decoration:underline;display:flex}.inlineBanner__actionableIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);flex:none}.inlineBanner__dismissButton{width:var(--seed-v3-dimension-s10);height:var(--seed-v3-dimension-s10);margin:calc((var(--seed-v3-dimension-s10) - var(--seed-v3-dimension-s4))*-.5);cursor:pointer;background-color:#0000;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.inlineBanner__dismissIcon{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.inlineBanner__root--variant_neutralWeak{background-color:var(--seed-v3-color-bg-neutral-weak)}.inlineBanner__icon--variant_neutralWeak,.inlineBanner__title--variant_neutralWeak,.inlineBanner__description--variant_neutralWeak,.inlineBanner__linkLabel--variant_neutralWeak,.inlineBanner__actionableIcon--variant_neutralWeak,.inlineBanner__dismissIcon--variant_neutralWeak{color:var(--seed-v3-color-fg-neutral)}.inlineBanner__root--variant_positiveWeak{background-color:var(--seed-v3-color-bg-positive-weak)}.inlineBanner__icon--variant_positiveWeak,.inlineBanner__title--variant_positiveWeak,.inlineBanner__description--variant_positiveWeak,.inlineBanner__linkLabel--variant_positiveWeak,.inlineBanner__actionableIcon--variant_positiveWeak,.inlineBanner__dismissIcon--variant_positiveWeak{color:var(--seed-v3-color-fg-positive-contrast)}.inlineBanner__root--variant_informativeWeak{background-color:var(--seed-v3-color-bg-informative-weak)}.inlineBanner__icon--variant_informativeWeak,.inlineBanner__title--variant_informativeWeak,.inlineBanner__description--variant_informativeWeak,.inlineBanner__linkLabel--variant_informativeWeak,.inlineBanner__actionableIcon--variant_informativeWeak,.inlineBanner__dismissIcon--variant_informativeWeak{color:var(--seed-v3-color-fg-informative-contrast)}.inlineBanner__root--variant_warningWeak{background-color:var(--seed-v3-color-bg-warning-weak)}.inlineBanner__icon--variant_warningWeak,.inlineBanner__title--variant_warningWeak,.inlineBanner__description--variant_warningWeak,.inlineBanner__linkLabel--variant_warningWeak,.inlineBanner__actionableIcon--variant_warningWeak,.inlineBanner__dismissIcon--variant_warningWeak{color:var(--seed-v3-color-fg-warning-contrast)}.inlineBanner__root--variant_warningSolid{background-color:var(--seed-v3-color-bg-warning-solid)}.inlineBanner__icon--variant_warningSolid,.inlineBanner__title--variant_warningSolid,.inlineBanner__description--variant_warningSolid,.inlineBanner__linkLabel--variant_warningSolid,.inlineBanner__actionableIcon--variant_warningSolid,.inlineBanner__dismissIcon--variant_warningSolid{color:var(--seed-v3-color-fg-neutral)}.inlineBanner__root--variant_criticalWeak{background-color:var(--seed-v3-color-bg-critical-weak)}.inlineBanner__icon--variant_criticalWeak,.inlineBanner__title--variant_criticalWeak,.inlineBanner__description--variant_criticalWeak,.inlineBanner__linkLabel--variant_criticalWeak,.inlineBanner__actionableIcon--variant_criticalWeak{color:var(--seed-v3-color-fg-critical-contrast)}.inlineBanner__root--variant_criticalSolid{background-color:var(--seed-v3-color-bg-critical-solid)}.inlineBanner__icon--variant_criticalSolid,.inlineBanner__title--variant_criticalSolid,.inlineBanner__description--variant_criticalSolid,.inlineBanner__linkLabel--variant_criticalSolid,.inlineBanner__actionableIcon--variant_criticalSolid{color:var(--seed-v3-color-palette-static-white)}.progressCircle__root{box-sizing:border-box;display:inline-flex;position:relative}.progressCircle__root[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,.25,.65,.75) infinite rotate}.progressCircle__track{stroke:var(--track-color)}.progressCircle__range{stroke:var(--range-color);stroke-linecap:round;transition-property:stroke-dasharray;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.15,1)}.progressCircle__range[data-progress-state=indeterminate]{animation:1.2s cubic-bezier(.35,0,.65,1) infinite headDash,1.2s cubic-bezier(.35,0,.65,.6) infinite tailDash}.progressCircle__root--tone_neutral{--track-color:var(--seed-v3-color-palette-gray-200);--range-color:var(--seed-v3-color-palette-gray-500)}.progressCircle__root--tone_brand{--track-color:var(--seed-v3-color-palette-carrot-200);--range-color:var(--seed-v3-color-bg-brand-solid)}.progressCircle__root--tone_staticWhite{--track-color:var(--seed-v3-color-palette-static-white-alpha-200);--range-color:var(--seed-v3-color-palette-static-white)}.progressCircle__root--size_24{--size:var(--seed-v3-dimension-s6);--thickness:3px}.progressCircle__root--size_40{--size:var(--seed-v3-dimension-s10);--thickness:5px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes headDash{0%{stroke-dasharray:0 1000%}75%{stroke-dasharray:var(--circumference),1000%}to{stroke-dasharray:var(--circumference),1000%}}@keyframes tailDash{0%{stroke-dashoffset:0}33.33%{stroke-dashoffset:0}to{stroke-dashoffset:calc(var(--circumference)*-1)}}.tab__root{cursor:pointer;box-sizing:border-box;white-space:nowrap;background-color:#0000;border:none;justify-content:center;align-items:flex-end;display:flex}.tab__root:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.tab__label{color:var(--seed-v3-color-fg-neutral-subtle);position:relative}.tab__label:is(:selected,[data-selected]){color:var(--seed-v3-color-fg-neutral)}.tab__label:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.tab__notification{top:0;right:calc(-1*var(--seed-v3-dimension-s1) - var(--seed-v3-dimension-s0_5));background-color:var(--seed-v3-color-bg-brand-solid);width:var(--seed-v3-dimension-s1);height:var(--seed-v3-dimension-s1);border-radius:var(--seed-v3-radius-full);align-self:flex-start;position:absolute}.tab__root--layout_fill{flex:1}.tab__root--size_medium{min-height:44px;padding-inline:var(--seed-v3-dimension-s2_5);padding-block:var(--seed-v3-dimension-s2_5)}.tab__label--size_medium{font-size:var(--seed-v3-font-size-s5);font-weight:var(--seed-v3-font-weight-bold)}.tab__root--size_small{min-height:40px;padding-inline:var(--seed-v3-dimension-s2_5);padding-block:var(--seed-v3-dimension-s2_5)}.tab__label--size_small{font-size:var(--seed-v3-font-size-s4);font-weight:var(--seed-v3-font-weight-bold)}.tabs__root{overflow:hidden}.tabs__triggerList{-ms-overflow-style:none;scrollbar-width:none;background:var(--seed-v3-color-bg-layer-default);border-bottom:1px solid var(--seed-v3-color-stroke-neutral);flex-flow:row;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.tabs__triggerList::-webkit-scrollbar{display:none}.tabs__contentList{width:100%}.tabs__contentCamera{width:100%;height:100%;display:flex}.tabs__content{flex-shrink:0;width:100%;height:100%;overflow:hidden auto}.tabs__indicator{will-change:left,width;left:var(--seed-design-tabs-indicator-left,0px);width:var(--seed-design-tabs-indicator-width,0px);color:var(--seed-v3-color-fg-neutral);border-bottom:2px solid var(--seed-v3-color-fg-neutral);transition:left .2s cubic-bezier(.15,.3,.25,1),width .2s cubic-bezier(.15,.3,.25,1);position:absolute;bottom:0}.tabs__triggerList--layout_fill{justify-content:space-around;padding:0}.tabs__indicator--layout_fill{left:calc(var(--seed-design-tabs-indicator-left,0px) + 16px);width:calc(var(--seed-design-tabs-indicator-width,0px) - 32px)}.tabs__triggerList--layout_hug{padding:0px var(--seed-v3-dimension-s4);justify-content:flex-start}.tabs__indicator--layout_hug{left:calc(var(--seed-design-tabs-indicator-left,0px));width:calc(var(--seed-design-tabs-indicator-width,0px))}.tabs__root--size_small{--seed-design-tabs-trigger-list-height:40px}.tabs__triggerList--size_small{height:40px}.tabs__root--size_medium{--seed-design-tabs-trigger-list-height:44px}.tabs__triggerList--size_medium{height:44px}.tabs__root--fixTriggerList_true{position:relative}.tabs__triggerList--fixTriggerList_true{position:sticky;top:0}.tabs__contentList--fixTriggerList_true{height:calc(100% - var(--seed-design-tabs-trigger-list-height))}.chipTab__root{padding:var(--seed-v3-dimension-s2)var(--seed-v3-dimension-s3_5);cursor:pointer;border-radius:var(--seed-v3-radius-full);box-sizing:border-box;white-space:nowrap;border:none;justify-content:center;align-items:center;min-height:36px;font-family:inherit;display:flex}.chipTab__label{font-size:var(--seed-v3-font-size-s4);font-weight:var(--seed-v3-font-weight-bold)}.chipTab__root--variant_neutralSolid:is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-neutral-inverted)}.chipTab__root--variant_neutralSolid:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-layer-default-pressed)}.chipTab__root--variant_neutralSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-inverted-pressed)}.chipTab__root--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.chipTab__root--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-disabled)}.chipTab__label--variant_neutralSolid{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold)}.chipTab__label--variant_neutralSolid:is(:selected,[data-selected]){color:var(--seed-v3-color-fg-neutral-inverted)}.chipTab__label--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]),.chipTab__label--variant_neutralSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){color:var(--seed-v3-color-fg-disabled)}.chipTab__root--variant_brandSolid{font-weight:var(--seed-v3-font-weight-medium);background-color:var(--seed-v3-color-bg-neutral-weak)}.chipTab__root--variant_brandSolid:is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-brand-solid)}.chipTab__root--variant_brandSolid:is(:active,[data-active]){background-color:var(--seed-v3-color-bg-neutral-weak-pressed)}.chipTab__root--variant_brandSolid:is(:selected,[data-selected]):is(:active,[data-active]){background-color:var(--seed-v3-color-bg-brand-solid-pressed)}.chipTab__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--seed-v3-color-bg-disabled)}.chipTab__root--variant_brandSolid:is(:disabled,[disabled],[data-disabled]):is(:selected,[data-selected]){background-color:var(--seed-v3-color-bg-disabled)}.chipTab__label--variant_brandSolid{color:var(--seed-v3-color-fg-neutral-muted);font-weight:var(--seed-v3-font-weight-medium)}.chipTab__label--variant_brandSolid:is(:selected,[data-selected]){color:var(--seed-v3-color-palette-static-white);font-weight:var(--seed-v3-font-weight-bold)}.chipTab__label--variant_brandSolid:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.chipTabs__root{overflow-x:hidden}.chipTabs__triggerList{-ms-overflow-style:none;scrollbar-width:none;padding:0px var(--seed-v3-dimension-s4);flex-flow:row;align-content:stretch;align-items:stretch;display:flex;position:relative;overflow-x:auto}.chipTabs__triggerList::-webkit-scrollbar{display:none}.chipTabs__contentCamera{width:100%;height:100%;display:flex}.chipTabs__content{flex-shrink:0;width:100%;height:100%;overflow:auto}.chipTabs__triggerList--variant_neutralSolid{gap:0}.chipTabs__triggerList--variant_brandSolid{gap:8px}.skeleton__root{box-sizing:border-box;background:var(--seed-v3-color-palette-gray-200);display:inline-block;overflow:hidden}.skeleton__root:after{content:"";background-image:linear-gradient(90deg,var(--seed-v3-gradient-shimmer));width:100%;height:100%;animation-name:shimmer;animation-duration:1.5s;animation-fill-mode:forwards;animation-timing-function:var(--seed-v3-timing-function-easing);background-repeat:no-repeat;animation-iteration-count:infinite;display:block}.skeleton__root--radius_0{border-radius:0}.skeleton__root--radius_8{border-radius:8px}.skeleton__root--radius_16{border-radius:16px}.skeleton__root--radius_full{border-radius:var(--seed-v3-radius-full)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.snackbar__root{box-sizing:border-box;background:var(--seed-v3-color-bg-neutral-solid);border-radius:var(--seed-v3-radius-s2);width:100%;padding-inline:var(--seed-v3-dimension-s4);padding-block:var(--seed-v3-dimension-s2_5);justify-content:space-between;align-items:center;gap:var(--seed-v3-dimension-s2);min-height:44px;animation:seed-enter;animation-timing-function:var(--seed-v3-timing-function-enter);animation-duration:var(--seed-v3-duration-s4);--seed-enter-translate-x:0;--seed-enter-translate-y:100%;--seed-enter-opacity:0;--seed-enter-scale:1;display:flex}.snackbar__root:not([data-open]){animation:seed-exit;animation-timing-function:var(--seed-v3-timing-function-exit);animation-duration:var(--seed-v3-duration-s4);--seed-exit-translate-x:0;--seed-exit-translate-y:100%;--seed-exit-opacity:0;--seed-exit-scale:1;animation-fill-mode:forwards}.snackbar__message{color:var(--seed-v3-color-palette-static-white);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-regular);flex-grow:1;margin:0}.snackbar__prefixIcon{flex-shrink:0;width:24px;height:24px}.snackbar__actionButton{box-sizing:border-box;cursor:pointer;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:unset;color:var(--seed-v3-color-fg-brand);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4);font-weight:var(--seed-v3-font-weight-bold);border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.snackbar__actionButton:after{content:"";top:50%;left:calc(-1*var(--seed-v3-dimension-s2));right:calc(-1*var(--seed-v3-dimension-s2));background:0 0;min-height:44px;position:absolute;transform:translateY(-50%)}.snackbar__prefixIcon--variant_default{display:none}.snackbar__prefixIcon--variant_positive{color:var(--seed-v3-color-fg-positive)}.snackbar__prefixIcon--variant_critical{color:var(--seed-v3-color-fg-critical)}.snackbarRegion__root{z-index:2147483647;left:calc(env(safe-area-inset-left,0px));right:calc(env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + var(--snackbar-region-offset,0px));padding-inline:var(--seed-v3-dimension-s2);padding-block:var(--seed-v3-dimension-s2);transition-property:bottom;transition-duration:var(--seed-v3-duration-s4);transition-timing-function:var(--seed-v3-timing-function-easing);flex-direction:column;align-items:center;display:flex}.text__root{text-align:var(--seed-text-align);color:var(--seed-text-color);font-size:var(--seed-font-size);line-height:var(--seed-line-height);font-weight:var(--seed-font-weight);--seed-text-color:inherit;--seed-font-size:inherit;--seed-line-height:inherit;--seed-font-weight:inherit;--seed-text-align:inherit;--seed-max-lines:initial;margin:0}.text__root--textStyle_labelSmallDefault{--seed-font-size:var(--seed-v3-font-size-s1);--seed-line-height:var(--seed-v3-line-height-s1);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_labelSmallStrong{--seed-font-size:var(--seed-v3-font-size-s1);--seed-line-height:var(--seed-v3-line-height-s1);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_labelSmallStronger{--seed-font-size:var(--seed-v3-font-size-s1);--seed-line-height:var(--seed-v3-line-height-s1);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_labelMediumDefault{--seed-font-size:var(--seed-v3-font-size-s2);--seed-line-height:var(--seed-v3-line-height-s2);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_labelMediumStrong{--seed-font-size:var(--seed-v3-font-size-s2);--seed-line-height:var(--seed-v3-line-height-s2);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_labelMediumStronger{--seed-font-size:var(--seed-v3-font-size-s2);--seed-line-height:var(--seed-v3-line-height-s2);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_labelLargeDefault{--seed-font-size:var(--seed-v3-font-size-s3);--seed-line-height:var(--seed-v3-line-height-s3);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_labelLargeStrong{--seed-font-size:var(--seed-v3-font-size-s3);--seed-line-height:var(--seed-v3-line-height-s3);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_labelLargeStronger{--seed-font-size:var(--seed-v3-font-size-s3);--seed-line-height:var(--seed-v3-line-height-s3);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_bodySmallDefault{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s4);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodySmallReadingDefault{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodySmallStrong{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s4);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_bodySmallStronger{--seed-font-size:var(--seed-v3-font-size-s4);--seed-line-height:var(--seed-v3-line-height-s4);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_bodyMediumDefault{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodyMediumReadingDefault{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s6);--seed-font-weight:var(--seed-v3-font-weight-regular)}.text__root--textStyle_bodyMediumStrong{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-medium)}.text__root--textStyle_bodyMediumStronger,.text__root--textStyle_titleSmallDefault{--seed-font-size:var(--seed-v3-font-size-s5);--seed-line-height:var(--seed-v3-line-height-s5);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_titleMediumDefault{--seed-font-size:var(--seed-v3-font-size-s6);--seed-line-height:var(--seed-v3-line-height-s6);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_titleLargeDefault{--seed-font-size:var(--seed-v3-font-size-s7);--seed-line-height:var(--seed-v3-line-height-s7);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_headingSmallDefault{--seed-font-size:var(--seed-v3-font-size-s8);--seed-line-height:var(--seed-v3-line-height-s8);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_headingMediumDefault{--seed-font-size:var(--seed-v3-font-size-s9);--seed-line-height:var(--seed-v3-line-height-s9);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--textStyle_headingLargeDefault{--seed-font-size:var(--seed-v3-font-size-s10);--seed-line-height:var(--seed-v3-line-height-s10);--seed-font-weight:var(--seed-v3-font-weight-bold)}.text__root--maxLines_none{display:unset;overflow:unset;min-width:unset;text-overflow:unset;white-space:unset;-webkit-line-clamp:unset}.text__root--maxLines_single{text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:var(--seed-max-lines);min-width:0;display:block;overflow:hidden}.text__root--maxLines_multi{text-overflow:ellipsis;min-width:0;white-space:initial;-webkit-line-clamp:var(--seed-max-lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.textButton__root{cursor:pointer;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-inline:0;padding-block:var(--seed-v3-dimension-s0_5);background-color:#0000;border:none;outline:none;align-items:center;font-family:inherit;display:inline-flex}.textButton__root:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled);cursor:not-allowed}.textButton__root:is(:active,[data-active]){background-color:var(--seed-v3-color-palette-gray-200);box-shadow:0 0 0 2px var(--seed-v3-color-palette-gray-200)}.textButton__root:is(:disabled,[disabled],[data-disabled]):is(:active,[data-active]){background-color:#0000;border-color:#0000}.textButton__label{text-align:center;font-weight:var(--seed-v3-font-weight-regular)}.textButton__prefixIcon{margin-inline-end:var(--seed-v3-dimension-s1)}.textButton__suffixIcon{margin-inline-start:var(--seed-v3-dimension-s0_5)}.textButton__root--tone_brand{color:var(--seed-v3-color-fg-brand)}.textButton__root--tone_neutral{color:var(--seed-v3-color-fg-neutral)}.textButton__root--tone_neutralSubtle{color:var(--seed-v3-color-fg-neutral-subtle)}.textButton__root--tone_critical{color:var(--seed-v3-color-fg-critical)}.textButton__root--size_large{border-radius:var(--seed-v3-radius-s1_5);min-height:2rem}.textButton__prefixIcon--size_large,.textButton__suffixIcon--size_large{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.textButton__label--size_large{font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textButton__root--size_medium{border-radius:var(--seed-v3-radius-s1_5);min-height:1.875rem}.textButton__prefixIcon--size_medium,.textButton__suffixIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.textButton__label--size_medium{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textButton__root--size_small{border-radius:var(--seed-v3-radius-s1);min-height:1.75rem}.textButton__prefixIcon--size_small,.textButton__suffixIcon--size_small{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5)}.textButton__label--size_small{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__root{flex-direction:column;width:100%;display:flex}.textField__label{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-bold)}.textField__indicator{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-regular)}.textField__field{background-color:var(--seed-v3-color-bg-layer-default);border-style:solid;border-width:1px;border-color:var(--seed-v3-color-stroke-field);align-items:center;display:flex}.textField__field:not([data-readonly]):is(:focus,[data-focus]){border-color:var(--seed-v3-color-stroke-field-focused)}.textField__field:is(:invalid,[data-invalid]){background-color:var(--seed-v3-color-bg-critical-weak);border-color:var(--seed-v3-color-stroke-critical)}.textField__field:is(:invalid,[data-invalid]):is(:focus,[data-focus]){background-color:var(--seed-v3-color-bg-layer-default)}.textField__field:is(:disabled,[disabled],[data-disabled]),.textField__field[data-readonly]{background-color:var(--seed-v3-color-bg-disabled)}.textField__prefixText{color:var(--seed-v3-color-fg-neutral)}.textField__prefixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__prefixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0}.textField__prefixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__suffixText{color:var(--seed-v3-color-fg-neutral)}.textField__suffixText:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__suffixIcon{color:var(--seed-v3-color-fg-neutral);flex-shrink:0}.textField__suffixIcon:is(:disabled,[disabled],[data-disabled]){color:var(--seed-v3-color-fg-disabled)}.textField__value{box-sizing:border-box;font:inherit}.textField__value:is(input){padding-inline:0}.textField__value:is(textarea){width:100%;min-height:90px;padding-inline:0}.textField__value{resize:none;height:100%;color:var(--seed-v3-color-fg-neutral);background:0 0;border:none;outline:none;flex-grow:1}.textField__value::placeholder{color:var(--seed-v3-color-fg-placeholder)}.textField__value:is(:disabled,[disabled],[data-disabled]),.textField__value:is(:disabled,[disabled],[data-disabled])::placeholder{color:var(--seed-v3-color-fg-disabled)}.textField__footer{justify-content:space-between;align-items:flex-start;display:flex}.textField__description{font-weight:var(--seed-v3-font-weight-regular);color:var(--seed-v3-color-fg-neutral-subtle)}.textField__errorMessage{color:var(--seed-v3-color-fg-critical);flex-direction:row;align-items:center;display:flex}.textField__errorIcon{flex:none}.textField__characterCountArea{flex:none;margin-inline-start:auto;display:flex}.textField__characterCount{color:var(--seed-v3-color-fg-neutral);font-weight:var(--seed-v3-font-weight-regular)}.textField__characterCount[data-empty]{color:var(--seed-v3-color-fg-neutral-subtle)}.textField__maxCharacterCount{color:var(--seed-v3-color-fg-neutral-subtle);font-weight:var(--seed-v3-font-weight-regular)}.textField__header--size_xlarge{padding-bottom:var(--seed-v3-dimension-s3);gap:var(--seed-v3-dimension-s1_5)}.textField__label--size_xlarge,.textField__indicator--size_xlarge{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__field--size_xlarge{border-radius:var(--seed-v3-radius-s2_5);gap:var(--seed-v3-dimension-s2);min-height:56px;padding-inline:var(--seed-v3-dimension-s4)}.textField__value--size_xlarge{padding-block:var(--seed-v3-dimension-s3);font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textField__prefixText--size_xlarge{font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textField__prefixIcon--size_xlarge{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__suffixText--size_xlarge{font-size:var(--seed-v3-font-size-s6);line-height:var(--seed-v3-line-height-s6)}.textField__suffixIcon--size_xlarge{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__footer--size_xlarge{gap:var(--seed-v3-dimension-s3_5);padding-top:var(--seed-v3-dimension-s2);min-height:20px}.textField__description--size_xlarge,.textField__errorMessage--size_xlarge{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__errorIcon--size_xlarge{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);margin-right:var(--seed-v3-dimension-s1)}.textField__characterCount--size_xlarge,.textField__maxCharacterCount--size_xlarge{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.textField__header--size_large{padding-bottom:var(--seed-v3-dimension-s3);gap:var(--seed-v3-dimension-s1_5)}.textField__label--size_large,.textField__indicator--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__field--size_large{border-radius:var(--seed-v3-radius-s2_5);gap:var(--seed-v3-dimension-s2);min-height:52px;padding-inline:var(--seed-v3-dimension-s4)}.textField__value--size_large{padding-block:var(--seed-v3-dimension-s3);font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__prefixText--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__prefixIcon--size_large{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__suffixText--size_large{font-size:var(--seed-v3-font-size-s5);line-height:var(--seed-v3-line-height-s5)}.textField__suffixIcon--size_large{width:var(--seed-v3-dimension-s5);height:var(--seed-v3-dimension-s5)}.textField__footer--size_large{gap:var(--seed-v3-dimension-s3_5);padding-top:var(--seed-v3-dimension-s2);min-height:20px}.textField__description--size_large,.textField__errorMessage--size_large{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__errorIcon--size_large{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4);margin-right:var(--seed-v3-dimension-s1)}.textField__characterCount--size_large,.textField__maxCharacterCount--size_large{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.textField__header--size_medium{padding-bottom:var(--seed-v3-dimension-s3)}.textField__label--size_medium,.textField__indicator--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__field--size_medium{border-radius:var(--seed-v3-radius-s2);gap:var(--seed-v3-dimension-s1_5);min-height:40px;padding-inline:var(--seed-v3-dimension-s3_5)}.textField__value--size_medium{padding-block:var(--seed-v3-dimension-s2_5);font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__prefixText--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__prefixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.textField__suffixText--size_medium{font-size:var(--seed-v3-font-size-s4);line-height:var(--seed-v3-line-height-s4)}.textField__suffixIcon--size_medium{width:var(--seed-v3-dimension-s4);height:var(--seed-v3-dimension-s4)}.textField__footer--size_medium{gap:var(--seed-v3-dimension-s3_5);padding-top:var(--seed-v3-dimension-s2);min-height:var(--seed-v3-dimension-s4)}.textField__description--size_medium,.textField__errorMessage--size_medium{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.textField__errorIcon--size_medium{width:var(--seed-v3-dimension-s3_5);height:var(--seed-v3-dimension-s3_5);margin-right:var(--seed-v3-dimension-s1)}.textField__characterCount--size_medium,.textField__maxCharacterCount--size_medium{font-size:var(--seed-v3-font-size-s2);line-height:var(--seed-v3-line-height-s2)}.visuallyHidden__root{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.appScreen__root{--app-bar-offset:calc(var(--app-bar-height) + var(--seed-safe-area-top));width:100%;height:100%;position:absolute;left:0;right:0;overflow:hidden}.appScreen__dim{z-index:var(--z-index-dim);width:100%;position:absolute;top:0;left:0;right:0}.appScreen__layer{z-index:var(--z-index-layer);box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;height:100%;position:absolute;left:0;right:0;overflow-y:scroll}.appScreen__layer::-webkit-scrollbar{display:none}.appScreen__layer{background-color:var(--seed-v3-color-bg-layer-default)}.appScreen__edge{z-index:var(--z-index-edge);width:20px;height:100%;position:absolute;left:0;right:0}.appScreen__root--theme_cupertino{--app-bar-height:44px}.appScreen__dim--theme_cupertino{background:var(--seed-v3-color-bg-overlay);height:100%}.appScreen__root--theme_android{--app-bar-height:56px}.appScreen__edge--theme_android{display:none}.appScreen__root--transitionStyle_slideFromRightIOS{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 2);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 7)}.appScreen__layer--transitionStyle_slideFromRightIOS{transform:translate(0,0)}[data-global-transition-state=enter-active] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-swipe-back-state=swiping] .appScreen__layer--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(var(--swipe-back-displacement,0),0,0);animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-30% + var(--swipe-back-displacement,0)*.3);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);--seed-exit-translate-x:-30%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-swipe-back-state=swiping] .appScreen__layer--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-30% + var(--swipe-back-displacement,0)*.3),0,0);animation:none}[data-global-transition-state=enter-active] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-global-transition-state=exit-active] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-swipe-back-state=swiping] .appScreen__dim--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.appScreen__root--transitionStyle_fadeFromBottomAndroid{--z-index-dim:calc(var(--z-index-base) + 0);--z-index-layer:calc(var(--z-index-base) + 3);--z-index-edge:calc(var(--z-index-base) + 4);--z-index-app-bar:calc(var(--z-index-base) + 4)}.appScreen__dim--transitionStyle_fadeFromBottomAndroid{background:linear-gradient(var(--seed-v3-color-bg-overlay),#0000);height:160px}[data-global-transition-state=enter-active] .appScreen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translateY(-8vh)}[data-global-transition-state=exit-active] .appScreen__dim--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translateY(-8vh)}.appScreen__layer--transitionStyle_fadeFromBottomAndroid{transform:translate(0,0)}[data-global-transition-state=enter-active] .appScreen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appScreen__layer--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.appScreen__layer--layerOffsetTop_safeArea{padding-top:var(--seed-safe-area-top)}.appScreen__layer--layerOffsetTop_appBar{padding-top:var(--app-bar-offset)}.appScreen__layer--layerOffsetBottom_safeArea{padding-bottom:var(--seed-safe-area-bottom)}.appBar__root{z-index:var(--z-index-app-bar);box-sizing:border-box;align-items:flex-end;width:100%;display:flex;position:absolute}.appBar__root:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.appBar__left{align-items:center;height:100%;display:flex}.appBar__right{align-items:center;height:100%;margin-left:auto;display:flex}.appBar__iconButton{justify-content:center;align-items:center;display:flex}.appBar__icon{flex-shrink:0;display:inline-block}.appBar__root--theme_cupertino{height:44px;padding-inline:var(--seed-v3-dimension-s4)}.appBar__iconButton--theme_cupertino{width:40px;height:40px}.appBar__iconButton--theme_cupertino:first-child{margin-left:-8px}.appBar__iconButton--theme_cupertino:last-child{margin-right:-8px}.appBar__icon--theme_cupertino{width:24px;height:24px}.appBar__root--theme_android{height:56px;padding-inline:var(--seed-v3-dimension-s4)}.appBar__iconButton--theme_android{width:40px;height:40px}.appBar__iconButton--theme_android:first-child{margin-left:-8px}.appBar__iconButton--theme_android:last-child{margin-right:-8px}.appBar__icon--theme_android{width:24px;height:24px}.appBar__left--theme_android{padding-right:16px}[data-global-transition-state=enter-active] .appBar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:100%;--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appBar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{transform:translate3d(var(--swipe-back-displacement,0),0,0);--seed-exit-translate-x:100%;--seed-exit-translate-y:0;--seed-exit-opacity:1;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appBar__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:before{--seed-enter-translate-x:var(--swipe-back-displacement,0);--seed-enter-translate-y:0;--seed-enter-opacity:1;--seed-enter-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-active] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-global-transition-state=exit-active] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-swipe-back-state=swiping] .appBar__icon--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:0;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:0;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-swipe-back-state=swiping] .appBar__icon--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active] .appBar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{--seed-enter-translate-x:0;--seed-enter-translate-y:8vh;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.23,.1,.32,1) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appBar__root--transitionStyle_fadeFromBottomAndroid[data-activity-is-top]{opacity:1;--seed-exit-translate-x:0;--seed-exit-translate-y:8vh;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.15s linear forwards seed-exit;transform:translate(0,0)}.appBar__root--tone_layer:before{background-color:var(--seed-v3-color-bg-layer-default)}.appBar__icon--tone_layer{color:var(--seed-v3-color-fg-neutral)}.appBar__root--tone_transparent:before{background-color:#0000}.appBar__icon--tone_transparent{color:var(--seed-v3-color-palette-static-white)}.appBar__root--divider_true{box-shadow:inset 0px calc(-1*1px)0 var(--seed-v3-color-stroke-neutral-muted)}.appBarMain__root{flex:1;height:100%}.appBarMain__title,.appBarMain__subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.appBarMain__title--layout_titleOnly{font-size:var(--seed-v3-font-size-s6-static);font-weight:var(--seed-v3-font-weight-bold)}.appBarMain__title--layout_withSubtitle{font-size:var(--seed-v3-font-size-s5-static);font-weight:var(--seed-v3-font-weight-bold)}.appBarMain__subtitle--layout_withSubtitle{font-size:var(--seed-v3-font-size-s2-static);font-weight:var(--seed-v3-font-weight-regular)}.appBarMain__root--theme_cupertino{text-align:center;height:100%;padding-inline:var(--centered-title-padding-x,0);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}.appBarMain__root--theme_android{justify-content:flex-start;align-items:center;width:100%;display:flex}[data-global-transition-state=enter-active] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:25%;--seed-enter-translate-y:0;--seed-enter-opacity:0;--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=exit-active] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{transform:translate3d(var(--swipe-back-displacement,0)*.25,0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-global-transition-state=enter-done] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]{--seed-enter-translate-x:var(--swipe-back-displacement,0)*.25;--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-swipe-back-state=swiping] .appBarMain__root--transitionStyle_slideFromRightIOS[data-activity-is-top]:not(#\#){transform:translate3d(var(--swipe-back-displacement,0)*.25,0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}[data-global-transition-state=enter-active][data-top-activity-type=full-screen] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){opacity:1;--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit;transform:translate(0,0)}[data-global-transition-state=exit-active][data-top-activity-type=full-screen] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){--seed-enter-translate-x:calc(-25% + var(--swipe-back-displacement,0)*.25);--seed-enter-translate-y:0;--seed-enter-opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-enter-scale:1;opacity:1;animation:.3s cubic-bezier(.22,.1,.3,.85) seed-enter;transform:translate(0,0)}[data-global-transition-state=enter-done][data-top-activity-type=full-screen] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));--seed-exit-translate-x:-25%;--seed-exit-translate-y:0;--seed-exit-opacity:0;--seed-exit-scale:1;animation:.3s cubic-bezier(.22,.1,.3,.85) forwards seed-exit}[data-swipe-back-state=swiping] .appBarMain__root--transitionStyle_slideFromRightIOS:not([data-activity-is-top]):not(#\#){transform:translate3d(calc(-25% + var(--swipe-back-displacement,0)*.25),0,0);opacity:calc(1 - var(--swipe-back-displacement-ratio,0));animation:none}.appBarMain__root--tone_layer,.appBarMain__title--tone_layer{color:var(--seed-v3-color-fg-neutral)}.appBarMain__subtitle--tone_layer{color:var(--seed-v3-color-fg-neutral-muted)}.appBarMain__root--tone_transparent,.appBarMain__title--tone_transparent,.appBarMain__subtitle--tone_transparent{color:var(--seed-v3-color-palette-static-white)}.pullToRefresh__root{--ptr-size:44px;--ptr-transition-duration:var(--seed-v3-duration-s6)}.pullToRefresh__indicator{transform:translateY(calc(var(--ptr-displacement,0) - var(--ptr-size)));transition:transform var(--seed-v3-duration-s6);justify-content:center;align-items:center;display:flex}.pullToRefresh__indicator[data-ptr-dragging]{transition:none} \ No newline at end of file diff --git a/packages/stylesheet/segmentedControl.css b/packages/stylesheet/segmentedControl.css index 605d2a3d9..fc2ac80cc 100644 --- a/packages/stylesheet/segmentedControl.css +++ b/packages/stylesheet/segmentedControl.css @@ -12,8 +12,22 @@ align-items: center; isolation: isolate; } -.segmentedControl__segment { +.segmentedControl__indicator { + position: absolute; + z-index: -1; + will-change: transform; + transform: translateX(calc(var(--segment-index) * 100%)); + inset-block: var(--seed-v3-dimension-s1); + inset-inline-start: var(--seed-v3-dimension-s1); + width: calc((100% - var(--seed-v3-dimension-s1) * 2) / var(--segment-count)); + border-radius: var(--seed-v3-radius-full); + background-color: var(--seed-v3-color-bg-layer-default); + box-shadow: 0px 1px 6px 0px #0000000d; + transition: transform var(--seed-v3-duration-s4) var(--seed-v3-timing-function-easing); +} +.segmentedControl__item { display: grid; + cursor: pointer; min-width: 86px; height: var(--seed-v3-dimension-s8); border-radius: var(--seed-v3-radius-full); @@ -21,16 +35,13 @@ user-select: none; line-height: var(--seed-v3-line-height-s5); } -.segmentedControl__segment:not(:is(:disabled, [disabled], [data-disabled])) { - cursor: pointer; +.segmentedControl__item:is(:disabled, [disabled], [data-disabled]) { + cursor: not-allowed; } -.segmentedControl__segment:not(:is(:disabled, [disabled], [data-disabled])):is(:active, [data-active]) { +.segmentedControl__item:not(:is(:checked, [data-checked])):is(:active, [data-active]) { background-color: var(--seed-v3-color-bg-neutral-weak-pressed); } -.segmentedControl__segment:not(:is(:disabled, [disabled], [data-disabled])):is(:checked, [data-checked]):is(:active, [data-active]) { - background-color: var(--seed-v3-color-bg-layer-default-pressed); -} -.segmentedControl__segmentLabel { +.segmentedControl__itemLabel { grid-area: 1 / 1 / 1 / 1; padding-inline: calc(var(--seed-v3-dimension-s4) - 1px); margin-block: auto; @@ -42,34 +53,10 @@ overflow: hidden; color: var(--seed-v3-color-fg-neutral-muted); } -.segmentedControl__segmentLabel:is(:checked, [data-checked]) { +.segmentedControl__itemLabel:is(:checked, [data-checked]) { color: var(--seed-v3-color-fg-neutral); font-weight: var(--seed-v3-font-weight-bold); } -.segmentedControl__segmentLabel:is(:disabled, [disabled], [data-disabled]) { +.segmentedControl__itemLabel:is(:disabled, [disabled], [data-disabled]) { color: var(--seed-v3-color-fg-disabled); -} -.segmentedControl__segmentLabelPlaceholder { - grid-area: 1 / 1 / 1 / 1; - padding-inline: var(--seed-v3-dimension-s4); - text-align: center; - font-weight: var(--seed-v3-font-weight-bold); - font-size: var(--seed-v3-font-size-s5); - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - opacity: 0; -} -.segmentedControl__indicator { - position: absolute; - inset-block: var(--seed-v3-dimension-s1); - inset-inline-start: var(--seed-v3-dimension-s1); - width: calc((100% - var(--seed-v3-dimension-s1) * 2) / var(--segment-count)); - transform: translateX(calc(var(--segment-index) * 100%)); - z-index: -1; - border-radius: var(--seed-v3-radius-full); - background-color: var(--seed-v3-color-bg-layer-default); - box-shadow: 0px 1px 6px 0px #0000000d; - will-change: transform; - transition: transform var(--seed-v3-duration-s4) var(--seed-v3-timing-function-easing); } \ No newline at end of file diff --git a/packages/vars/lib/component/index.d.ts b/packages/vars/lib/component/index.d.ts index 012ed55a6..4946754da 100644 --- a/packages/vars/lib/component/index.d.ts +++ b/packages/vars/lib/component/index.d.ts @@ -25,7 +25,7 @@ export { vars as mannerTempBadge } from "./manner-temp-badge"; export { vars as progressCircle } from "./progress-circle"; export { vars as radio } from "./radio"; export { vars as reactionButton } from "./reaction-button"; -export { vars as segment } from "./segment"; +export { vars as segmentedControlItem } from "./segmented-control-item"; export { vars as segmentedControl } from "./segmented-control"; export { vars as selectBox } from "./select-box"; export { vars as skeleton } from "./skeleton"; diff --git a/packages/vars/lib/component/index.mjs b/packages/vars/lib/component/index.mjs index 0b477c24c..f4fc26643 100644 --- a/packages/vars/lib/component/index.mjs +++ b/packages/vars/lib/component/index.mjs @@ -25,7 +25,7 @@ export { vars as mannerTempBadge } from "./manner-temp-badge.mjs"; export { vars as progressCircle } from "./progress-circle.mjs"; export { vars as radio } from "./radio.mjs"; export { vars as reactionButton } from "./reaction-button.mjs"; -export { vars as segment } from "./segment.mjs"; +export { vars as segmentedControlItem } from "./segmented-control-item.mjs"; export { vars as segmentedControl } from "./segmented-control.mjs"; export { vars as selectBox } from "./select-box.mjs"; export { vars as skeleton } from "./skeleton.mjs"; diff --git a/packages/vars/lib/component/segment.d.ts b/packages/vars/lib/component/segment.d.ts index 9e6c3deff..528a2713e 100644 --- a/packages/vars/lib/component/segment.d.ts +++ b/packages/vars/lib/component/segment.d.ts @@ -14,28 +14,17 @@ export declare const vars: { "color": "var(--seed-v3-color-fg-neutral-muted)" } }, - "enabledPressed": { + "pressed": { "root": { "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" } }, - "enabledSelected": { - "root": { - "color": "var(--seed-v3-color-bg-layer-default)", - "shadow": "0px 1px 6px 0px #0000000d", - "transformDuration": "var(--seed-v3-duration-s4)", - "transformTimingFunction": "var(--seed-v3-timing-function-easing)" - }, + "selected": { "label": { "fontWeight": "var(--seed-v3-font-weight-bold)", "color": "var(--seed-v3-color-fg-neutral)" } }, - "enabledSelectedPressed": { - "root": { - "color": "var(--seed-v3-color-bg-layer-default-pressed)" - } - }, "disabled": { "label": { "color": "var(--seed-v3-color-fg-disabled)" diff --git a/packages/vars/lib/component/segment.mjs b/packages/vars/lib/component/segment.mjs index 4e8a26b6a..0385d636a 100644 --- a/packages/vars/lib/component/segment.mjs +++ b/packages/vars/lib/component/segment.mjs @@ -14,28 +14,17 @@ export const vars = { "color": "var(--seed-v3-color-fg-neutral-muted)" } }, - "enabledPressed": { + "pressed": { "root": { "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" } }, - "enabledSelected": { - "root": { - "color": "var(--seed-v3-color-bg-layer-default)", - "shadow": "0px 1px 6px 0px #0000000d", - "transformDuration": "var(--seed-v3-duration-s4)", - "transformTimingFunction": "var(--seed-v3-timing-function-easing)" - }, + "selected": { "label": { "fontWeight": "var(--seed-v3-font-weight-bold)", "color": "var(--seed-v3-color-fg-neutral)" } }, - "enabledSelectedPressed": { - "root": { - "color": "var(--seed-v3-color-bg-layer-default-pressed)" - } - }, "disabled": { "label": { "color": "var(--seed-v3-color-fg-disabled)" diff --git a/packages/vars/lib/component/segmented-control-item.d.ts b/packages/vars/lib/component/segmented-control-item.d.ts new file mode 100644 index 000000000..528a2713e --- /dev/null +++ b/packages/vars/lib/component/segmented-control-item.d.ts @@ -0,0 +1,34 @@ +export declare const vars: { + "base": { + "enabled": { + "root": { + "height": "var(--seed-v3-dimension-s8)", + "cornerRadius": "var(--seed-v3-radius-full)", + "paddingX": "var(--seed-v3-dimension-s4)", + "minWidth": "86px" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-s5)", + "lineHeight": "var(--seed-v3-line-height-s5)", + "fontWeight": "var(--seed-v3-font-weight-medium)", + "color": "var(--seed-v3-color-fg-neutral-muted)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + }, + "selected": { + "label": { + "fontWeight": "var(--seed-v3-font-weight-bold)", + "color": "var(--seed-v3-color-fg-neutral)" + } + }, + "disabled": { + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/lib/component/segmented-control-item.mjs b/packages/vars/lib/component/segmented-control-item.mjs new file mode 100644 index 000000000..0385d636a --- /dev/null +++ b/packages/vars/lib/component/segmented-control-item.mjs @@ -0,0 +1,34 @@ +export const vars = { + "base": { + "enabled": { + "root": { + "height": "var(--seed-v3-dimension-s8)", + "cornerRadius": "var(--seed-v3-radius-full)", + "paddingX": "var(--seed-v3-dimension-s4)", + "minWidth": "86px" + }, + "label": { + "fontSize": "var(--seed-v3-font-size-s5)", + "lineHeight": "var(--seed-v3-line-height-s5)", + "fontWeight": "var(--seed-v3-font-weight-medium)", + "color": "var(--seed-v3-color-fg-neutral-muted)" + } + }, + "pressed": { + "root": { + "color": "var(--seed-v3-color-bg-neutral-weak-pressed)" + } + }, + "selected": { + "label": { + "fontWeight": "var(--seed-v3-font-weight-bold)", + "color": "var(--seed-v3-color-fg-neutral)" + } + }, + "disabled": { + "label": { + "color": "var(--seed-v3-color-fg-disabled)" + } + } + } +} \ No newline at end of file diff --git a/packages/vars/lib/component/segmented-control.d.ts b/packages/vars/lib/component/segmented-control.d.ts index 340d6ddb8..3730b3be8 100644 --- a/packages/vars/lib/component/segmented-control.d.ts +++ b/packages/vars/lib/component/segmented-control.d.ts @@ -5,6 +5,13 @@ export declare const vars: { "padding": "var(--seed-v3-dimension-s1)", "cornerRadius": "var(--seed-v3-radius-full)", "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "indicator": { + "color": "var(--seed-v3-color-bg-layer-default)", + "cornerRadius": "var(--seed-v3-radius-full)", + "shadow": "0px 1px 6px 0px #0000000d", + "transformDuration": "var(--seed-v3-duration-s4)", + "transformTimingFunction": "var(--seed-v3-timing-function-easing)" } } } diff --git a/packages/vars/lib/component/segmented-control.mjs b/packages/vars/lib/component/segmented-control.mjs index 8789214da..2851816f9 100644 --- a/packages/vars/lib/component/segmented-control.mjs +++ b/packages/vars/lib/component/segmented-control.mjs @@ -5,6 +5,13 @@ export const vars = { "padding": "var(--seed-v3-dimension-s1)", "cornerRadius": "var(--seed-v3-radius-full)", "color": "var(--seed-v3-color-bg-neutral-weak)" + }, + "indicator": { + "color": "var(--seed-v3-color-bg-layer-default)", + "cornerRadius": "var(--seed-v3-radius-full)", + "shadow": "0px 1px 6px 0px #0000000d", + "transformDuration": "var(--seed-v3-duration-s4)", + "transformTimingFunction": "var(--seed-v3-timing-function-easing)" } } }