@rdlabo/ionic-theme-ios26 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/dist/css/components/ion-button.css +1 -1
- package/dist/css/components/ion-content.css +1 -1
- package/dist/css/components/ion-modal.css +1 -1
- package/dist/css/components/ion-range.css +1 -1
- package/dist/css/components/ion-toolbar.css +1 -1
- package/dist/css/ionic-theme-ios26.css +1 -1
- package/dist/gestures/animations.d.ts +8 -0
- package/dist/gestures/animations.d.ts.map +1 -0
- package/dist/gestures/animations.js +97 -0
- package/dist/gestures/index.d.ts.map +1 -1
- package/dist/gestures/index.js +77 -160
- package/dist/gestures/interfaces.d.ts +6 -0
- package/dist/gestures/interfaces.d.ts.map +1 -1
- package/dist/gestures/utils.d.ts +3 -1
- package/dist/gestures/utils.d.ts.map +1 -1
- package/dist/gestures/utils.js +14 -11
- package/dist/index.js +2 -2
- package/package.json +2 -2
- package/src/gestures/animations.ts +120 -0
- package/src/gestures/index.ts +83 -176
- package/src/gestures/interfaces.ts +7 -0
- package/src/gestures/utils.ts +22 -12
- package/src/index.ts +2 -2
- package/src/styles/components/ion-button.scss +28 -10
- package/src/styles/components/ion-content.scss +9 -0
- package/src/styles/components/ion-modal.scss +13 -4
- package/src/styles/components/ion-range.scss +9 -7
- package/src/styles/default-variables.scss +2 -0
package/README.md
CHANGED
|
@@ -100,6 +100,8 @@ __This feature is experimental. The library can be used without this feature.__
|
|
|
100
100
|
|
|
101
101
|
By registering `ion-tab-bar` / `ion-segment`, you can display animation effects on `ion-tab-button` / `ion-segment-button`
|
|
102
102
|
|
|
103
|
+
[](https://gyazo.com/a57e8808156e5ce74463e6fa8c05ed61)
|
|
104
|
+
|
|
103
105
|
```js
|
|
104
106
|
import { registerTabBarEffect, registerSegmentEffect } from '@rdlabo/ionic-theme-ios26';
|
|
105
107
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important;z-index:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){z-index:5;box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);transform:scale(1.32)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small){transform:scale(1.18)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large){transform:scale(1.22)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-top: 16px;--padding-bottom: 16px;--padding-start: 1em;--padding-end: 1em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.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).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.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).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}
|
|
1
|
+
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important;z-index:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){z-index:5;box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);transform:scale(1.32)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small){transform:scale(1.18)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large){transform:scale(1.22)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-top: 16px;--padding-bottom: 16px;--padding-start: 1em;--padding-end: 1em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.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).button-solid[type=submit]{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.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).button-solid[type=submit]{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content .ion-content-scroll-host{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(.ion-content-scroll-host)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}
|
|
1
|
+
.ios:not(.ios26-disabled) .ion-page:has(ion-header.header-translucent) ion-content:has(.ion-content-scroll-host){--padding-top: calc(var(--offset-top) * -1)}.ios:not(.ios26-disabled) .ion-page:has(ion-header.header-translucent) ion-content:has(.ion-content-scroll-host)>*:not(.ion-content-scroll-host){transform:translateY(var(--offset-top))}.ios:not(.ios26-disabled) .ion-page:has(ion-header.header-translucent) ion-content:has(.ion-content-scroll-host) .ion-content-scroll-host{padding-top:var(--offset-top)}.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content .ion-content-scroll-host{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(.ion-content-scroll-host)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:
|
|
1
|
+
ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left)}ion-modal.ios:not(.ios26-disabled).modal-sheet 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):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-glass-background-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(
|
|
1
|
+
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(label){margin-inline:0 20px}ion-range.ios:not(.ios26-disabled) [slot=start],ion-range.ios:not(.ios26-disabled) [slot=end]{margin-inline:20px 0}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;margin-inline-start:-8px;transition:transform 300ms ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(0) !important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important;z-index:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){z-index:5;box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);transform:scale(1.32)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small){transform:scale(1.18)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large){transform:scale(1.22)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-top: 16px;--padding-bottom: 16px;--padding-start: 1em;--padding-end: 1em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.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).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.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).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-modal.ios:not(.ios26-disabled).modal-card ion-header.ios:not(.ios26-disabled) ion-toolbar.ios:not(.ios26-disabled):first-of-type,ion-modal.ios:not(.ios26-disabled).modal-sheet ion-header.ios:not(.ios26-disabled) ion-toolbar.ios:not(.ios26-disabled):first-of-type{padding-top:6px}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled):not(:has(ion-segment.segment-expand)){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar *[slot=start],ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar *[slot=end]{align-self:center}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
|
|
1
|
+
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform var(--ios26-activated-transition-duration) ease-out !important;z-index:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){z-index:5;box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);transform:scale(1.32)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(ion-button:nth-child(n+2)){transform:scale(1.25)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small){transform:scale(1.18)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-small):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large){transform:scale(1.22)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(:not(.button-has-icon-only):not(.back-button-has-icon-only)),ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated):has(.button-large):has(ion-button:nth-child(n+2)){transform:scale(1.12)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(ion-button:not(.ios26-disabled).button-clear.button-large){border-radius:30px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{transform:none;font-weight:500}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-small{min-height:22px;--padding-top: 1px;--padding-bottom: 1px;--padding-start: 0.5em;--padding-end: 0.5em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default::part(native){min-height:42px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-default{--padding-top: 16px;--padding-bottom: 16px;--padding-start: 1em;--padding-end: 1em}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.button-large{min-height:60px;--padding-top: 17px;--padding-start: 1em;--padding-end: 1em;--padding-bottom: 17px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear:not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button{margin:0 6px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:first-child{margin-left:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:last-child{margin-right:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-clear)) ion-button:only-child{margin:0}ion-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-button.ios:not(.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).button-solid[type=submit]{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;z-index:0}ion-back-button.ios:not(.ios26-disabled).ion-activated{z-index:10}ion-back-button.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 12px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=start]{margin-inline-start:-0.15em;margin-inline-end:.15em}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only) ion-icon[slot=end]{margin-inline-start:.15em;margin-inline-end:-0.15em}ion-back-button.ios:not(.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).button-solid[type=submit]{--color: var(--ion-color-primary-brightness, var(--ion-color-contrast));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: var(--ion-color-primary-brightness, var(--ion-color-primary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-primary-brightness);--border-color: var(--ion-color-primary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: var(--ion-color-secondary-brightness, var(--ion-color-secondary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-secondary-brightness);--border-color: var(--ion-color-secondary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: var(--ion-color-tertiary-brightness, var(--ion-color-tertiary-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-tertiary-brightness);--border-color: var(--ion-color-tertiary-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: var(--ion-color-success-brightness, var(--ion-color-success-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-success-brightness);--border-color: var(--ion-color-success-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: var(--ion-color-warning-brightness, var(--ion-color-warning-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-warning-brightness);--border-color: var(--ion-color-warning-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: var(--ion-color-danger-brightness, var(--ion-color-danger-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-danger-brightness);--border-color: var(--ion-color-danger-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: var(--ion-color-light-brightness, var(--ion-color-light-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-light-brightness);--border-color: var(--ion-color-light-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: var(--ion-color-medium-brightness, var(--ion-color-medium-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-medium-brightness);--border-color: var(--ion-color-medium-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: var(--ion-color-dark-brightness, var(--ion-color-dark-contrast, var(--ion-color-contrast)));--color-activated: var(--ion-color-dark-brightness);--border-color: var(--ion-color-dark-brightness, transparent);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]{--background-color: #fff;--background-activated-opacity: 1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 8px -4px rgba(var(--ios26-glass-box-shadow-color-rgb), 0.92);color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled{opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native){background:var(--ion-background-color-step-200, #cccccc);color:#fff;border:none}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):not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);color:var(--color)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only{transform:scale(1.32)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled{opacity:1;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.5)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).button-disabled.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.5)}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-modal.ios:not(.ios26-disabled).modal-card ion-header.ios:not(.ios26-disabled) ion-toolbar.ios:not(.ios26-disabled):first-of-type,ion-modal.ios:not(.ios26-disabled).modal-sheet ion-header.ios:not(.ios26-disabled) ion-toolbar.ios:not(.ios26-disabled):first-of-type{padding-top:6px}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled):not(:has(ion-segment.segment-expand)){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar *[slot=start],ion-toolbar.ios:not(.ios26-disabled).toolbar-searchbar *[slot=end]{align-self:center}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
|