@rdlabo/ionic-theme-ios26 0.1.5 → 0.1.7

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 (7) hide show
  1. package/README.md +6 -6
  2. package/dist/css/components/ion-button.css +1 -1
  3. package/dist/css/components/ion-toolbar.css +1 -1
  4. package/dist/css/ionic-theme-ios26.css +1 -1
  5. package/package.json +1 -1
  6. package/src/components/ion-button.scss +13 -0
  7. package/src/components/ion-toolbar.scss +9 -0
package/README.md CHANGED
@@ -31,7 +31,7 @@ And import the theme in your project's main CSS file (e.g., `src/styles.scss`).
31
31
 
32
32
  ```css
33
33
  @import '@rdlabo/ionic-theme-ios26/dist/css/default-variables.css';
34
- @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-ios26.min.css';
34
+ @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-ios26.css';
35
35
 
36
36
 
37
37
  /**
@@ -47,14 +47,14 @@ And import the theme in your project's main CSS file (e.g., `src/styles.scss`).
47
47
  * For example, `ion-buttons ion-button[fill=default]` is not normally implemented, but may be required for iOS26.
48
48
  * This file is to eliminate such effects.
49
49
  */
50
- @import '@rdlabo/ionic-theme-ios26/dist/css/md-remove-ios-class-effect.min.css';
50
+ @import '@rdlabo/ionic-theme-ios26/dist/css/md-remove-ios-class-effect.css';
51
51
 
52
52
  /*
53
53
  * Support Dark Mode
54
54
  * We support Ionic Dark Mode. More information is here: https://ionicframework.com/docs/theming/dark-mode
55
- * use Always: @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-dark-always.min.css'
56
- * use System: @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-dark-system.min.css'
57
- * use CSS Class: @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-dark-class.min.css'
55
+ * use Always: @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-dark-always.css'
56
+ * use System: @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-dark-system.css'
57
+ * use CSS Class: @import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-dark-class.css'
58
58
  */
59
59
  ```
60
60
 
@@ -116,7 +116,7 @@ You can use `1. Import Components Individually` or `2. Using the .ios26-disabled
116
116
 
117
117
  **Recommended for**: When you want to apply the iOS26 theme only to specific components, or when you want to minimize bundle size.
118
118
 
119
- While `@import '@rdlabo/ionic-theme-ios26/dist/css/ionic-theme-ios26.min.css'` applies styling to all components at once, you can also import them individually.
119
+ 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.
120
120
 
121
121
  ```css
122
122
  @import '@rdlabo/ionic-theme-ios26/dist/css/utils/translucent';
package/dist/css/components/ion-button.css CHANGED
@@ -1 +1 @@
1
- ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) 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)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-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) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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}
1
+ ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-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) !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) 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)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-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) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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}
package/dist/css/components/ion-toolbar.css CHANGED
@@ -1 +1 @@
1
- ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) 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)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-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) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}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){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-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) !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) 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)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-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) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}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:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}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.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}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar .toolbar-background,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar .toolbar-background{background:rgba(0,0,0,0) !important}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-content:not(.ios26-disabled)::part(background)::before,ion-content:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}.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) - 12px,4px));box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 12px,4px)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(56px + var(--ios26-floating-safe-area-bottom));box-shadow:inset 0 calc(-56px - var(--ios26-floating-safe-area-bottom)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}.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-container{background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform .2s ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px 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.action-sheet-cancel{margin-top:auto;font-weight:normal}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: 324px;transition:transform .2s 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-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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:8px;margin-right:8px}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:bold}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) 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)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-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) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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 cdk-virtual-scroll-viewport{margin-bottom:calc((56px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(56px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(cdk-virtual-scroll-viewport)){--padding-bottom: calc(56px + var(--ios26-floating-safe-area-bottom))}ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: 0.1s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgb(var(--ios26-color-dark-rgb))}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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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;--background-activated: 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}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 16px 8px 20px}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:18px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(detail-icon){margin-inline-end:0}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 .2s 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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius: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-color-light-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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 .3s ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem}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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);z-index:2;border-radius:40px;--color: var(--ion-text-color, #000)}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)) - 54px - 18px);max-width:474px}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 100ms ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):active{transform:scale(1.02);backdrop-filter:saturate(360%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button>ion-icon{font-size:28px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-color-light-rgb), 0);height:auto}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;padding:2px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-color-tab-active-rgb), 0.095);transition:background .2s ease;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-color-shadow-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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 .3s 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-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 300ms,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-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}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}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar .toolbar-background,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar .toolbar-background{background:rgba(0,0,0,0) !important}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-content:not(.ios26-disabled)::part(background)::before,ion-content:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}.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) - 12px,4px));box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 12px,4px)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(56px + var(--ios26-floating-safe-area-bottom));box-shadow:inset 0 calc(-56px - var(--ios26-floating-safe-area-bottom)) 16px -16px rgba(var(--ios26-color-background-rgb), var(--ios26-content-box-shadow-opacity))}.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-container{background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform .2s ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px 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.action-sheet-cancel{margin-top:auto;font-weight:normal}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: 324px;transition:transform .2s 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-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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:8px;margin-right:8px}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:bold}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}ion-buttons.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 100ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) ion-back-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) !important}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled):not(.button-disabled),ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled) 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)), 0.1)}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled)::part(native),ion-buttons.ios:not(.ios26-disabled) ion-back-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) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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 100ms 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):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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: rgba(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-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.28)}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-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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 cdk-virtual-scroll-viewport{margin-bottom:calc((56px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(56px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(cdk-virtual-scroll-viewport)){--padding-bottom: calc(56px + var(--ios26-floating-safe-area-bottom))}ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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: 0.1s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgb(var(--ios26-color-dark-rgb))}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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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;--background-activated: 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}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 16px 8px 20px}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:18px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(detail-icon){margin-inline-end:0}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 .2s 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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius: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-color-light-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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 .3s ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem}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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);z-index:2;border-radius:40px;--color: var(--ion-text-color, #000)}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)) - 54px - 18px);max-width:474px}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 100ms ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):active{transform:scale(1.02);backdrop-filter:saturate(360%)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button>ion-icon{font-size:28px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-color-light-rgb), 0);height:auto}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;padding:2px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-color-tab-active-rgb), 0.095);transition:background .2s ease;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-color-shadow-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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-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 .3s 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-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 12px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 300ms,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-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:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:calc(12px + var(--ion-safe-area-left));margin-right:calc(12px + var(--ion-safe-area-right))}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.1.5",
3
+ "version": "0.1.7",
4
4
  "description": "iOS26 CSS Theme for Ionic Framework",
5
5
  "files": [
6
6
  "dist",
package/src/components/ion-button.scss CHANGED
@@ -23,6 +23,19 @@
23
23
  ion-back-button:not(.ios26-disabled) {
24
24
  transform: none;
25
25
 
26
+ &.button-clear {
27
+ color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);
28
+ &.ion-color {
29
+ color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1);
30
+ }
31
+ &.ion-activated {
32
+ color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important;
33
+ &.ion-color {
34
+ color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1) !important;
35
+ }
36
+ }
37
+ }
38
+
26
39
  &:not(.button-disabled) {
27
40
  opacity: 1;
28
41
  }
package/src/components/ion-toolbar.scss CHANGED
@@ -14,6 +14,15 @@ ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled) {
14
14
  --min-height: 68px;
15
15
  }
16
16
 
17
+ ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) {
18
+ ion-buttons {
19
+ margin-top: 11px;
20
+ }
21
+ & > ion-button {
22
+ margin-top: 11px;
23
+ }
24
+ }
25
+
17
26
  ion-header.ios:not(.ios26-disabled),
18
27
  ion-footer.ios:not(.ios26-disabled) {
19
28
  ion-buttons {