@rdlabo/ionic-theme-ios27 0.1.0-beta.pr146.shabc8d3bc4dadc → 0.1.0-beta.pr149.shac2731b721940
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/README.md +13 -11
- package/dist/css/components/ion-button.css +1 -1
- package/dist/css/components/ion-searchbar.css +1 -1
- package/dist/css/components/ion-tabs.css +1 -1
- package/dist/css/components/ion-toolbar.css +1 -1
- package/dist/css/default-variables.css +1 -1
- package/dist/css/ionic-theme-ios27.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -3
- package/dist/searchbar/index.d.ts +6 -0
- package/dist/searchbar/index.d.ts.map +1 -0
- package/dist/searchbar/index.js +57 -0
- package/dist/sheets-of-glass/animations.d.ts +1 -1
- package/dist/sheets-of-glass/animations.d.ts.map +1 -1
- package/dist/sheets-of-glass/animations.js +2 -2
- package/dist/sheets-of-glass/index.d.ts +1 -1
- package/dist/sheets-of-glass/index.d.ts.map +1 -1
- package/dist/sheets-of-glass/index.js +38 -5
- package/dist/tab-bar-searchable/animations/enter.d.ts.map +1 -1
- package/dist/tab-bar-searchable/animations/enter.js +1 -0
- package/dist/tab-bar-searchable/animations/leave.d.ts.map +1 -1
- package/dist/tab-bar-searchable/animations/leave.js +2 -1
- package/dist/tab-bar-searchable/index.d.ts.map +1 -1
- package/dist/tab-bar-searchable/index.js +0 -1
- package/dist/utils.d.ts +1 -1
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +6 -4
- package/docs/eslint.md +1 -1
- package/docs/experimental-animation.md +31 -0
- package/docs/features.md +1 -1
- package/docs/migration.md +13 -2
- package/docs/special-markup.md +15 -8
- package/docs/using-ion-item-group.md +2 -2
- package/package.json +1 -1
- package/src/index.ts +13 -6
- package/src/searchbar/index.ts +66 -0
- package/src/sheets-of-glass/animations.ts +2 -1
- package/src/sheets-of-glass/index.ts +45 -4
- package/src/styles/components/ion-button.scss +23 -40
- package/src/styles/components/ion-searchbar.scss +220 -13
- package/src/styles/components/ion-tabs.scss +28 -3
- package/src/styles/components/ion-toolbar.scss +8 -2
- package/src/styles/default-variables.scss +0 -8
- package/src/tab-bar-searchable/animations/enter.ts +1 -0
- package/src/tab-bar-searchable/animations/leave.ts +2 -1
- package/src/tab-bar-searchable/index.ts +0 -1
- package/src/utils.ts +6 -4
package/README.md
CHANGED
|
@@ -42,7 +42,7 @@ And import the theme in your project's main CSS file (e.g., `src/styles.scss`).
|
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
* If you will use the design of ion-item-group with ion-list on Android as well, import it.
|
|
45
|
-
* More info:
|
|
45
|
+
* More info: https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/using-ion-item-group
|
|
46
46
|
* Note: This stylesheet is included in `@rdlabo/ionic-theme-md3`.
|
|
47
47
|
* @import '@rdlabo/ionic-theme-ios27/dist/css/md-ion-list-inset.css';
|
|
48
48
|
*/
|
|
@@ -94,7 +94,7 @@ createApp(App)
|
|
|
94
94
|
|
|
95
95
|
Test on iOS. When previewing on desktop, set Ionic mode to `ios` in your existing framework initialization config (for example `mode: 'ios'`).
|
|
96
96
|
|
|
97
|
-
Use this markup to preview the inset grouped list look. For the list structure the theme expects, see [Using ion-item-group](
|
|
97
|
+
Use this markup to preview the inset grouped list look. For the list structure the theme expects, see [Using ion-item-group](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/using-ion-item-group).
|
|
98
98
|
|
|
99
99
|
```html
|
|
100
100
|
<ion-list mode="ios" inset="true">
|
|
@@ -163,18 +163,20 @@ createApp(App)
|
|
|
163
163
|
|
|
164
164
|
## Documentation
|
|
165
165
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
- [
|
|
169
|
-
- [
|
|
170
|
-
- [
|
|
171
|
-
- [
|
|
172
|
-
- [
|
|
173
|
-
- [
|
|
166
|
+
**Full documentation:** [Ionic Theme iOS27](https://docs.rdlabo.dev/projects/ionic-theme-ios27)
|
|
167
|
+
|
|
168
|
+
- [Adaptive iOS themes](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/ios-adaptive) — conditionally load iOS 26 or iOS 27 styles.
|
|
169
|
+
- [Using ion-item-group](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/using-ion-item-group) — required markup for inset lists.
|
|
170
|
+
- [Special markup and classes](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/special-markup) — opt-in markup and utility classes used by the theme.
|
|
171
|
+
- [ESLint](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/eslint) — check list structure with ESLint rules.
|
|
172
|
+
- [Features](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/features) — CSS variables, Liquid Glass, selective imports, and dark mode.
|
|
173
|
+
- [Experimental Animation](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/experimental-animation) — tab bar and searchable effects.
|
|
174
|
+
- [Migration](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/migration) — stylesheet, class, and CSS variable naming changes.
|
|
175
|
+
- [iOS 26 migration history](https://docs.rdlabo.dev/projects/ionic-theme-ios26/docs/migration) — earlier major-version changes for the previous package.
|
|
174
176
|
|
|
175
177
|
<!-- rdlabo-docs-omit -->
|
|
176
178
|
|
|
177
|
-
**iOS 26 documentation:** See the [
|
|
179
|
+
**iOS 26 documentation:** See the [iOS 26 documentation](https://docs.rdlabo.dev/projects/ionic-theme-ios26) for the previous theme.
|
|
178
180
|
|
|
179
181
|
## Development & Testing
|
|
180
182
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:25px;overflow:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):not(:has(.ion-activated)):hover{opacity:.72}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out;z-index:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated){z-index:5;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{--background: transparent;--border-style: none;--border-width: 0;--box-shadow: none;transform:none;font-weight:500}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default{--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear::part(native){backdrop-filter:none}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled){margin:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-menu-button:not(.ios-theme-disabled,.ios26-disabled){width:44px;height:44px;padding:2px}.header-collapse-main :where(ion-toolbar.in-toolbar) ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-primary,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-secondary,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-tertiary,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-success,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-warning,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-danger,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-light,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-medium,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-dark,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){position:relative;z-index:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px;--box-shadow: inset 0 0 8px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.2), 0 0 8px -4px rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.92)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--border-style: none;--border-width: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent;--box-shadow: inset 0 0 8px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.2), 0 0.5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0;--min-height: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-primary,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-secondary,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-tertiary,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-success,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-warning,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-danger,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-light,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-medium,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color-dark,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){position:relative;z-index:0}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){border:none}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px;--min-height: 44px;--min-width: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}
|
|
1
|
+
ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:25px;overflow:hidden}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):not(:has(.ion-activated)):hover{opacity:.72}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out;z-index:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated){z-index:5;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)):has(ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{--background: transparent;--border-style: none;--border-width: 0;--box-shadow: none;transform:none;font-weight:500}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default{--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled).button-clear::part(native){backdrop-filter:none}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-button:not(.ios-theme-disabled,.ios26-disabled){margin:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)) ion-menu-button:not(.ios-theme-disabled,.ios26-disabled){width:44px;height:44px;padding:2px}.header-collapse-main :where(ion-toolbar.in-toolbar) ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear),ion-menu-button.menu-button-hidden)){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary, #0289ff);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0;--border-style: none}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-contrast, #fff);--color-activated: var(--ion-color-primary-contrast, #fff)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color{--background-activated: var(--ion-color-base);--color: var(--ion-color-contrast, #fff);--color-activated: var(--ion-color-contrast, #fff)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.22),inset 0 -0.5px 0 hsla(0,0%,100%,.34),0 .5px 1px rgba(0,0,0,.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native){filter:brightness(144%);box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.16),inset 0 -0.5px 0 hsla(0,0%,100%,.48),0 .5px 1px rgba(0,0,0,.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.2)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--border-style: none;--border-width: 0}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent;--box-shadow: inset 0 0 8px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.2), 0 0.5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled){transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out,color 50ms ease}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color){--ion-toolbar-color: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).in-toolbar:not(.ion-color):not(.in-toolbar-color).button-solid{--ion-toolbar-color: var(--background);--ion-toolbar-background: currentColor}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):hover,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):active,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.ios-theme-disabled,.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only){--padding-bottom: 0;--padding-end: 12px;--padding-start: 12px;--padding-top: 0;--min-height: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-activated: var(--ion-color-primary, #0289ff);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0;--border-style: none}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]){--color: var(--ion-color-primary-contrast, #fff);--color-activated: var(--ion-color-primary-contrast, #fff)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-disabled):not([disabled]).ion-color,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-disabled):not([disabled]).ion-color{--background-activated: var(--ion-color-base);--color: var(--ion-color-contrast, #fff);--color-activated: var(--ion-color-contrast, #fff)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit::part(native){box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.22),inset 0 -0.5px 0 hsla(0,0%,100%,.34),0 .5px 1px rgba(0,0,0,.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-color::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated::part(native){filter:brightness(144%);box-shadow:inset 0 .5px 0 hsla(0,0%,100%,.16),inset 0 -0.5px 0 hsla(0,0%,100%,.48),0 .5px 1px rgba(0,0,0,.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.2)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled{--background: var(--ion-background-color-step-200, #cccccc);opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color{--background: var(--ion-color-base);--color: var(--ion-color-contrast);opacity:.38}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled.ion-color::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled.ion-color::part(native){background:var(--background)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit.button-disabled::part(native){border:none}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.08);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.ion-activated):hover{opacity:.72}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.96);border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16) rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.28);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.95),inset 0 1px 3px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.85),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.12);opacity:1;color:var(--color)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large),ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large){--padding-bottom: 2px;--padding-end: 2px;--padding-start: 2px;--padding-top: 2px;--min-height: 44px;--min-width: 44px}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-modal.ios ion-searchbar:not(.ios-theme-disabled,.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic){min-height:60px;padding:0}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) ion-icon.searchbar-search-icon{inset-inline-start:12px;opacity:1}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{min-height:44px;background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:22px;padding-inline-start:2.4rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-left-aligned) .searchbar-input-container input.searchbar-input{padding-inline-start:2.4rem !important}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.searchbar-classic.ios:not(.ios-theme-disabled,.ios26-disabled)){--min-height: auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic{padding-bottom:12px;min-height:auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic .searchbar-input-container input.searchbar-input{border-radius:999px;height:44px;font-size:.98rem;padding-inline-start:38px;background:rgba(var(--ion-color-contrast-rgb), 0.078)}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic ion-icon.searchbar-search-icon{inset-inline-start:12px;width:1.18rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic button.searchbar-clear-button{right:8px}
|
|
1
|
+
ion-modal.ios ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic){--background: linear-gradient(180deg, transparent 4%, rgba(0, 0, 0, 0.027) 22%, rgba(0, 0, 0, 0.008) 58%, rgba(0, 0, 0, 0.008) 80%, transparent 94%), rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.52);--box-shadow: inset 0 0.75px 0 color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), white 3%), inset 0 -0.75px 0 color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), white 3%), 0 0 0 0.5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.25), 0 3px 8px rgba(0, 0, 0, 0.035);--border-radius: 22px;--icon-color: var(--ion-text-color, #000);--cancel-button-color: var(--ion-text-color, #000);--clear-button-color: var(--ion-text-color, #000);--placeholder-opacity: 0.4;min-height:60px;padding:8px}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) ion-icon.searchbar-search-icon{inset-inline-start:12px;margin-inline-start:0 !important;width:1.375rem;opacity:1;transition:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-clear-button:active,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-cancel-button:active{--_searchbar-press-duration: 433ms;--_searchbar-press-easing: linear( 0, 0.2225 7.62%, 0.4131 11.55%, 0.6025 15.24%, 0.7663 19.17%, 0.8944 23.09%, 0.9856 26.79%, 1.0425 30.72%, 1.0806 38.34%, 1.0638 46.19%, 1.0331 53.81%, 1.0094 61.66%, 0.9969 69.28%, 0.9938 77.14%, 0.9963 88.45%, 1 )}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-clear-button:active:has(ion-icon),ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-cancel-button:active:has(ion-icon){transform:scale(1.3)}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-clear-button:active,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-cancel-button:active{background:var(--background-activated, rgb(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb))))}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-clear-button:active ion-icon,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-cancel-button:active ion-icon{opacity:.55}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container{display:flex;align-items:center;min-width:0;margin:0;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-input-container input.searchbar-input{min-width:0;min-height:44px;background:var(--background);box-shadow:var(--box-shadow);backdrop-filter:blur(2px) saturate(360%);border:0;border-radius:var(--border-radius);padding-inline-start:calc(1.375rem + 17.6667px) !important;padding-inline-end:8px;transition:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-clear-button,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-cancel-button{background:var(--background);box-shadow:var(--box-shadow);backdrop-filter:blur(2px) saturate(360%);align-self:center;min-width:44px;min-height:44px;height:auto;padding:8px 12px;border-radius:999px;font-size:1.0625rem;margin-inline-start:0 !important;transform-origin:center;--_searchbar-press-duration: 974ms;--_searchbar-press-easing: linear( 0, 0.0881 4.21%, 0.3477 7.6%, 0.6675 10.99%, 0.9571 14.48%, 1.1623 17.86%, 1.2648 21.25%, 1.2801 23%, 1.2544 26.39%, 1.1806 29.88%, 1.0908 33.26%, 1.0101 36.65%, 0.9533 40.14%, 0.923 46.92%, 0.9384 50.41%, 0.9626 53.8%, 0.9871 57.19%, 1.0134 62.32%, 1.0221 67.45%, 1.0171 72.59%, 1.0068 77.72%, 1 81.21%, 0.9938 89.73%, 1 );transition:transform var(--_searchbar-press-duration) var(--_searchbar-press-easing)}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-clear-button:focus-visible,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-cancel-button:focus-visible{outline:2px solid var(--ion-color-primary, #0054e9);outline-offset:-2px}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-clear-button,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-cancel-button:has(ion-icon){width:44px;height:44px;padding:0}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-clear-button>div,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-cancel-button:has(ion-icon)>div{font-size:0}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-clear-button .searchbar-clear-icon,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-clear-button ion-icon,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-cancel-button:has(ion-icon) .searchbar-clear-icon,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-cancel-button:has(ion-icon) ion-icon{width:1.5rem;height:1.5rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-clear-button{position:relative;inset:auto;flex-shrink:0;display:block;margin-inline-end:-44px;opacity:0;visibility:hidden;pointer-events:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-has-value.searchbar-should-show-clear .searchbar-clear-button{margin-inline-start:11px !important;margin-inline-end:0;opacity:1;visibility:visible;pointer-events:auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic) .searchbar-cancel-button{display:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated .searchbar-cancel-button{display:block;margin-inline-end:-44px;opacity:0;visibility:hidden;pointer-events:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated .searchbar-cancel-button:has(ion-icon){margin-inline-end:-44px !important}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-should-show-cancel .searchbar-input-container,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):has(.searchbar-cancel-button:active):not(.searchbar-disabled) .searchbar-input-container{margin-inline-end:11px}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-should-show-cancel .searchbar-cancel-button,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):has(.searchbar-cancel-button:active):not(.searchbar-disabled) .searchbar-cancel-button{display:block;margin-inline-end:0 !important;opacity:1;visibility:visible;pointer-events:auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-should-show-cancel .searchbar-cancel-button:has(ion-icon),ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):has(.searchbar-cancel-button:active):not(.searchbar-disabled) .searchbar-cancel-button:has(ion-icon){margin-inline-end:0 !important}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated:not(.searchbar-no-animate) .searchbar-input-container{transition:margin-inline-end 383ms ease-in-out}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated:not(.searchbar-no-animate) .searchbar-clear-button,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated:not(.searchbar-no-animate) .searchbar-cancel-button{transition:transform var(--_searchbar-press-duration) var(--_searchbar-press-easing),margin-inline-start 383ms ease-in-out,margin-inline-end 383ms ease-in-out,opacity 383ms ease-in-out,visibility 383ms}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-disabled .searchbar-clear-button,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-disabled .searchbar-cancel-button{pointer-events:none !important}@media(prefers-reduced-motion: reduce){ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-clear-button:active:has(ion-icon),ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic):not(.searchbar-disabled) .searchbar-cancel-button:active:has(ion-icon){transform:none}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated:not(.searchbar-no-animate) .searchbar-input-container,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated:not(.searchbar-no-animate) .searchbar-clear-button,ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled):not(.searchbar-classic).searchbar-animated:not(.searchbar-no-animate) .searchbar-cancel-button{transition:none}}ion-toolbar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.searchbar-classic.ios:not(.ios-theme-disabled,.ios26-disabled)){--min-height: auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic{padding-bottom:12px;min-height:auto}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic .searchbar-input-container input.searchbar-input{border-radius:999px;height:44px;font-size:.98rem;padding-inline-start:38px;background:rgba(var(--ion-color-contrast-rgb), 0.078)}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic ion-icon.searchbar-search-icon{inset-inline-start:12px;width:1.18rem}ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled).searchbar-classic button.searchbar-clear-button{right:8px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=top]{position:absolute;top:var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top));right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom));left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){padding:2px 2px;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(1.038) translateZ(0);-webkit-transform:scale(1.038) translateZ(0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-tab-button.ion-activated)){will-change:auto}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated) ion-tab-button.tab-selected:not(.ion-activated){--color-selected: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.tab-selected::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb)), 0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-icon{filter:brightness(100%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{font-size:26px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{transition:filter var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease,color var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);height:auto;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(104%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb)), 0.095);transition:background var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0;transform-origin:center}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|
|
1
|
+
ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=top]{position:absolute;top:var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top));right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom));left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-start,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-end:dir(rtl){left:calc(16px + var(--ion-safe-area-left, 0px));right:auto;margin-inline:0}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-end,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-start:dir(rtl){left:auto;right:calc(16px + var(--ion-safe-area-right, 0px));margin-inline:0}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-center{left:calc(16px + var(--ion-safe-area-left, 0px));right:calc(16px + var(--ion-safe-area-right, 0px));margin-inline:auto}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2):last-child){width:184px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){padding:2px 2px;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease-out}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(1.038) translateZ(0);-webkit-transform:scale(1.038) translateZ(0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-tab-button.ion-activated)){will-change:auto}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated) ion-tab-button.tab-selected:not(.ion-activated){--color-selected: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.tab-selected::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb)), 0)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture.ios27-animated ion-tab-button.ion-activated ion-icon{filter:brightness(100%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){transform-origin:center 65%}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{font-size:26px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon{transition:filter var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease,color var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);height:auto;transition:transform var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled)::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated ion-icon{filter:brightness(104%)}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){background:rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb)), 0.095);transition:background var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) ease}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){background:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0);backdrop-filter:blur(0) saturate(104%);box-shadow:inset 0 0 0 .5px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6),inset 0 0 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18),inset 0 1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8),inset 0 -1px 2px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.5),0 .5px 1px 0 rgba(var(--ios-theme-glass-box-shadow-color-rgb, var(--ios26-glass-box-shadow-color-rgb)), 0.18);border:.5px solid;border-top-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-right-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.8);border-bottom-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 1);border-left-color:rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.6)}@supports(color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-top-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%);border-right-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 32%);border-bottom-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%);border-left-color:color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%)}}@supports(background-clip: border-area) and (color: color-mix(in srgb, white, black)){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 12%) 0%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 7%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 29%) 25%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 36%) 50%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 28%) 75%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 18%) 93%, color-mix(in srgb, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), rgb(var(--ion-text-color-rgb, 0, 0, 0)) 16%) 100%),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.011) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.009) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:border-box,padding-box;background-clip:border-area,padding-box}}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element::part(native){transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:center 65%}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|