@mittwald/flow-react-components 0.1.0-alpha.325 → 0.1.0-alpha.327
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/dist/css/Button.css +1 -1
- package/dist/css/MenuItem.css +1 -1
- package/dist/css/Navigation.css +1 -1
- package/dist/css/Select.css +1 -1
- package/dist/css/globals.css +1 -1
- package/dist/js/{Accordion-za0RoF1r.js → Accordion-D7_NvGjy.js} +1 -1
- package/dist/js/Accordion.js +1 -1
- package/dist/js/{Badge-CT8n21Li.js → Badge-C3CBqh8m.js} +1 -1
- package/dist/js/Badge.js +1 -1
- package/dist/js/{Button-DXgQ5lAy.js → Button-tKo9ydZL.js} +18 -18
- package/dist/js/Button.js +1 -1
- package/dist/js/{CalendarHeader-BWiFjVQp.js → CalendarHeader-CdTPgq-8.js} +1 -1
- package/dist/js/CodeBlock.js +1 -1
- package/dist/js/ContextMenu.js +1 -1
- package/dist/js/{CopyButton-Br-KQ5Tt.js → CopyButton-e2EjDU95.js} +1 -1
- package/dist/js/CopyButton.js +1 -1
- package/dist/js/DatePicker.js +2 -2
- package/dist/js/DateRangePicker.js +2 -2
- package/dist/js/FileCard.js +1 -1
- package/dist/js/List.js +4 -4
- package/dist/js/MenuItem-GX6Zh70q.js +59 -0
- package/dist/js/MenuItem.js +1 -1
- package/dist/js/Modal.js +1 -1
- package/dist/js/Navigation.js +21 -20
- package/dist/js/Notification.js +1 -1
- package/dist/js/NumberField.js +1 -1
- package/dist/js/{SearchField-d7pa2xgi.js → SearchField-62cVb6e-.js} +1 -1
- package/dist/js/SearchField.js +1 -1
- package/dist/js/Select.js +25 -24
- package/dist/js/Slider.js +1 -1
- package/dist/js/Tabs.js +2 -2
- package/dist/js/all.css +1 -1
- package/dist/js/types/components/Button/stories/Default.stories.d.ts +1 -0
- package/package.json +4 -4
- package/dist/js/MenuItem-DZ6wEuiI.js +0 -54
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,24 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.1.0-alpha.327](https://github.com/mittwald/flow/compare/0.1.0-alpha.326...0.1.0-alpha.327) (2024-11-05)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
9
|
+
|
|
10
|
+
# Change Log
|
|
11
|
+
|
|
12
|
+
All notable changes to this project will be documented in this file. See
|
|
13
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
14
|
+
|
|
15
|
+
# [0.1.0-alpha.326](https://github.com/mittwald/flow/compare/0.1.0-alpha.325...0.1.0-alpha.326) (2024-11-05)
|
|
16
|
+
|
|
17
|
+
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
18
|
+
|
|
19
|
+
# Change Log
|
|
20
|
+
|
|
21
|
+
All notable changes to this project will be documented in this file. See
|
|
22
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
23
|
+
|
|
6
24
|
# [0.1.0-alpha.325](https://github.com/mittwald/flow/compare/0.1.0-alpha.324...0.1.0-alpha.325) (2024-11-05)
|
|
7
25
|
|
|
8
26
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
package/dist/css/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--button{position:relative;font-family:Inter,sans-serif;font-size:var(--font-size-text--default);font-weight:700;line-height:var(--line-height--default);border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-y);padding-inline:var(--button--padding-x);transition-property:color,background-color;transition-duration:var(--transition--duration--default);max-width:100%;display:grid;align-items:center;grid-template-areas:"content";width:fit-content;white-space:nowrap}.flow--button:where(.flow--button--outline){border-width:var(--button--border-width);border-style:var(--button--border-style);padding-block:calc(var(--button--padding-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-x) - var(--button--border-width))}.flow--button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--button[data-focused],.flow--button:focus{outline-style:none}.flow--button[data-focus-visible],.flow--button:focus-visible{outline-style:auto}.flow--button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--button .flow--button--content{display:flex;column-gap:var(--button--spacing);align-items:center;justify-content:center}.flow--button .flow--button--content,.flow--button .flow--button--state-icon{grid-area:content}.flow--button .flow--button--state-icon{color:var(--button--pending-icon-color);justify-self:center}.flow--button:where(:has(.flow--button--avatar)){padding:0;border-radius:var(--corner-radius--round)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-icon-only)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-icon-only) - var(--button--border-width))}.flow--button:where(:has(.flow--button--text) .flow--button--icon){margin-inline-start:var(--button--spacing)}.flow--button .flow--button--counter-badge{position:absolute;top:calc(var(--size-px--xxs) * -1);right:calc(var(--size-px--xxs) * -1)}.flow--button.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button.flow--button--is-pending .flow--button--content,.flow--button.flow--button--is-failed .flow--button--content,.flow--button.flow--button--is-succeeded .flow--button--content{opacity:0}.flow--button.flow--button--is-pending.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-failed.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-succeeded.flow--button--plain .flow--button--content:has(.flow--button--text){opacity:1}.flow--button:where(.flow--button--size-s){font-size:var(--button--font-size-s);line-height:var(--button--line-height-s);padding-block:var(--button--padding-s-y);padding-inline:var(--button--padding-s-x);column-gap:var(--button--spacing-s)}.flow--button:where(.flow--button--size-s):where(.flow--button--outline){padding-block:calc(var(--button--padding-s-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-s-x) - var(--button--border-width))}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-s-icon-only)}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-s-icon-only) - var(--button--border-width))}.flow--button:where(.flow--button--size-s) .flow--button--content{column-gap:var(--button--spacing-s)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button){background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--outline{border-color:var(--button--primary-solid-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button):hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[data-pressed]{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-solid-background-color--disabled);color:var(--button--primary-solid-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-solid-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button){background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--outline{border-color:var(--button--accent-solid-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button):hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[data-pressed]{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled],.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded{background-color:var(--button--accent-solid-background-color--disabled);color:var(--button--accent-solid-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-solid-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button){background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--outline{border-color:var(--button--danger-solid-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button):hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[data-pressed]{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled],.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded{background-color:var(--button--danger-solid-background-color--disabled);color:var(--button--danger-solid-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-solid-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button){background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--outline{border-color:var(--button--secondary-solid-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button):hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[data-pressed]{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled],.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded{background-color:var(--button--secondary-solid-background-color--disabled);color:var(--button--secondary-solid-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-solid-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button){background-color:var(--button--dark-solid-background-color--default);color:var(--button--dark-solid-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--outline{border-color:var(--button--dark-solid-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button):hover{background-color:var(--button--dark-solid-background-color--hover);color:var(--button--dark-solid-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[data-pressed]{background-color:var(--button--dark-solid-background-color--pressed);color:var(--button--dark-solid-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled],.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded{background-color:var(--button--dark-solid-background-color--disabled);color:var(--button--dark-solid-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-solid-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button){background-color:var(--button--light-solid-background-color--default);color:var(--button--light-solid-content-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--outline{border-color:var(--button--light-solid-border-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button):hover{background-color:var(--button--light-solid-background-color--hover);color:var(--button--light-solid-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[data-pressed]{background-color:var(--button--light-solid-background-color--pressed);color:var(--button--light-solid-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled],.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded{background-color:var(--button--light-solid-background-color--disabled);color:var(--button--light-solid-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-solid-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button){background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--outline{border-color:var(--button--primary-plain-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button):hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[data-pressed]{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-plain-background-color--disabled);color:var(--button--primary-plain-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-plain-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain){background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--outline{border-color:var(--button--accent-plain-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain):hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--plain)[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled],.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--accent-plain-background-color--disabled);color:var(--button--accent-plain-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-plain-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain){background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--outline{border-color:var(--button--danger-plain-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain):hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--plain)[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled],.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--danger-plain-background-color--disabled);color:var(--button--danger-plain-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-plain-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain){background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--outline{border-color:var(--button--secondary-plain-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain):hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--plain)[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled],.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--secondary-plain-background-color--disabled);color:var(--button--secondary-plain-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-plain-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain){background-color:var(--button--dark-plain-background-color--default);color:var(--button--dark-plain-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--outline{border-color:var(--button--dark-plain-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain):hover{background-color:var(--button--dark-plain-background-color--hover);color:var(--button--dark-plain-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--plain)[data-pressed]{background-color:var(--button--dark-plain-background-color--pressed);color:var(--button--dark-plain-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled],.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--dark-plain-background-color--disabled);color:var(--button--dark-plain-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-plain-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain){background-color:var(--button--light-plain-background-color--default);color:var(--button--light-plain-content-color--default)}.flow--button:where(.flow--button--light.flow--button--plain).flow--button--outline{border-color:var(--button--light-plain-border-color--default)}.flow--button:where(.flow--button--light.flow--button--plain):hover{background-color:var(--button--light-plain-background-color--hover);color:var(--button--light-plain-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--plain)[data-pressed]{background-color:var(--button--light-plain-background-color--pressed);color:var(--button--light-plain-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled],.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--light-plain-background-color--disabled);color:var(--button--light-plain-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-plain-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button){background-color:var(--button--primary-soft-background-color--default);color:var(--button--primary-soft-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--outline{border-color:var(--button--primary-soft-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button):hover{background-color:var(--button--primary-soft-background-color--hover);color:var(--button--primary-soft-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[data-pressed]{background-color:var(--button--primary-soft-background-color--pressed);color:var(--button--primary-soft-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-soft-background-color--disabled);color:var(--button--primary-soft-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-soft-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft){background-color:var(--button--accent-soft-background-color--default);color:var(--button--accent-soft-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--outline{border-color:var(--button--accent-soft-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft):hover{background-color:var(--button--accent-soft-background-color--hover);color:var(--button--accent-soft-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--soft)[data-pressed]{background-color:var(--button--accent-soft-background-color--pressed);color:var(--button--accent-soft-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled],.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--accent-soft-background-color--disabled);color:var(--button--accent-soft-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-soft-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft){background-color:var(--button--danger-soft-background-color--default);color:var(--button--danger-soft-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--outline{border-color:var(--button--danger-soft-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft):hover{background-color:var(--button--danger-soft-background-color--hover);color:var(--button--danger-soft-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--soft)[data-pressed]{background-color:var(--button--danger-soft-background-color--pressed);color:var(--button--danger-soft-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled],.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--danger-soft-background-color--disabled);color:var(--button--danger-soft-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-soft-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft){background-color:var(--button--secondary-soft-background-color--default);color:var(--button--secondary-soft-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--outline{border-color:var(--button--secondary-soft-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft):hover{background-color:var(--button--secondary-soft-background-color--hover);color:var(--button--secondary-soft-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--soft)[data-pressed]{background-color:var(--button--secondary-soft-background-color--pressed);color:var(--button--secondary-soft-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled],.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--secondary-soft-background-color--disabled);color:var(--button--secondary-soft-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-soft-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft){background-color:var(--button--dark-soft-background-color--default);color:var(--button--dark-soft-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--outline{border-color:var(--button--dark-soft-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft):hover{background-color:var(--button--dark-soft-background-color--hover);color:var(--button--dark-soft-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--soft)[data-pressed]{background-color:var(--button--dark-soft-background-color--pressed);color:var(--button--dark-soft-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled],.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--dark-soft-background-color--disabled);color:var(--button--dark-soft-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-soft-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft){background-color:var(--button--light-soft-background-color--default);color:var(--button--light-soft-content-color--default)}.flow--button:where(.flow--button--light.flow--button--soft).flow--button--outline{border-color:var(--button--light-soft-border-color--default)}.flow--button:where(.flow--button--light.flow--button--soft):hover{background-color:var(--button--light-soft-background-color--hover);color:var(--button--light-soft-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--soft)[data-pressed]{background-color:var(--button--light-soft-background-color--pressed);color:var(--button--light-soft-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled],.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--light-soft-background-color--disabled);color:var(--button--light-soft-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-soft-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button){background-color:var(--button--primary-outline-background-color--default);color:var(--button--primary-outline-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--outline{border-color:var(--button--primary-outline-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button):hover{background-color:var(--button--primary-outline-background-color--hover);color:var(--button--primary-outline-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[data-pressed]{background-color:var(--button--primary-outline-background-color--pressed);color:var(--button--primary-outline-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-outline-background-color--disabled);color:var(--button--primary-outline-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-outline-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline){background-color:var(--button--accent-outline-background-color--default);color:var(--button--accent-outline-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--outline{border-color:var(--button--accent-outline-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline):hover{background-color:var(--button--accent-outline-background-color--hover);color:var(--button--accent-outline-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--outline)[data-pressed]{background-color:var(--button--accent-outline-background-color--pressed);color:var(--button--accent-outline-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled],.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--accent-outline-background-color--disabled);color:var(--button--accent-outline-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-outline-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline){background-color:var(--button--danger-outline-background-color--default);color:var(--button--danger-outline-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--outline{border-color:var(--button--danger-outline-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline):hover{background-color:var(--button--danger-outline-background-color--hover);color:var(--button--danger-outline-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--outline)[data-pressed]{background-color:var(--button--danger-outline-background-color--pressed);color:var(--button--danger-outline-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled],.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--danger-outline-background-color--disabled);color:var(--button--danger-outline-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-outline-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline){background-color:var(--button--secondary-outline-background-color--default);color:var(--button--secondary-outline-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--outline{border-color:var(--button--secondary-outline-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline):hover{background-color:var(--button--secondary-outline-background-color--hover);color:var(--button--secondary-outline-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--outline)[data-pressed]{background-color:var(--button--secondary-outline-background-color--pressed);color:var(--button--secondary-outline-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled],.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--secondary-outline-background-color--disabled);color:var(--button--secondary-outline-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-outline-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline){background-color:var(--button--dark-outline-background-color--default);color:var(--button--dark-outline-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--outline{border-color:var(--button--dark-outline-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline):hover{background-color:var(--button--dark-outline-background-color--hover);color:var(--button--dark-outline-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--outline)[data-pressed]{background-color:var(--button--dark-outline-background-color--pressed);color:var(--button--dark-outline-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled],.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--dark-outline-background-color--disabled);color:var(--button--dark-outline-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-outline-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline){background-color:var(--button--light-outline-background-color--default);color:var(--button--light-outline-content-color--default)}.flow--button:where(.flow--button--light.flow--button--outline).flow--button--outline{border-color:var(--button--light-outline-border-color--default)}.flow--button:where(.flow--button--light.flow--button--outline):hover{background-color:var(--button--light-outline-background-color--hover);color:var(--button--light-outline-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--outline)[data-pressed]{background-color:var(--button--light-outline-background-color--pressed);color:var(--button--light-outline-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled],.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--light-outline-background-color--disabled);color:var(--button--light-outline-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-outline-border-color--disabled)}
|
|
1
|
+
.flow--button{position:relative;font-family:Inter,sans-serif;font-size:var(--font-size-text--default);font-weight:700;line-height:var(--line-height--default);border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-y);padding-inline:var(--button--padding-x);transition-property:color,background-color;transition-duration:var(--transition--duration--default);max-width:100%;display:grid;align-items:center;grid-template-areas:"content";width:fit-content;white-space:nowrap}.flow--button:where(.flow--button--outline){border-width:var(--button--border-width);border-style:var(--button--border-style);padding-block:calc(var(--button--padding-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-x) - var(--button--border-width))}.flow--button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--button[data-focused],.flow--button:focus{outline-style:none}.flow--button[data-focus-visible],.flow--button:focus-visible{outline-style:auto}.flow--button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--button .flow--button--content{display:flex;column-gap:var(--button--spacing);align-items:center;justify-content:center}.flow--button .flow--button--content,.flow--button .flow--button--state-icon{grid-area:content}.flow--button .flow--button--state-icon{color:var(--button--pending-icon-color);justify-self:center}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-icon-only)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-icon-only) - var(--button--border-width))}.flow--button:where(:has(.flow--button--text) .flow--button--icon){margin-inline-start:var(--button--spacing)}.flow--button .flow--button--counter-badge{position:absolute;top:calc(var(--size-px--xxs) * -1);right:calc(var(--size-px--xxs) * -1)}.flow--button.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button.flow--button--is-pending .flow--button--content,.flow--button.flow--button--is-failed .flow--button--content,.flow--button.flow--button--is-succeeded .flow--button--content{opacity:0}.flow--button.flow--button--is-pending.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-failed.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-succeeded.flow--button--plain .flow--button--content:has(.flow--button--text){opacity:1}.flow--button:where(.flow--button--size-s){font-size:var(--button--font-size-s);line-height:var(--button--line-height-s);padding-block:var(--button--padding-s-y);padding-inline:var(--button--padding-s-x);column-gap:var(--button--spacing-s)}.flow--button:where(.flow--button--size-s):where(.flow--button--outline){padding-block:calc(var(--button--padding-s-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-s-x) - var(--button--border-width))}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-s-icon-only)}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-s-icon-only) - var(--button--border-width))}.flow--button:where(.flow--button--size-s) .flow--button--content{column-gap:var(--button--spacing-s)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button){background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--outline{border-color:var(--button--primary-solid-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button):hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[data-pressed]{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-solid-background-color--disabled);color:var(--button--primary-solid-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-solid-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button){background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--outline{border-color:var(--button--accent-solid-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button):hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[data-pressed]{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled],.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded{background-color:var(--button--accent-solid-background-color--disabled);color:var(--button--accent-solid-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-solid-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button){background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--outline{border-color:var(--button--danger-solid-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button):hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[data-pressed]{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled],.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded{background-color:var(--button--danger-solid-background-color--disabled);color:var(--button--danger-solid-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-solid-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button){background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--outline{border-color:var(--button--secondary-solid-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button):hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[data-pressed]{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled],.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded{background-color:var(--button--secondary-solid-background-color--disabled);color:var(--button--secondary-solid-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-solid-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button){background-color:var(--button--dark-solid-background-color--default);color:var(--button--dark-solid-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--outline{border-color:var(--button--dark-solid-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button):hover{background-color:var(--button--dark-solid-background-color--hover);color:var(--button--dark-solid-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[data-pressed]{background-color:var(--button--dark-solid-background-color--pressed);color:var(--button--dark-solid-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled],.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded{background-color:var(--button--dark-solid-background-color--disabled);color:var(--button--dark-solid-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-solid-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button){background-color:var(--button--light-solid-background-color--default);color:var(--button--light-solid-content-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--outline{border-color:var(--button--light-solid-border-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button):hover{background-color:var(--button--light-solid-background-color--hover);color:var(--button--light-solid-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[data-pressed]{background-color:var(--button--light-solid-background-color--pressed);color:var(--button--light-solid-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled],.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded{background-color:var(--button--light-solid-background-color--disabled);color:var(--button--light-solid-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-solid-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button){background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--outline{border-color:var(--button--primary-plain-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button):hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[data-pressed]{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-plain-background-color--disabled);color:var(--button--primary-plain-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-plain-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain){background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--outline{border-color:var(--button--accent-plain-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain):hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--plain)[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled],.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--accent-plain-background-color--disabled);color:var(--button--accent-plain-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-plain-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain){background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--outline{border-color:var(--button--danger-plain-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain):hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--plain)[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled],.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--danger-plain-background-color--disabled);color:var(--button--danger-plain-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-plain-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain){background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--outline{border-color:var(--button--secondary-plain-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain):hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--plain)[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled],.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--secondary-plain-background-color--disabled);color:var(--button--secondary-plain-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-plain-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain){background-color:var(--button--dark-plain-background-color--default);color:var(--button--dark-plain-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--outline{border-color:var(--button--dark-plain-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain):hover{background-color:var(--button--dark-plain-background-color--hover);color:var(--button--dark-plain-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--plain)[data-pressed]{background-color:var(--button--dark-plain-background-color--pressed);color:var(--button--dark-plain-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled],.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--dark-plain-background-color--disabled);color:var(--button--dark-plain-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-plain-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain){background-color:var(--button--light-plain-background-color--default);color:var(--button--light-plain-content-color--default)}.flow--button:where(.flow--button--light.flow--button--plain).flow--button--outline{border-color:var(--button--light-plain-border-color--default)}.flow--button:where(.flow--button--light.flow--button--plain):hover{background-color:var(--button--light-plain-background-color--hover);color:var(--button--light-plain-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--plain)[data-pressed]{background-color:var(--button--light-plain-background-color--pressed);color:var(--button--light-plain-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled],.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--light-plain-background-color--disabled);color:var(--button--light-plain-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-plain-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button){background-color:var(--button--primary-soft-background-color--default);color:var(--button--primary-soft-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--outline{border-color:var(--button--primary-soft-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button):hover{background-color:var(--button--primary-soft-background-color--hover);color:var(--button--primary-soft-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[data-pressed]{background-color:var(--button--primary-soft-background-color--pressed);color:var(--button--primary-soft-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-soft-background-color--disabled);color:var(--button--primary-soft-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-soft-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft){background-color:var(--button--accent-soft-background-color--default);color:var(--button--accent-soft-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--outline{border-color:var(--button--accent-soft-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft):hover{background-color:var(--button--accent-soft-background-color--hover);color:var(--button--accent-soft-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--soft)[data-pressed]{background-color:var(--button--accent-soft-background-color--pressed);color:var(--button--accent-soft-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled],.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--accent-soft-background-color--disabled);color:var(--button--accent-soft-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-soft-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft){background-color:var(--button--danger-soft-background-color--default);color:var(--button--danger-soft-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--outline{border-color:var(--button--danger-soft-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft):hover{background-color:var(--button--danger-soft-background-color--hover);color:var(--button--danger-soft-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--soft)[data-pressed]{background-color:var(--button--danger-soft-background-color--pressed);color:var(--button--danger-soft-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled],.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--danger-soft-background-color--disabled);color:var(--button--danger-soft-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-soft-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft){background-color:var(--button--secondary-soft-background-color--default);color:var(--button--secondary-soft-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--outline{border-color:var(--button--secondary-soft-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft):hover{background-color:var(--button--secondary-soft-background-color--hover);color:var(--button--secondary-soft-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--soft)[data-pressed]{background-color:var(--button--secondary-soft-background-color--pressed);color:var(--button--secondary-soft-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled],.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--secondary-soft-background-color--disabled);color:var(--button--secondary-soft-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-soft-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft){background-color:var(--button--dark-soft-background-color--default);color:var(--button--dark-soft-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--outline{border-color:var(--button--dark-soft-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft):hover{background-color:var(--button--dark-soft-background-color--hover);color:var(--button--dark-soft-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--soft)[data-pressed]{background-color:var(--button--dark-soft-background-color--pressed);color:var(--button--dark-soft-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled],.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--dark-soft-background-color--disabled);color:var(--button--dark-soft-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-soft-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft){background-color:var(--button--light-soft-background-color--default);color:var(--button--light-soft-content-color--default)}.flow--button:where(.flow--button--light.flow--button--soft).flow--button--outline{border-color:var(--button--light-soft-border-color--default)}.flow--button:where(.flow--button--light.flow--button--soft):hover{background-color:var(--button--light-soft-background-color--hover);color:var(--button--light-soft-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--soft)[data-pressed]{background-color:var(--button--light-soft-background-color--pressed);color:var(--button--light-soft-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled],.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--light-soft-background-color--disabled);color:var(--button--light-soft-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-soft-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button){background-color:var(--button--primary-outline-background-color--default);color:var(--button--primary-outline-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--outline{border-color:var(--button--primary-outline-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button):hover{background-color:var(--button--primary-outline-background-color--hover);color:var(--button--primary-outline-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[data-pressed]{background-color:var(--button--primary-outline-background-color--pressed);color:var(--button--primary-outline-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-outline-background-color--disabled);color:var(--button--primary-outline-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-outline-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline){background-color:var(--button--accent-outline-background-color--default);color:var(--button--accent-outline-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--outline{border-color:var(--button--accent-outline-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline):hover{background-color:var(--button--accent-outline-background-color--hover);color:var(--button--accent-outline-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--outline)[data-pressed]{background-color:var(--button--accent-outline-background-color--pressed);color:var(--button--accent-outline-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled],.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--accent-outline-background-color--disabled);color:var(--button--accent-outline-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-outline-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline){background-color:var(--button--danger-outline-background-color--default);color:var(--button--danger-outline-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--outline{border-color:var(--button--danger-outline-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline):hover{background-color:var(--button--danger-outline-background-color--hover);color:var(--button--danger-outline-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--outline)[data-pressed]{background-color:var(--button--danger-outline-background-color--pressed);color:var(--button--danger-outline-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled],.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--danger-outline-background-color--disabled);color:var(--button--danger-outline-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-outline-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline){background-color:var(--button--secondary-outline-background-color--default);color:var(--button--secondary-outline-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--outline{border-color:var(--button--secondary-outline-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline):hover{background-color:var(--button--secondary-outline-background-color--hover);color:var(--button--secondary-outline-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--outline)[data-pressed]{background-color:var(--button--secondary-outline-background-color--pressed);color:var(--button--secondary-outline-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled],.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--secondary-outline-background-color--disabled);color:var(--button--secondary-outline-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-outline-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline){background-color:var(--button--dark-outline-background-color--default);color:var(--button--dark-outline-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--outline{border-color:var(--button--dark-outline-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline):hover{background-color:var(--button--dark-outline-background-color--hover);color:var(--button--dark-outline-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--outline)[data-pressed]{background-color:var(--button--dark-outline-background-color--pressed);color:var(--button--dark-outline-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled],.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--dark-outline-background-color--disabled);color:var(--button--dark-outline-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-outline-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline){background-color:var(--button--light-outline-background-color--default);color:var(--button--light-outline-content-color--default)}.flow--button:where(.flow--button--light.flow--button--outline).flow--button--outline{border-color:var(--button--light-outline-border-color--default)}.flow--button:where(.flow--button--light.flow--button--outline):hover{background-color:var(--button--light-outline-background-color--hover);color:var(--button--light-outline-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--outline)[data-pressed]{background-color:var(--button--light-outline-background-color--pressed);color:var(--button--light-outline-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled],.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--light-outline-background-color--disabled);color:var(--button--light-outline-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-outline-border-color--disabled)}.flow--button:has(.flow--button--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--button:has(.flow--button--avatar) .flow--button--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--button:has(.flow--button--avatar):hover .flow--button--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--button:has(.flow--button--avatar):hover .flow--button--icon{display:block}.flow--button:has(.flow--button--avatar)[data-pressed] .flow--button--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--button:has(.flow--button--avatar)[data-pressed] .flow--button--icon{display:block}
|
package/dist/css/MenuItem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--menu-item:not(a){cursor:default}.flow--menu-item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--menu-item[data-focused],.flow--menu-item:focus{outline-style:none}.flow--menu-item[data-focus-visible],.flow--menu-item:focus-visible{outline-style:auto}.flow--menu-item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--menu-item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--menu-item[aria-disabled] .flow--menu-item--icon{color:var(--menu-item--icon-color--disabled)}
|
|
1
|
+
.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--menu-item:not(a){cursor:default}.flow--menu-item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--menu-item[data-focused],.flow--menu-item:focus{outline-style:none}.flow--menu-item[data-focus-visible],.flow--menu-item:focus-visible{outline-style:auto}.flow--menu-item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--menu-item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--menu-item[aria-disabled] .flow--menu-item--icon{color:var(--menu-item--icon-color--disabled)}.flow--menu-item:has(.flow--menu-item--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--menu-item:has(.flow--menu-item--avatar) .flow--menu-item--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--menu-item:has(.flow--menu-item--avatar):hover .flow--menu-item--icon{display:block}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--menu-item:has(.flow--menu-item--avatar)[data-pressed] .flow--menu-item--icon{display:block}
|
package/dist/css/Navigation.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation hr{margin-block:var(--menu--separator-to-item-spacing)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;margin-block:var(--menu--label-to-group-spacing)}
|
|
1
|
+
.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation .flow--navigation--item[aria-disabled] .flow--navigation--icon{color:var(--menu-item--icon-color--disabled)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar) .flow--navigation--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar):hover .flow--navigation--icon{display:block}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--navigation .flow--navigation--item:has(.flow--navigation--avatar)[data-pressed] .flow--navigation--icon{display:block}.flow--navigation hr{margin-block:var(--menu--separator-to-item-spacing)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;margin-block:var(--menu--label-to-group-spacing)}
|
package/dist/css/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size-text--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--select--option[aria-disabled] .flow--select--option--icon{color:var(--menu-item--icon-color--disabled)}
|
|
1
|
+
.flow--select .flow--select--toggle{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--font-size-text--default);text-align:left;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--default)}.flow--select .flow--select--toggle:hover{background-color:var(--form-control--background-color--hover)}.flow--select .flow--select--toggle[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .flow--select--toggle:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--select .flow--select--toggle:focus-visible,.flow--select .flow--select--toggle:focus{outline:none}.flow--select .flow--select--toggle[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--select .flow--select--toggle:disabled,.flow--select .flow--select--toggle[data-disabled],[aria-disabled] .flow--select .flow--select--toggle{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--select .flow--select--toggle:disabled::placeholder,.flow--select .flow--select--toggle[data-disabled]::placeholder,[aria-disabled] .flow--select .flow--select--toggle::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--select[data-invalid] .flow--select--toggle{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--select .react-aria-SelectValue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow--select--options--popover{width:var(--trigger-width)}.flow--select--options{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing);outline:none}.flow--select--option{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--select--option:not(a){cursor:default}.flow--select--option{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--select--option[data-focused],.flow--select--option:focus{outline-style:none}.flow--select--option[data-focus-visible],.flow--select--option:focus-visible{outline-style:auto}.flow--select--option[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--select--option{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--select--option .flow--select--option--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--select--option .flow--select--option--text{order:1}.flow--select--option .flow--select--option--icon+.flow--select--option--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--select--option:hover{background-color:var(--menu-item--background-color--hover)}.flow--select--option[data-focused]{outline-style:none}.flow--select--option[data-focus-visible]{outline-style:solid}.flow--select--option:not(:has(.flow--select--option--control-icon))[aria-current],.flow--select--option:not(:has(.flow--select--option--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--select--option[aria-current] .flow--select--option--icon,.flow--select--option[data-selected] .flow--select--option--icon{color:var(--menu-item--icon-color--current)}.flow--select--option[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--select--option[aria-disabled] .flow--select--option--icon{color:var(--menu-item--icon-color--disabled)}.flow--select--option:has(.flow--select--option--avatar){padding:0;background:none;width:fit-content;position:relative;border-radius:var(--corner-radius--round)}.flow--select--option:has(.flow--select--option--avatar) .flow--select--option--icon{display:none;position:absolute;width:70%;height:70%;top:15%;left:15%;color:var(--image-button--hover-icon-color)}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--hover))}.flow--select--option:has(.flow--select--option--avatar):hover .flow--select--option--icon{display:block}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--avatar{filter:brightness(var(--image-button--brightness--pressed))}.flow--select--option:has(.flow--select--option--avatar)[data-pressed] .flow--select--option--icon{display:block}
|