npm - @rdlabo/ionic-theme-ios27 - Versions diffs - 0.1.0 → 0.2.1-beta.pr185.sha0793981f6cf4 - Mend

@rdlabo/ionic-theme-ios27 0.1.0 → 0.2.1-beta.pr185.sha0793981f6cf4

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.

Files changed (148) hide show

package/README.md CHANGED Viewed

@@ -1,14 +1,12 @@
 # Ionic Theme iOS27
-A CSS/JS theme library that brings the iOS 27 Liquid Glass appearance and navigation animations to Ionic applications while preserving Ionic components and conventions.
+A theme for Ionic apps that brings iOS 27 Liquid Glass and motion to the Web, with an optional way to project existing Ionic controls into native UI.
 > [!IMPORTANT]
 > This `main` branch contains the iOS 27 theme under the package name `@rdlabo/ionic-theme-ios27`. For the iOS 26 theme (`@rdlabo/ionic-theme-ios26`), see the [`ios26` branch](https://github.com/rdlabo-dev/ionic-theme-ios27/tree/ios26).
 > All versions before 1.0.0 are release candidates (RC). APIs, CSS variables, classes, styling, and behavior may change without backward compatibility, including in minor and patch releases. A stable compatibility commitment starts with 1.0.0.
-[Try the iOS 27 demo](https://ionic-theme-ios27.rdlabo.dev/).
 <!-- rdlabo-docs-pick -->
 <p>
@@ -19,9 +17,27 @@ A CSS/JS theme library that brings the iOS 27 Liquid Glass appearance and naviga
 <!-- /rdlabo-docs-pick -->
+## Features
+### Bring the iOS 27 look to Ionic
+Give familiar Ionic screens the iOS 27 visual language: Liquid Glass, styled toolbars and tabs, lists, buttons, search, overlays, page transitions, and coordinated light and dark appearances. See the result in the [Ionic 9 demo](https://ionic-theme-ios27.rdlabo.dev/) and [Ionic 8 demo](https://ionic8-theme-ios27.rdlabo.dev/).
+### Project your Ionic UI into Native UI
+On Capacitor iOS, the optional, experimental [Native UI Shell](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell) reads supported fixed controls from your existing Ionic markup. It projects their text, resolved `ion-icon` artwork or supported static SVGs, and selection state into UIKit controls with system Liquid Glass. Changes and native actions flow through the original Ionic components, so the Web and native presentations share one UI definition. Page content and routing stay in the WebView; unsupported layouts keep their Web presentation.
+**Tab drag on iOS 27:** The same Library screen with Native UI Shell off (Web) and on (UIKit). Both frames were captured while dragging the selected tab; the lower panels enlarge the glass around the tab bar.
+[![Native UI Shell off and on during the same Library tab drag, with enlarged tab bars](./screenshots/native-ui-shell-drag/comparison.png)](./screenshots/native-ui-shell-drag/comparison.png)
+### Follow the user's device
+Pair the iOS 26 and iOS 27 themes so supported Safari versions can present the design of each generation: the iOS 26 look for iOS 26 users and the iOS 27 look for iOS 27 users. The [adaptive setup](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/ios-adaptive) uses browser feature checks to select the corresponding **styles**; it does not read the iOS version. When both packages are installed, keep the **page transition** on the iOS 27 animation. On even earlier iOS versions, Ionic's default iOS appearance remains when Safari supports neither feature. In a Capacitor iOS app, Native UI Shell's UIKit material follows the installed iOS version.
 ## Installation
-Capacitor apps can optionally use an experimental [Native UI Shell](docs/native-ui-shell.md): fixed Ionic navigation and action controls rendered by UIKit with system Liquid Glass, while page content, application logic and routing remain in the WebView. The guide covers the idea's origins, the one-time startup call, supported components and fallback behavior.
+The steps below install the iOS 27 theme on its own. To switch between the iOS 26 and iOS 27 themes, follow [Adaptive iOS themes](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/ios-adaptive) instead of using the unconditional stylesheet imports and animation setup below.
 Requires `@ionic/core` 8.8.1 or later (Ionic 8 and 9). Install it in an existing Ionic project:
@@ -92,6 +108,16 @@ createApp(App)
 })
 ```
+To enable Native UI Shell, follow its [setup guide](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell). Importing the theme's styles alone does not turn on native controls.
+The page-transition radius defaults to `0`. Native apps can update it after measuring the web view:
+```ts
+import { setConfig } from '@rdlabo/ionic-theme-ios27';
+setConfig({ radius });
+```
 ### Check the theme
 Test on iOS. When previewing on desktop, set Ionic mode to `ios` in your existing framework initialization config (for example `mode: 'ios'`).
@@ -167,13 +193,13 @@ createApp(App)
 **Full documentation:** [Ionic Theme iOS27](https://docs.rdlabo.dev/projects/ionic-theme-ios27)
-- [Adaptive iOS themes](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/ios-adaptive) — conditionally load iOS 26 or iOS 27 styles.
+- [Adaptive iOS themes](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/ios-adaptive) — select iOS 26 or iOS 27 styles by browser capabilities; keep the iOS 27 page transition when both packages are installed.
 - [Using ion-item-group](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/using-ion-item-group) — required markup for inset lists.
 - [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.
 - [ESLint](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/eslint) — check list structure with ESLint rules.
 - [Features](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/features) — CSS variables, Liquid Glass, selective imports, and dark mode.
-- [Native UI Shell (Experimental)](docs/native-ui-shell.md) — native controls around Web content, using the included Capacitor plugin.
-- [Animation](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/experimental-animation) — tab bar and searchable effects.
+- [Native UI Shell (Experimental)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell) — project supported Ionic controls, text, and icons into UIKit.
+- [Animation](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/experimental-animation) — tab, segment, and searchable effects.
 - [Migration](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/migration) — stylesheet, class, and CSS variable naming changes.
 - [iOS 26 migration history](https://docs.rdlabo.dev/projects/ionic-theme-ios26/docs/migration) — earlier major-version changes for the previous package.
@@ -200,7 +226,7 @@ npm start
 ### Visual Regression Testing
-We use Playwright for visual regression testing to ensure consistent styling across all components. The test suite automatically captures screenshots of all routes in both light and dark modes.
+Playwright compares screenshots of demo routes in light and dark modes against stored baselines to catch unintended visual changes. These regression tests do not measure similarity to iOS 27 reference screens.
 #### Running Tests

package/dist/css/components/ion-button.css CHANGED Viewed

	@@ -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)){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){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, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-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)){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 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 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%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){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, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}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;--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}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%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){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, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}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)){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){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, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-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)){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-button-press-duration, 380ms) cubic-bezier(0.37, 0.36, 0.03, 1.34);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)}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:active:not(.button-disabled),ion-menu-button:active:not([disabled])){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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button:active:not(.button-disabled),ion-menu-button:active:not([disabled])):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-button-press-duration, 380ms) cubic-bezier(0.37, 0.36, 0.03, 1.34)}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin-block:0;margin-inline:6px}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-inline-start:0}ion-buttons.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-inline-end: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-button-press-duration, 380ms) cubic-bezier(0.37, 0.36, 0.03, 1.34),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]:active:not(.button-disabled).button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).back-button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).back-button-has-icon-only{transform:scale(1.38)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).back-button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).back-button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled):not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled):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]:active:not(.button-disabled):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:active:not(.button-disabled):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]:active:not(.button-disabled):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:active:not(.button-disabled):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 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 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%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){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, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}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):active:not(.button-disabled).button-has-icon-only,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):active:not(.button-disabled).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):active:not(.button-disabled).button-has-icon-only.button-small,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):active:not(.button-disabled).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):active:not(.button-disabled).button-has-icon-only.button-large,ion-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):active:not(.button-disabled).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):active:not(.button-disabled):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):active:not(.button-disabled):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):active:not(.button-disabled):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-button-press-duration, 380ms) cubic-bezier(0.37, 0.36, 0.03, 1.34),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]:active:not(.button-disabled).button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).back-button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).back-button-has-icon-only{transform:scale(1.38)}ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).back-button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).button-has-icon-only.button-small,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).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]:active:not(.button-disabled).button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid[type=submit]:active:not(.button-disabled).back-button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).button-has-icon-only.button-large,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled).button-solid.button-submit:active:not(.button-disabled).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]:active:not(.button-disabled):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:active:not(.button-disabled):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]:active:not(.button-disabled):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:active:not(.button-disabled):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]:active:not(.button-disabled):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:active:not(.button-disabled):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;--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}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%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){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, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}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):active:not(.button-disabled).button-has-icon-only,ion-back-button.ios:not(.ios-theme-disabled,.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):active:not(.button-disabled).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):active:not(.button-disabled).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):active:not(.button-disabled).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):active:not(.button-disabled).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):active:not(.button-disabled).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):active:not(.button-disabled):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):active:not(.button-disabled):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):active:not(.button-disabled):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}

package/dist/css/components/ion-fab.css CHANGED Viewed

	@@ -1 +1 @@
1	- ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled){--transform-value: 2.5px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-fab-button.fab-button-small){--transform-value: 4px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button{--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);--transition: var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) transform cubic-bezier(0.25, 1.11, 0.78, 1.59), var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) color ease;--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0));width:61px;height:61px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.fab-button-in-list,ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.fab-button-small{width:48px;height:48px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.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);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.fab-button-large::part(native){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.fab-button-small::part(native){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button::part(native){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-top,ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-bottom{transform:translateX(var(--transform-value))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-start,ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-end{transform:translateY(var(--transform-value))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-vertical-top{top:var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-vertical-bottom{bottom:var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-horizontal-start{~~left~~:calc(16px + var(--ios-theme-menu-width, var(--ios26-menu-width, var(--~~ion~~-safe-area-~~left~~)~~, 0px~~)))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-horizontal-end{~~right~~:calc(16px + var(--~~ion~~-safe-area-~~right, 0px~~))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled):has(.fab-button-small).fab-horizontal-start{~~left~~:calc(10px + var(--ios-theme-menu-width, var(--ios26-menu-width, var(--~~ion~~-safe-area-~~left~~)~~, 0px~~)))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled):has(.fab-button-small).fab-horizontal-end{~~right~~:calc(10px + var(--~~ion~~-safe-area-~~right, 0px~~))}.ion-page:has(>ion-header:not([hidden],.ion-hide))>ion-content>ion-fab.ios[slot=fixed].fab-vertical-top:not(.ios-theme-disabled,.ios26-disabled){top:10px}
1	+ ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled){--ios-theme-safe-area-inline-start: var(--ion-safe-area-left, 0px);--ios-theme-safe-area-inline-end: var(--ion-safe-area-right, 0px);--transform-value: 2.5px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled):dir(rtl){--ios-theme-safe-area-inline-start: var(--ion-safe-area-right, 0px);--ios-theme-safe-area-inline-end: var(--ion-safe-area-left, 0px)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-fab-button.fab-button-small){--transform-value: 4px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button{--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);--transition: var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) transform cubic-bezier(0.25, 1.11, 0.78, 1.59), var(--ios-theme-activated-transition-duration, var(--ios26-activated-transition-duration)) color ease;--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0));width:61px;height:61px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.fab-button-in-list,ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.fab-button-small{width:48px;height:48px}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.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);transform:scale(1.38) translateZ(0);-webkit-transform:scale(1.38) translateZ(0)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.fab-button-large::part(native){transform:scale(1.22) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.fab-button-small::part(native){transform:scale(1.18) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button::part(native){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-button::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-top,ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-bottom{transform:translateX(var(--transform-value))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-start,ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled) ion-fab-list.fab-list-side-end{transform:translateY(var(--transform-value))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-vertical-top{top:var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-vertical-bottom{bottom:var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-horizontal-start{inset-inline-start:calc(16px + var(--ios-theme-menu-width, var(--ios26-menu-width, var(--ios-theme-safe-area-inline-start))))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled).fab-horizontal-end{inset-inline-end:calc(16px + var(--ios-theme-safe-area-inline-end))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled):has(.fab-button-small).fab-horizontal-start{inset-inline-start:calc(10px + var(--ios-theme-menu-width, var(--ios26-menu-width, var(--ios-theme-safe-area-inline-start))))}ion-fab.ios:not(.ios-theme-disabled,.ios26-disabled):has(.fab-button-small).fab-horizontal-end{inset-inline-end:calc(10px + var(--ios-theme-safe-area-inline-end))}.ion-page:has(>ion-header:not([hidden],.ion-hide))>ion-content>ion-fab.ios[slot=fixed].fab-vertical-top:not(.ios-theme-disabled,.ios26-disabled){top:10px}

package/dist/css/components/ion-list.css CHANGED Viewed

	@@ -1 +1 @@
1	- ion-list.ios:not(.ios-theme-disabled,.ios26-disabled){--ion-border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e8e8e8))}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input.input-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea.textarea-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-select:is([helpertext]:not([helpertext=""]),[errortext]:not([errortext=""]))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input .input-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea .textarea-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))){--inner-border-width: 0;--inner-padding-bottom: 4px}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-input .input-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-textarea .textarea-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))){display:none}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label{font-size:1rem;line-height:1.29rem;font-weight:600;margin:8px 4px 4px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label:not(.ion-color){color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header{border-radius:28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item{--inner-padding-end: 0;--inner-border-width: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item::part(native){padding-inline:0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label{width:100%;margin:0;text-align:start;white-space:normal;padding:16px 20px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon{font-size:2.82rem;border-radius:20%;padding:6px;vertical-align:top}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon:not(.ion-color){color:#fff}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label h2{font-size:1.29rem;font-weight:700;line-height:1.53rem;margin:20px 0 8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text{display:block;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text:not(.ion-color){color:var(--ion-color-step-500, var(--ion-text-color-step-500, #808080))}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group){display:block;border-radius:28px;overflow:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top){display:flex;flex-direction:column;border-radius:0;overflow:visible}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>.radio-group-top{order:1;font-size:.9rem;padding-block-start:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:first-of-type{--border-radius: 28px 28px 0 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:last-of-type{--border-radius: 0 0 28px 28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):not(:first-of-type){margin-top:16px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))::part(container){flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px;min-height:64px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{width:auto;align-self:flex-start}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label{margin:0;font-weight:500;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{font-size:.88rem;line-height:1.18rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled{--detail-icon-opacity: 0.1;opacity:1}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;display:block;margin:8px calc(var(--ion-safe-area-right, 0) + 20px) 8px calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-left, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item::part(native){padding-right:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--min-height: 52px;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-label:not([slot]){font-size:inherit;line-height:inherit}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.38}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.75)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.75)}
1	+ ion-list.ios:not(.ios-theme-disabled,.ios26-disabled){--ion-border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e8e8e8))}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input.input-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea.textarea-fill-outline),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-select:is([helpertext]:not([helpertext=""]),[errortext]:not([errortext=""]))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-input .input-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:has(ion-textarea .textarea-bottom>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty))){--inner-border-width: 0;--inner-padding-bottom: 4px}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-input .input-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item ion-textarea .textarea-bottom:not(:has(>:is(.helper-text:not(:empty),.error-text:not(:empty),.counter:not(:empty)))){display:none}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label{font-size:1rem;line-height:1.29rem;font-weight:600;margin:8px 4px 4px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-label:not(.ion-color){color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;margin-block:8px 4px;margin-inline:0 16px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list-header ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header{border-radius:28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item{--inner-padding-end: 0;--inner-border-width: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item::part(native){padding-inline:0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label{width:100%;margin:0;text-align:start;white-space:normal;padding:16px 20px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon{font-size:2.82rem;border-radius:20%;padding:6px;vertical-align:top}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-icon:not(.ion-color){color:#fff}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label h2{font-size:1.29rem;font-weight:700;line-height:1.53rem;margin:20px 0 8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text{display:block;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item-group.item-group-header>ion-item>ion-label ion-text:not(.ion-color){color:var(--ion-color-step-500, var(--ion-text-color-step-500, #808080))}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group){display:block;border-radius:28px;overflow:hidden}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top){display:flex;flex-direction:column;border-radius:0;overflow:visible}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>.radio-group-top{order:1;font-size:.9rem;padding-block-start:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:first-of-type{--border-radius: 28px 28px 0 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):has(>.radio-group-top)>ion-item:last-of-type{--border-radius: 0 0 28px 28px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group):not(:first-of-type){margin-top:16px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))::part(container){flex-direction:column;justify-content:center;padding-top:14px;padding-bottom:14px;min-height:64px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{width:auto;align-self:flex-start}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-label{margin:0;font-weight:500;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:has(>ion-label:not([slot])):has(>ion-note:not([slot]))>ion-note{font-size:.88rem;line-height:1.18rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-text[slot=end]{padding-inline-start:8px}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled{--detail-icon-opacity: 0.1;opacity:1}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note{margin-block:8px;margin-inline:calc(var(--ion-safe-area-left, 0) + 20px) calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note:dir(rtl){margin-inline:calc(var(--ion-safe-area-right, 0) + 20px) calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note{font-size:.76rem;line-height:1.06rem;font-weight:400;display:block}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-note:not(.ion-color){--color: var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-left, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-right, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled):dir(rtl) ion-radio-group>.radio-group-top{padding-inline-start:calc(var(--ion-safe-area-right, 0) + 20px);padding-inline-end:calc(var(--ion-safe-area-left, 0) + 20px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item::part(native){padding-inline-end:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item:dir(rtl)::part(native){padding-inline-end:calc(var(--ion-safe-area-left, 0px) + 18px)}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item{--min-height: 52px;font-size:1rem;line-height:1.29rem}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-label:not([slot]){font-size:inherit;line-height:inherit}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios-theme-disabled,.ios26-disabled)>:is(ion-item-group,ion-reorder-group,ion-accordion-group,ion-radio-group) ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item{--detail-icon-color: rgb(var(--ion-color-medium-rgb));--detail-icon-opacity: 0.38}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-label:not(.ion-color){color:rgba(var(--ion-color-medium-rgb), 0.75)}ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset ion-list-header ion-note:not(.ion-color),ion-list.ios:not(.ios-theme-disabled,.ios26-disabled).list-inset>ion-note:not(.ion-color){--color: rgba(var(--ion-color-medium-rgb), 0.75)}

package/dist/css/components/ion-menu.css CHANGED Viewed

	@@ -1 +1 @@
1	- ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled){--side-max-width: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main 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 - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main 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)) - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar{--padding-start: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-~~left~~:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-footer ion-toolbar{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]{~~left~~:calc(16px + var(--ion-safe-area-left, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar{--padding-end: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-~~right~~:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-footer ion-toolbar{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled){--border: none;--background: rgba(var(--ios-theme-menu-background-rgb), var(--ios-theme-menu-background-opacity, 0.96));--max-width: var(--ios-theme-menu-width, var(--ios26-menu-width));position:absolute;top:0;z-index:999}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-start{~~left~~:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end{~~left:calc(100vw~~ - ~~var(--ios~~-~~theme-menu-width, var(--ios26-menu-width)))~~}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(backdrop){display:none}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(container){border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list:not(.ios-theme-disabled,.ios26-disabled,.ion-color){background:rgba(0,0,0,0)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:not(.ios-theme-disabled,.ios26-disabled,.ion-color){--background: transparent}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content{--background: transparent;--ios26-content-box-shadow-rgb: transparent;--ios-theme-content-box-shadow-rgb: var(--ios26-content-box-shadow-rgb)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){margin:calc(var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top)) + 6px) calc(~~16px~~ + var(--ion-safe-area-~~right~~, 0px)) var(--ios-theme-~~floating~~-~~safe~~-~~area~~-~~bottom,~~ var(--~~ios26~~-~~floating-~~safe-area-~~bottom~~)) calc(~~12px~~ + var(--ion-safe-area-left, 0px))}
1	+ ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled){--side-max-width: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main 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 - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main 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)) - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar{--padding-start: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-inline-start:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-footer ion-toolbar{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]{inset-inline-start:calc(16px + var(--ion-safe-area-left, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)[slot=bottom]:dir(rtl){inset-inline-start:calc(16px + var(--ion-safe-area-right, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar{--padding-end: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-inline-end:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-footer ion-toolbar{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled){--border: none;--background: rgba(var(--ios-theme-menu-background-rgb), var(--ios-theme-menu-background-opacity, 0.96));--max-width: var(--ios-theme-menu-width, var(--ios26-menu-width));position:absolute;top:0;z-index:999}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-start{inset-inline-start:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end{inset-inline-end:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(backdrop){display:none}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(container){border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list:not(.ios-theme-disabled,.ios26-disabled,.ion-color){background:rgba(0,0,0,0)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:not(.ios-theme-disabled,.ios26-disabled,.ion-color){--background: transparent}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content{--background: transparent;--ios26-content-box-shadow-rgb: transparent;--ios-theme-content-box-shadow-rgb: var(--ios26-content-box-shadow-rgb)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){margin-block:calc(var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top)) + 6px) var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom));margin-inline:calc(12px + var(--ion-safe-area-left, 0px)) calc(16px + var(--ion-safe-area-right, 0px))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content:dir(rtl)::part(scroll){margin-inline:calc(12px + var(--ion-safe-area-right, 0px)) calc(16px + var(--ion-safe-area-left, 0px))}

package/dist/css/components/ion-searchbar.css CHANGED Viewed

	@@ -1 +1 @@
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	+ 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{inset-inline-end:8px}

package/dist/css/components/ion-tabs.css CHANGED Viewed

	@@ -1 +1 @@
1	- ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border:0;background:rgba(0,0,0,0);contain:size layout style;z-index:2;--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.53)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-color:var(--background);backdrop-filter:blur(6px) saturate(180%) brightness(1.05);content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none;z-index:-1}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-radius:31px;--ios-theme-tab-overlap: 20px;--color: var(--ion-text-color-step-50, #0d0d0d)}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)) - 75px);max-width:471px;height:54px;min-height:54px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2):last-child){width:180px}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)) - 3px);max-width:543px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){padding:4px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element)~ion-tab-button:not(.ion-cloned-element){margin-inline-start:calc(-1var(--ios-theme-tab-overlap))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(>ion-tab-button:nth-child(4 of ion-tab-button:not(.ion-cloned-element)))){--ios-theme-tab-overlap: 8px}@media(min-width: 768px){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--ios-theme-tab-overlap: 16px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:180px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(3 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:266px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(4 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:328px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(5 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:406px}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){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).ios27-enable-gesture{touch-action:pan-y pinch-zoom}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture ion-tab-button.tab-selected::part(native){transition:none}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{transition:transform 367ms linear(0, 0.096 9%, 0.356 18%, 0.64 27%, 0.863 36%, 1 45%, 1.078 54%, 1.092 59%, 1.018 95%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-tab-button.ion-activated){transition:transform 367ms linear(0, 0.148 9%, 0.46 18%, 0.752 27%, 0.951 36%, 1.052 45%, 1.081 54%, 1.058 72%, 1.019 86%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(var(--ios27-tab-bar-scale, 1.038)) translateZ(0);-webkit-transform:scale(var(--ios27-tab-bar-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}@media(prefers-reduced-motion: reduce){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){transition:none;transform:none;-webkit-transform:none;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, var(--ios27-button-color-selected-default-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%;font-size:.59rem;border-radius:27px}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).tab-layout-icon-top.tab-has-icon.tab-has-label{--padding-top: 7px;--padding-bottom: 7px;justify-content:flex-start}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-layout-icon-top.tab-has-icon.tab-has-label ion-icon{flex-shrink:0;margin-block:0 2px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-layout-icon-top.tab-has-icon.tab-has-label ion-label{margin:0;font-size:inherit;line-height:1.2;min-height:0}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:54px;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:54px}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:var(--ios27-tab-selected-background, rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-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{transition:none}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;transition:none}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}@media(prefers-reduced-motion: reduce){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:none;transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){transition:none}}
1	+ ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--ios-theme-safe-area-inline-start: var(--ion-safe-area-left, 0px);--ios-theme-safe-area-inline-end: var(--ion-safe-area-right, 0px)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):dir(rtl){--ios-theme-safe-area-inline-start: var(--ion-safe-area-right, 0px);--ios-theme-safe-area-inline-end: var(--ion-safe-area-left, 0px)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border:0;background:rgba(0,0,0,0);contain:size layout style;z-index:2;--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.53)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image: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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),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.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 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%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)::before{background-color:var(--background);backdrop-filter:blur(6px) saturate(180%) brightness(1.05);content:"";position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none;z-index:-1}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){border-radius:31px;--ios-theme-tab-overlap: 20px;--color: var(--ion-text-color-step-50, #0d0d0d)}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));inset-inline-end:calc(16px + var(--ios-theme-safe-area-inline-end))}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));inset-inline-start:calc(16px + var(--ios-theme-safe-area-inline-start))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-start{inset-inline-start:calc(16px + var(--ios-theme-safe-area-inline-start));inset-inline-end:auto;margin-inline:0}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).tab-bar-position-end{inset-inline-start:auto;inset-inline-end:calc(16px + var(--ios-theme-safe-area-inline-end));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)) - 75px);max-width:471px;height:54px;min-height:54px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2):last-child){width:180px}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)) - 3px);max-width:543px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){padding:4px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element)~ion-tab-button:not(.ion-cloned-element){margin-inline-start:calc(-1var(--ios-theme-tab-overlap))}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:has(>ion-tab-button:nth-child(4 of ion-tab-button:not(.ion-cloned-element)))){--ios-theme-tab-overlap: 8px}@media(min-width: 768px){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){--ios-theme-tab-overlap: 16px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(2 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:180px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(3 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:266px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(4 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:328px}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(>ion-tab-button:nth-child(5 of ion-tab-button:not(.ion-cloned-element)):nth-last-child(1 of ion-tab-button:not(.ion-cloned-element))){max-width:406px}}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled){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).ios27-enable-gesture{touch-action:pan-y pinch-zoom}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture ion-tab-button.tab-selected::part(native){transition:none}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{transition:transform 367ms linear(0, 0.096 9%, 0.356 18%, 0.64 27%, 0.863 36%, 1 45%, 1.078 54%, 1.092 59%, 1.018 95%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture:has(ion-tab-button.ion-activated){transition:transform 367ms linear(0, 0.148 9%, 0.46 18%, 0.752 27%, 0.951 36%, 1.052 45%, 1.081 54%, 1.058 72%, 1.019 86%, 1)}ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(var(--ios27-tab-bar-scale, 1.038)) translateZ(0);-webkit-transform:scale(var(--ios27-tab-bar-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}@media(prefers-reduced-motion: reduce){ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):has(ion-tab-button.ion-activated){transition:none;transform:none;-webkit-transform:none;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, var(--ios27-button-color-selected-default-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%;font-size:.59rem;border-radius:27px}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).tab-layout-icon-top.tab-has-icon.tab-has-label{--padding-top: 7px;--padding-bottom: 7px;justify-content:flex-start}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-layout-icon-top.tab-has-icon.tab-has-label ion-icon{flex-shrink:0;margin-block:0 2px}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-layout-icon-top.tab-has-icon.tab-has-label ion-label{margin:0;font-size:inherit;line-height:1.2;min-height:0}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:54px;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:54px}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:var(--ios27-tab-selected-background, rgba(var(--ios-theme-button-color-selected-rgb, var(--ios26-button-color-selected-rgb, var(--ios27-button-color-selected-default-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{transition:none}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;transition:none}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}@media(prefers-reduced-motion: reduce){ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled),ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).ion-activated{transform:none;transition:none}ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled) ion-icon,ion-tab-button.ios:not(.ios-theme-disabled,.ios26-disabled).tab-selected::part(native){transition:none}}