@rdlabo/ionic-theme-ios26 0.2.9 → 0.2.11

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 (20) hide show
  1. package/README.md +27 -49
  2. package/dist/css/components/ion-action-sheet.css +1 -1
  3. package/dist/css/components/ion-alert.css +1 -1
  4. package/dist/css/components/ion-button.css +1 -1
  5. package/dist/css/components/ion-segment.css +1 -1
  6. package/dist/css/components/ion-tabs.css +1 -1
  7. package/dist/css/components/ion-toolbar.css +1 -1
  8. package/dist/css/ionic-theme-ios26-dark-always.css +1 -1
  9. package/dist/css/ionic-theme-ios26-dark-class.css +1 -1
  10. package/dist/css/ionic-theme-ios26-dark-system.css +1 -1
  11. package/dist/css/ionic-theme-ios26.css +1 -1
  12. package/package.json +2 -3
  13. package/src/components/ion-action-sheet.scss +3 -0
  14. package/src/components/ion-alert.scss +1 -0
  15. package/src/components/ion-button.scss +50 -16
  16. package/src/components/ion-segment.scss +8 -5
  17. package/src/components/ion-tabs.scss +1 -1
  18. package/src/ionic-theme-ios26.scss +1 -0
  19. package/src/utils/api.scss +7 -1
  20. package/src/utils/dark/ion-button.scss +4 -8
package/README.md CHANGED
@@ -33,15 +33,6 @@ And import the theme in your project's main CSS file (e.g., `src/styles.scss`).
33
33
  @import '@rdlabo/ionic-theme-ios26/dist/css/default-variables.css';
34
34
  @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-ios26.css';
35
35
 
36
-
37
- /**
38
- * If you need to include an ion-segment style with an incomplete design, please import it.
39
- * demo url: https://ionic-theme-ios26.netlify.app/main/index/segment
40
- *
41
- * @import '@rdlabo/ionic-theme-ios26/dist/css/components/ion-segment.css';
42
- */
43
-
44
-
45
36
  /**
46
37
  * This file is to eliminate the impact of class name changes for iOS26.
47
38
  * For example, `ion-buttons ion-button[fill=default]` is not normally implemented, but may be required for iOS26.
@@ -58,6 +49,27 @@ And import the theme in your project's main CSS file (e.g., `src/styles.scss`).
58
49
  */
59
50
  ```
60
51
 
52
+ ## API
53
+ ### CSS Variables
54
+ To customize the library's default styles to match your design, we provide several CSS variables. For details, please refer to this file:
55
+
56
+ https://github.com/rdlabo-team/ionic-theme-ios26/blob/main/src/default-variables.scss
57
+
58
+ ### `.ios26-disabled` Class
59
+
60
+ **Recommended for**: When you want to apply the iOS26 theme to all components in general, but use standard Ionic styling in specific places.
61
+
62
+ After importing all components, you can disable the iOS26 theme for specific component instances by adding the `.ios26-disabled` class.
63
+
64
+ ```html
65
+ <!-- iOS26 theme applied -->
66
+ <ion-button>iOS26 Design</ion-button>
67
+
68
+ <!-- Standard Ionic iOS styling -->
69
+ <ion-button class="ios26-disabled">Standard Ionic Design</ion-button>
70
+ ```
71
+
72
+
61
73
  ## Important Notes
62
74
 
63
75
  ### `ion-back-button` must not be animated
@@ -67,15 +79,7 @@ When the following conditions are met, the Ionic Framework programmatically gene
67
79
  - The previous page uses `ion-header[collapse='condense']`
68
80
  - The navigated page has `ion-buttons ion-back-button`
69
81
 
70
- This is not the iOS26 UI behavior. To avoid this programmatic behavior, you have two options:
71
-
72
- [![Image from Gyazo](https://i.gyazo.com/e196a49d9f2dbd93cd0ebed67c258c73.gif)](https://gyazo.com/e196a49d9f2dbd93cd0ebed67c258c73)
73
-
74
- > Note: This issue has been reported to the Ionic team and is expected to be improved in future releases.
75
-
76
- #### 1: Remove the parent ion-buttons of ion-back-button (Recommended)
77
-
78
- When `ion-back-button` is not a child of `ion-buttons`, it is not subject to the default animation. You can modify the structure as follows:
82
+ This is not the iOS26 UI behavior. Therefore, we hide the animation by default using `visibility: hidden;`. However, there is still a problem where the original `ion-back-button` disappears at the start and end of the animation. For a smoother experience, you can avoid placing `ion-back-button` inside `ion-buttons`:
79
83
 
80
84
  ```diff
81
85
  <ion-header>
@@ -86,17 +90,11 @@ When `ion-back-button` is not a child of `ion-buttons`, it is not subject to the
86
90
  </ion-header>
87
91
  ```
88
92
 
89
- #### 2: Add visibility: hidden to cloned element to Prevent Animation
90
-
91
- Alternatively, if you can tolerate some visual inconsistencies, you can add the following CSS globally. This approach also prevents unwanted animations even with `ion-buttons > ion-back-button`.
93
+ You can see the difference in the following video. The first example shows `ion-back-button` placed outside of `ion-buttons`, and the second shows the default behavior:
92
94
 
93
- ```css
94
- ion-back-button.ion-cloned-element {
95
- visibility: hidden;
96
- }
97
- ```
95
+ [![Image from Gyazo](https://i.gyazo.com/e196a49d9f2dbd93cd0ebed67c258c73.gif)](https://gyazo.com/e196a49d9f2dbd93cd0ebed67c258c73)
98
96
 
99
- This CSS rule hides the duplicated `ion-back-button` element that Ionic automatically generates. Ionic duplicates and animates the original button under specific conditions, but hiding this duplicated element prevents unwanted visual effects.
97
+ This is a known issue that has been shared with the Ionic team. We will update this library accordingly once Ionic Core addresses it.
100
98
 
101
99
  ### Using `ion-item-group`
102
100
 
@@ -144,16 +142,10 @@ ion-textarea label.textarea-wrapper {
144
142
  }
145
143
  ```
146
144
 
147
- ## Selective Theme Application
145
+ ## Migration Support: Selective Theme Application
148
146
 
149
147
  You may want to apply the iOS26 theme to your Ionic project but find it difficult to apply it to all components. We provide two approaches to selectively control theme application.
150
148
 
151
- You can use `1. Import Components Individually` or `2. Using the .ios26-disabled Class`
152
-
153
- ### 1. Import Components Individually
154
-
155
- **Recommended for**: When you want to apply the iOS26 theme only to specific components, or when you want to minimize bundle size.
156
-
157
149
  While `@import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-ios26.css'` applies styling to all components at once, you can also import them individually.
158
150
 
159
151
  ```css
@@ -165,7 +157,7 @@ While `@import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-ios26.css'` appli
165
157
  ...
166
158
  ```
167
159
 
168
- #### Individual Import for Dark Mode Components
160
+ ### Individual Import for Dark Mode Components
169
161
 
170
162
  If you're using dark mode, you need to use SCSS because the selectors differ between `Always`, `System`, and `Class` modes, which cannot be handled with CSS files alone.
171
163
 
@@ -209,17 +201,3 @@ Class (Toggle with CSS Class):
209
201
  }
210
202
  ```
211
203
 
212
-
213
- ### 2. Using the `.ios26-disabled` Class
214
-
215
- **Recommended for**: When you want to apply the iOS26 theme to all components in general, but use standard Ionic styling in specific places.
216
-
217
- After importing all components, you can disable the iOS26 theme for specific component instances by adding the `.ios26-disabled` class.
218
-
219
- ```html
220
- <!-- iOS26 theme applied -->
221
- <ion-button>iOS26 Design</ion-button>
222
-
223
- <!-- Standard Ionic iOS styling -->
224
- <ion-button class="ios26-disabled">Standard Ionic Design</ion-button>
225
- ```
package/dist/css/components/ion-action-sheet.css CHANGED
@@ -1 +1 @@
1
- ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color);--button-color-activated: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}
1
+ ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color);--button-color-activated: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}
package/dist/css/components/ion-alert.css CHANGED
@@ -1 +1 @@
1
- ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}
1
+ ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}
package/dist/css/components/ion-button.css CHANGED
@@ -1 +1 @@
1
- ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.32)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: var(--ion-text-color-rgb, 0, 0, 0)}ion-button.ios:not(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: var(--ion-text-color-rgb, 0, 0, 0)}ion-back-button.ios:not(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}
1
+ ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){transform:scale(1.32);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-top: 16px;--padding-bottom: 16px;--padding-start: 1em;--padding-end: 1em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.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(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.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(.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(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.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(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.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(.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(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}
package/dist/css/components/ion-segment.css CHANGED
@@ -1 +1 @@
1
- ion-toolbar.ios:not(.ios26-disabled):has(ion-segment){overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);min-height:44px;border-radius:25px;transition:transform var(--ios26-activated-transition-duration) ease-out;will-change:transform;overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1) !important}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button{--border-width: 0}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button::part(indicator-background){border-radius:25px;box-shadow:none;transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated{transform:scale(1.1);overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button{transition:transform 100ms ease-out}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.26)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);transform:scale(1.1);transform-origin:center center}
1
+ ion-toolbar.ios:not(.ios26-disabled) ion-segment{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);min-height:48px;border-radius:25px;transition:transform var(--ios26-activated-transition-duration) ease-out;will-change:transform;overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1) !important}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button{--border-width: 0;--ion-color-base: var(--ion-text-color, #000);--padding-start: 8px;--padding-end: 8px;min-width:60px;margin:3px 2px;font-size:14.5px}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button::part(indicator-background){border-radius:25px;box-shadow:none;transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated{transform:scale(1.1);overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button{transition:transform 100ms ease-out}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.08)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);transform:scale(1.1);transform-origin:center center}
package/dist/css/components/ion-tabs.css CHANGED
@@ -1 +1 @@
1
- ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){transform:scale(1.038)}ion-tab-bar.ios:not(.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(.ios26-disabled) ion-tab-button ion-icon{font-size:26px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-icon{transition:filter var(--ios26-activated-transition-duration) ease,color var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(104%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.095);transition:background var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02)}
1
+ ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){transform:scale(1.038)}ion-tab-bar.ios:not(.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(.ios26-disabled) ion-tab-button ion-icon{font-size:26px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-icon{transition:filter var(--ios26-activated-transition-duration) ease,color var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(104%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.095);transition:background var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02)}
package/dist/css/components/ion-toolbar.css CHANGED
@@ -1 +1 @@
1
- ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.32)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: var(--ion-text-color-rgb, 0, 0, 0)}ion-button.ios:not(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: var(--ion-text-color-rgb, 0, 0, 0)}ion-back-button.ios:not(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
1
+ ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){transform:scale(1.32);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-top: 16px;--padding-bottom: 16px;--padding-start: 1em;--padding-end: 1em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.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(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.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(.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(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.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(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.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(.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(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
package/dist/css/ionic-theme-ios26-dark-always.css CHANGED
@@ -1 +1 @@
1
- :root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}
1
+ :root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated: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:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}
package/dist/css/ionic-theme-ios26-dark-class.css CHANGED
@@ -1 +1 @@
1
- .ion-palette-dark{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,.ion-palette-dark ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}
1
+ .ion-palette-dark{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated: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-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff !important}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,.ion-palette-dark ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}
package/dist/css/ionic-theme-ios26-dark-system.css CHANGED
@@ -1 +1 @@
1
- @media(prefers-color-scheme: dark){:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}}
1
+ @media(prefers-color-scheme: dark){:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated: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:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(118%);opacity:.95}}
package/dist/css/ionic-theme-ios26.css CHANGED
@@ -1 +1 @@
1
- ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent;--opacity: 1}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-header.header-translucent::before,ion-header.header-translucent::after,ion-content.ios:not(.ios26-disabled)::part(background)::before,ion-content.ios:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios26-disabled).header-translucent::after{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0.5) 20%, rgba(var(--ios26-content-box-shadow-rgb), 0) 100%);box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 14px,4px)) 16px -32px rgba(var(--ios26-content-box-shadow-rgb), 0.6)}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(60px + var(--ios26-floating-safe-area-bottom));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0) 0%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 50%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 100%)}.ion-page:has(>ion-footer:not(.footer-translucent)) ion-content::part(background)::after{content:none}ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color);--button-color-activated: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.32)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).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(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: var(--ion-text-color-rgb, 0, 0, 0)}ion-button.ios:not(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: var(--ion-text-color-rgb, 0, 0, 0)}ion-back-button.ios:not(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-card.ios:not(.ios26-disabled){border-radius:24px}ion-card.ios:not(.ios26-disabled) ion-list ion-item{--padding-start: 0}ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 100ms ease-out}ion-chip.ios:not(.ios26-disabled).ion-activated{transform:scale(1.18)}.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content .ion-content-scroll-host{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(.ion-content-scroll-host)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}ion-fab.ios:not(.ios26-disabled) ion-fab-button{--transition: var(--ios26-activated-transition-duration) transform cubic-bezier(0.25, 1.11, 0.78, 1.59), 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(.ios26-disabled) ion-fab-button.fab-button-in-list,ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-small{width:48px;height:48px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-fab.ios:not(.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(.ios26-disabled) ion-fab-button::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}ion-list.ios:not(.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px;color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px;transform:translateX(5px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-icon{font-size:2.8rem;color:#fff;border-radius:20%;padding:6px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled{opacity:1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled::part(detail-icon){opacity:.1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem !important;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios26-disabled)>ion-note{color:var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px calc(20px + var(--ion-safe-area-right)) 8px calc(20px + var(--ion-safe-area-left))}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group{border-radius:24px;overflow:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(native){padding-right:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--min-height: 52px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-glass-background-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform 300ms ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem !important}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){transform:scale(1.038)}ion-tab-bar.ios:not(.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(.ios26-disabled) ion-tab-button ion-icon{font-size:26px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-icon{transition:filter var(--ios26-activated-transition-duration) ease,color var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(104%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.095);transition:background var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02)}ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 280ms ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 280ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--ion-color-base),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--track-background-checked),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--track-background-checked)}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
1
+ ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent;--opacity: 1}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-header.header-translucent::before,ion-header.header-translucent::after,ion-content.ios:not(.ios26-disabled)::part(background)::before,ion-content.ios:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios26-disabled).header-translucent::after{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0.5) 20%, rgba(var(--ios26-content-box-shadow-rgb), 0) 100%);box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 14px,4px)) 16px -32px rgba(var(--ios26-content-box-shadow-rgb), 0.6)}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(60px + var(--ios26-floating-safe-area-bottom));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0) 0%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 50%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 100%)}.ion-page:has(>ion-footer:not(.footer-translucent)) ion-content::part(background)::after{content:none}ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color);--button-color-activated: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){transform:scale(1.32);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-top: 16px;--padding-bottom: 16px;--padding-start: 1em;--padding-end: 1em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.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(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.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(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.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(.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(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.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(.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(.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(.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(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.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(.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(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-card.ios:not(.ios26-disabled){border-radius:24px}ion-card.ios:not(.ios26-disabled) ion-list ion-item{--padding-start: 0}ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 100ms ease-out}ion-chip.ios:not(.ios26-disabled).ion-activated{transform:scale(1.18)}.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content .ion-content-scroll-host{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(.ion-content-scroll-host)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}ion-fab.ios:not(.ios26-disabled) ion-fab-button{--transition: var(--ios26-activated-transition-duration) transform cubic-bezier(0.25, 1.11, 0.78, 1.59), 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(.ios26-disabled) ion-fab-button.fab-button-in-list,ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-small{width:48px;height:48px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-fab.ios:not(.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(.ios26-disabled) ion-fab-button::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}ion-list.ios:not(.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px;color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px;transform:translateX(5px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-icon{font-size:2.8rem;color:#fff;border-radius:20%;padding:6px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled{opacity:1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled::part(detail-icon){opacity:.1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem !important;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios26-disabled)>ion-note{color:var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px calc(20px + var(--ion-safe-area-right)) 8px calc(20px + var(--ion-safe-area-left))}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group{border-radius:24px;overflow:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(native){padding-right:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--min-height: 52px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-glass-background-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform 300ms ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem !important}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-toolbar.ios:not(.ios26-disabled) ion-segment{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);min-height:48px;border-radius:25px;transition:transform var(--ios26-activated-transition-duration) ease-out;will-change:transform;overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1) !important}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button{--border-width: 0;--ion-color-base: var(--ion-text-color, #000);--padding-start: 8px;--padding-end: 8px;min-width:60px;margin:3px 2px;font-size:14.5px}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button::part(indicator-background){border-radius:25px;box-shadow:none;transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated{transform:scale(1.1);overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button{transition:transform 100ms ease-out}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.08)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);transform:scale(1.1);transform-origin:center center}ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){transform:scale(1.038)}ion-tab-bar.ios:not(.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(.ios26-disabled) ion-tab-button ion-icon{font-size:26px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button ion-icon{transition:filter var(--ios26-activated-transition-duration) ease,color var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated ion-icon{filter:brightness(104%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.095);transition:background var(--ios26-activated-transition-duration) ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02)}ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 280ms ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 280ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--ion-color-base),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--track-background-checked),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--track-background-checked)}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rdlabo/ionic-theme-ios26",
3
- "version": "0.2.9",
3
+ "version": "0.2.11",
4
4
  "description": "iOS26 CSS Theme for Ionic Framework",
5
5
  "files": [
6
6
  "dist",
@@ -39,7 +39,6 @@
39
39
  "lint-staged": "^16.2.1",
40
40
  "np": "^10.2.0",
41
41
  "prettier": "^3.6.2",
42
- "sass": "^1.93.2",
43
- "typescript": "^5.9.2"
42
+ "sass": "^1.93.2"
44
43
  }
45
44
  }
package/src/components/ion-action-sheet.scss CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  ion-action-sheet.ios:not(.ios26-disabled) {
4
4
  --backdrop-opacity: 0.2;
5
+ --color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));
5
6
 
6
7
  .action-sheet-wrapper {
7
8
  padding-bottom: 0;
@@ -25,6 +26,8 @@ ion-action-sheet.ios:not(.ios26-disabled) {
25
26
  .action-sheet-title {
26
27
  padding-top: 8px;
27
28
  }
29
+ .action-sheet-has-sub-title {
30
+ }
28
31
 
29
32
  .action-sheet-group {
30
33
  background: transparent;
package/src/components/ion-alert.scss CHANGED
@@ -28,6 +28,7 @@ ion-alert.ios:not(.ios26-disabled) {
28
28
  .alert-message {
29
29
  font-size: 0.98rem;
30
30
  line-height: 1.2rem;
31
+ color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));
31
32
  }
32
33
 
33
34
  .alert-radio-group {
package/src/components/ion-button.scss CHANGED
@@ -17,21 +17,48 @@
17
17
 
18
18
  &:has(.ion-activated) {
19
19
  transform: scale(1.32);
20
+ @include api.glass-background-button-activated;
20
21
  }
21
22
 
22
- ion-button:not(.ios26-disabled) {
23
+ &:has(ion-button:not(.ios26-disabled).button-clear.button-large) {
24
+ border-radius: 30px;
25
+ }
26
+
27
+ ion-button:not(.ios26-disabled).button-clear {
23
28
  transform: none;
24
29
 
25
- &.button-clear {
26
- color: rgb(var(--ion-text-color-rgb, 0, 0, 0));
27
- &.ion-color {
28
- color: rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)));
30
+ font-weight: 500;
31
+ &.button-small {
32
+ min-height: calc(24px - 2px);
33
+ --padding-top: 1px;
34
+ --padding-bottom: 1px;
35
+ --padding-start: 0.5em;
36
+ --padding-end: 0.5em;
37
+ }
38
+ &.button-default {
39
+ &::part(native) {
40
+ min-height: calc(44px - 2px); // reduce for border 2px;
29
41
  }
30
- &.ion-activated {
31
- color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);
32
- &.ion-color {
33
- color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1);
34
- }
42
+ --padding-top: 16px;
43
+ --padding-bottom: 16px;
44
+ --padding-start: 1em;
45
+ --padding-end: 1em;
46
+ }
47
+ &.button-large {
48
+ min-height: calc(62px - 2px);
49
+ --padding-top: 17px;
50
+ --padding-start: 1em;
51
+ --padding-end: 1em;
52
+ --padding-bottom: 17px;
53
+ }
54
+ color: rgb(var(--ion-text-color-rgb, 0, 0, 0));
55
+ &.ion-color {
56
+ color: rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)));
57
+ }
58
+ &.ion-activated {
59
+ color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);
60
+ &.ion-color {
61
+ color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1);
35
62
  }
36
63
  }
37
64
 
@@ -101,7 +128,7 @@
101
128
  }
102
129
  }
103
130
 
104
- &:not(.button-clear):not(.ios26-button-clear) {
131
+ &:not(.button-clear) {
105
132
  &.ion-activated {
106
133
  transform: scale(0.95);
107
134
  &.button-small {
@@ -134,6 +161,7 @@
134
161
  &.ion-activated {
135
162
  --border-width: 0.78px;
136
163
  &::part(native) {
164
+ @include api.glass-background-button-activated;
137
165
  color: var(--color-activated);
138
166
  &::before {
139
167
  content: '';
@@ -161,13 +189,13 @@
161
189
  --background-activated: transparent;
162
190
  &::part(native) {
163
191
  @include api.glass-background;
192
+ color: var(--color);
164
193
  }
165
194
 
166
195
  &:not(.button-disabled) {
167
196
  opacity: 1; // for ion-back-button
168
197
  }
169
-
170
- --color: var(--ion-text-color-rgb, 0, 0, 0);
198
+ --color: rgb(var(--ion-text-color-rgb, 0, 0, 0));
171
199
  &.ion-color {
172
200
  --color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1);
173
201
  }
@@ -184,6 +212,14 @@
184
212
  opacity: 1; // for ion-back-button
185
213
  }
186
214
  }
215
+ &.button-disabled {
216
+ opacity: 1;
217
+
218
+ --color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5);
219
+ &.ion-color {
220
+ --color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5);
221
+ }
222
+ }
187
223
  }
188
224
 
189
225
  &.button-has-icon-only,
@@ -203,9 +239,7 @@
203
239
  }
204
240
  }
205
241
 
206
- ion-buttons.ios:not(.ios26-disabled):not(
207
- :has(ion-back-button, ion-button.button-default, ion-button.button-solid, ion-button.button-outline)
208
- ) {
242
+ ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button, ion-button:not(.button-clear))) {
209
243
  @include theme-buttons;
210
244
  }
211
245
  ion-button.ios:not(.ios26-disabled) {
package/src/components/ion-segment.scss CHANGED
@@ -1,12 +1,9 @@
1
1
  @use '../utils/api';
2
2
 
3
3
  ion-toolbar.ios:not(.ios26-disabled) {
4
- &:has(ion-segment) {
5
- overflow: visible;
6
- }
7
4
  ion-segment {
8
5
  @include api.glass-background;
9
- min-height: 44px;
6
+ min-height: 48px;
10
7
  border-radius: 25px;
11
8
 
12
9
  transition: transform var(--ios26-activated-transition-duration) ease-out;
@@ -21,6 +18,12 @@ ion-toolbar.ios:not(.ios26-disabled) {
21
18
 
22
19
  ion-segment-button {
23
20
  --border-width: 0;
21
+ --ion-color-base: var(--ion-text-color, #000);
22
+ --padding-start: 8px;
23
+ --padding-end: 8px;
24
+ min-width: 60px;
25
+ margin: 3px 2px;
26
+ font-size: 14.5px;
24
27
 
25
28
  &::part(indicator-background) {
26
29
  border-radius: 25px;
@@ -37,7 +40,7 @@ ion-toolbar.ios:not(.ios26-disabled) {
37
40
  ion-segment-button {
38
41
  transition: transform 100ms ease-out;
39
42
  &.segment-button-checked::part(native) {
40
- transform: scale(1.26);
43
+ transform: scale(1.08);
41
44
  }
42
45
  &::part(indicator-background) {
43
46
  position: relative;
package/src/components/ion-tabs.scss CHANGED
@@ -74,7 +74,7 @@ ion-tab-bar.ios:not(.ios26-disabled) {
74
74
 
75
75
  &.tab-selected {
76
76
  &::part(native) {
77
- background: rgba(var(--ios26-tab-button-color-selected-rgb), 0.095);
77
+ background: rgba(var(--ios26-button-color-selected-rgb), 0.095);
78
78
  transition: background var(--ios26-activated-transition-duration) ease;
79
79
  }
80
80
 
package/src/ionic-theme-ios26.scss CHANGED
@@ -16,6 +16,7 @@
16
16
  @use 'components/ion-popover';
17
17
  @use 'components/ion-range';
18
18
  @use 'components/ion-searchbar';
19
+ @use 'components/ion-segment';
19
20
  @use 'components/ion-tabs';
20
21
  @use 'components/ion-toast';
21
22
  @use 'components/ion-toggle';
package/src/utils/api.scss CHANGED
@@ -10,7 +10,13 @@
10
10
  border-left: 0.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);
11
11
  }
12
12
 
13
- @mixin glass-background-dark-active($opacity: 0.56, $blur: 7px, $saturate: 180%) {
13
+ @mixin glass-background-button-activated {
14
+ box-shadow:
15
+ inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),
16
+ 0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);
17
+ }
18
+
19
+ @mixin glass-background-button-activated-dark($opacity: 0.56, $blur: 7px, $saturate: 180%) {
14
20
  background: rgba(var(--ios26-button-color-selected-rgb), $opacity);
15
21
  backdrop-filter: blur($blur) saturate($saturate);
16
22
  box-shadow: inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);
package/src/utils/dark/ion-button.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @mixin theme-dark-buttons {
4
4
  &:has(.ion-activated) {
5
- @include api.glass-background-dark-active;
5
+ @include api.glass-background-button-activated-dark;
6
6
  }
7
7
 
8
8
  ion-button:not(.ios26-disabled).button-clear {
@@ -27,15 +27,13 @@
27
27
  }
28
28
 
29
29
  @mixin theme-dark-button {
30
- &.ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(
31
- .ios26-button-clear
32
- ) {
30
+ &.ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) {
33
31
  --color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);
34
32
  &.ion-color {
35
33
  --color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1);
36
34
  }
37
35
  &::part(native) {
38
- @include api.glass-background-dark-active;
36
+ @include api.glass-background-button-activated-dark;
39
37
  }
40
38
  ion-icon {
41
39
  color: rgb(255, 255, 255) !important;
@@ -44,9 +42,7 @@
44
42
  }
45
43
 
46
44
  @mixin ion-button {
47
- ion-buttons.ios:not(.ios26-disabled):not(
48
- :has(ion-back-button, ion-button.button-default, ion-button.button-solid, ion-button.button-outline)
49
- ) {
45
+ ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button, ion-button:not(.button-clear))) {
50
46
  @include theme-dark-buttons;
51
47
  }
52
48
  ion-button:not(.ios26-disabled),