@rdlabo/ionic-theme-ios26 1.0.5 → 1.1.0
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 +35 -1
- package/dist/css/components/ion-action-sheet.css +1 -1
- package/dist/css/components/ion-alert.css +1 -1
- package/dist/css/components/ion-button.css +1 -1
- package/dist/css/components/ion-datetime.css +1 -1
- package/dist/css/components/ion-fab.css +1 -1
- package/dist/css/components/ion-loading.css +1 -1
- package/dist/css/components/ion-modal.css +1 -1
- package/dist/css/components/ion-popover.css +1 -1
- package/dist/css/components/ion-range.css +1 -1
- package/dist/css/components/ion-searchbar.css +1 -1
- package/dist/css/components/ion-segment.css +1 -1
- package/dist/css/components/ion-tabs.css +1 -1
- package/dist/css/components/ion-toast.css +1 -1
- package/dist/css/components/ion-toggle.css +1 -1
- package/dist/css/components/ion-toolbar.css +1 -1
- package/dist/css/ionic-theme-ios26-dark-always.css +1 -1
- package/dist/css/ionic-theme-ios26-dark-class.css +1 -1
- package/dist/css/ionic-theme-ios26-dark-system.css +1 -1
- package/dist/css/ionic-theme-ios26.css +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/popover/animations/ios.enter.d.ts +4 -0
- package/dist/popover/animations/ios.enter.d.ts.map +1 -0
- package/dist/popover/animations/ios.enter.js +111 -0
- package/dist/popover/animations/ios.leave.d.ts +3 -0
- package/dist/popover/animations/ios.leave.d.ts.map +1 -0
- package/dist/popover/animations/ios.leave.js +60 -0
- package/dist/popover/popover-interface.d.ts +38 -0
- package/dist/popover/popover-interface.d.ts.map +1 -0
- package/dist/popover/popover-interface.js +1 -0
- package/dist/popover/utils.d.ts +48 -0
- package/dist/popover/utils.d.ts.map +1 -0
- package/dist/popover/utils.js +479 -0
- package/dist/sheets-of-glass/animations.d.ts +8 -0
- package/dist/sheets-of-glass/animations.d.ts.map +1 -0
- package/dist/sheets-of-glass/animations.js +97 -0
- package/dist/sheets-of-glass/index.d.ts +3 -0
- package/dist/sheets-of-glass/index.d.ts.map +1 -0
- package/dist/sheets-of-glass/index.js +160 -0
- package/dist/sheets-of-glass/interfaces.d.ts +16 -0
- package/dist/sheets-of-glass/interfaces.d.ts.map +1 -0
- package/dist/sheets-of-glass/interfaces.js +1 -0
- package/dist/utils.d.ts +5 -1
- package/dist/utils.d.ts.map +1 -1
- package/dist/utils.js +26 -11
- package/package.json +1 -1
- package/src/index.ts +5 -3
- package/src/popover/animations/ios.enter.ts +176 -0
- package/src/popover/animations/ios.leave.ts +76 -0
- package/src/popover/popover-interface.ts +44 -0
- package/src/popover/utils.ts +912 -0
- package/src/{gestures → sheets-of-glass}/animations.ts +1 -1
- package/src/{gestures → sheets-of-glass}/index.ts +1 -1
- package/src/styles/components/ion-alert.scss +1 -0
- package/src/styles/components/ion-button.scss +29 -8
- package/src/styles/components/ion-popover.scss +6 -0
- package/src/styles/components/ion-range.scss +2 -1
- package/src/styles/components/ion-segment.scss +22 -7
- package/src/styles/components/ion-tabs.scss +9 -2
- package/src/styles/components/ion-toggle.scss +8 -4
- package/src/styles/utils/api.scss +12 -0
- package/src/{gestures/utils.ts → utils.ts} +18 -1
- /package/src/{gestures → sheets-of-glass}/interfaces.ts +0 -0
package/README.md
CHANGED
|
@@ -94,10 +94,44 @@ To achieve higher fidelity to iOS26 design, you can implement additional design
|
|
|
94
94
|
https://ionic-theme-ios26.netlify.app/main/docs
|
|
95
95
|
|
|
96
96
|
|
|
97
|
-
|
|
97
|
+
## Experimental: Animation
|
|
98
98
|
|
|
99
99
|
__This feature is experimental. The library can be used without this feature.__
|
|
100
100
|
|
|
101
|
+
### Enter and Leave animation with `ion-popover`
|
|
102
|
+
|
|
103
|
+
Animations designed iOS 26 can be configured via IonicConfig.
|
|
104
|
+
|
|
105
|
+
[](https://gyazo.com/f3609bdc38f936149caa1e8617f54857)
|
|
106
|
+
|
|
107
|
+
```js
|
|
108
|
+
import { popoverEnterAnimation, popoverLeaveAnimation } from '@rdlabo/ionic-theme-ios26';
|
|
109
|
+
|
|
110
|
+
// Angular
|
|
111
|
+
provideIonicAngular({
|
|
112
|
+
...
|
|
113
|
+
popoverEnter: popoverEnterAnimation,
|
|
114
|
+
popoverLeave: popoverLeaveAnimation,
|
|
115
|
+
});
|
|
116
|
+
|
|
117
|
+
// React
|
|
118
|
+
setupIonicReact({
|
|
119
|
+
...
|
|
120
|
+
popoverEnter: popoverEnterAnimation,
|
|
121
|
+
popoverLeave: popoverLeaveAnimation,
|
|
122
|
+
});
|
|
123
|
+
|
|
124
|
+
// Vue
|
|
125
|
+
createApp(App)
|
|
126
|
+
.use(IonicVue, {
|
|
127
|
+
...
|
|
128
|
+
popoverEnter: popoverEnterAnimation,
|
|
129
|
+
popoverLeave: popoverLeaveAnimation,
|
|
130
|
+
})
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
### Using Sheet of Glass with `ion-tab-button` / `ion-segment-button`
|
|
134
|
+
|
|
101
135
|
By registering `ion-tab-bar` / `ion-segment`, you can display animation effects on `ion-tab-button` / `ion-segment-button`
|
|
102
136
|
|
|
103
137
|
[](https://gyazo.com/a57e8808156e5ce74463e6fa8c05ed61)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color, #000);--button-color-hover: var(--ion-text-color, #000);--button-color-activated: var(--ion-text-color, #000)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}ion-action-sheet.ios.select-action-sheet:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{display:none}
|
|
1
|
+
ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--color: var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color, #000);--button-color-hover: var(--ion-text-color, #000);--button-color-activated: var(--ion-text-color, #000)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}ion-action-sheet.ios.select-action-sheet:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color, #000)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}
|
|
1
|
+
ion-alert.ios:not(.ios26-disabled){--min-width: 280px;--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color, #000)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}
|
|
@@ -1 +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-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
|
+
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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;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) translateZ(0);-webkit-transform:scale(1.32) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}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}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}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-button.ios:not(.ios26-disabled).button-solid.button-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);--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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],ion-button.ios:not(.ios26-disabled).button-solid.button-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),ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;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}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}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-back-button.ios:not(.ios26-disabled).button-solid.button-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);--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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],ion-back-button.ios:not(.ios26-disabled).button-solid.button-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),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;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
|
-
ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}
|
|
1
|
+
ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-fab.ios:not(.ios26-disabled) ion-fab-button{--transition: var(--ios26-activated-transition-duration) transform cubic-bezier(0.25, 1.11, 0.78, 1.59), var(--ios26-activated-transition-duration) color ease;--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0));width:61px;height:61px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-in-list,ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-small{width:48px;height:48px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6)}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}
|
|
1
|
+
ion-fab.ios:not(.ios26-disabled) ion-fab-button{--transition: var(--ios26-activated-transition-duration) transform cubic-bezier(0.25, 1.11, 0.78, 1.59), var(--ios26-activated-transition-duration) color ease;--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0));width:61px;height:61px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-in-list,ion-fab.ios:not(.ios26-disabled) ion-fab-button.fab-button-small{width:48px;height:48px}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}
|
|
1
|
+
ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}
|
|
@@ -1 +1 @@
|
|
|
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
|
+
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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}
|
|
1
|
+
ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item:last-of-type{--border-width: 0px;--show-full-highlight: 0;--inner-border-width: 0px;--show-inset-highlight: 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-start::part(label){margin-inline:0 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-end::part(label){margin-inline:24px 0}ion-range.ios:not(.ios26-disabled) [slot=start]{margin-inline:0 24px}ion-range.ios:not(.ios26-disabled) [slot=end]{margin-inline:24px 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(-3.8px);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}
|
|
1
|
+
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-start::part(label){margin-inline:0 24px}ion-range.ios:not(.ios26-disabled).range-label-placement-end::part(label){margin-inline:24px 0}ion-range.ios:not(.ios26-disabled) [slot=start]{margin-inline:0 24px}ion-range.ios:not(.ios26-disabled) [slot=end]{margin-inline:24px 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(-3.8px) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateX(-3.8px) translateZ(0);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem !important}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}
|
|
1
|
+
ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;padding-inline-start:2.4rem !important}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-segment.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);min-height:48px;border-radius:25px}ion-segment.ios:not(.ios26-disabled).segment-expand{min-height:24px;width:calc(100% - var(--ion-safe-area-left, 0) - var(--ion-safe-area-left, 0) - 24px)}ion-segment.ios:not(.ios26-disabled).segment-expand.segment-activated{transform:scale(1)}ion-segment.ios:not(.ios26-disabled).segment-expand ion-segment-button{min-height:24px}ion-segment.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out
|
|
1
|
+
ion-segment.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;min-height:48px;border-radius:25px}ion-segment.ios:not(.ios26-disabled).segment-expand{min-height:24px;width:calc(100% - var(--ion-safe-area-left, 0) - var(--ion-safe-area-left, 0) - 24px)}ion-segment.ios:not(.ios26-disabled).segment-expand.segment-activated{transform:scale(1)}ion-segment.ios:not(.ios26-disabled).segment-expand ion-segment-button{min-height:24px}ion-segment.ios:not(.ios26-disabled){transition:transform var(--ios26-activated-transition-duration) ease-out}ion-segment.ios:not(.ios26-disabled):has(ion-segment-button.ion-activated),ion-segment.ios:not(.ios26-disabled):has(ion-segment-button.segment-activated){will-change:transform}ion-segment.ios:not(.ios26-disabled):not(:has(ion-segment-button.ion-activated)):not(:has(ion-segment-button.segment-activated)){will-change:auto}ion-segment.ios:not(.ios26-disabled).in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1) !important}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated{transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button{transition:transform 100ms ease-out}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios26-disabled):not(.ios26-enable-gesture).segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0);transform-origin:center center}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated){transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0)}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button{transition:transform 100ms ease-out}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button.segment-button-checked::part(native){transform:scale(1.08) translateZ(0);-webkit-transform:scale(1.08) translateZ(0)}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture:has(ion-segment-button.ion-activated) ion-segment-button::part(indicator-background){position:relative;z-index:1;transform:scale(1.1) translateZ(0);-webkit-transform:scale(1.1) translateZ(0);transform-origin:center center}ion-segment.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-segment-button::part(indicator-background){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0)}ion-segment-button.ios:not(.ios26-disabled){--border-width: 0;--ion-color-base: var(--ion-text-color, #000);--padding-start: 8px;--padding-end: 8px;min-width:60px;margin:3px 2px;font-size:14.5px}ion-segment-button.ios:not(.ios26-disabled)::part(indicator-background){border-radius:25px;box-shadow:none;transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){border-radius:25px;background:rgba(var(--ios26-glass-background-rgb), 1);backdrop-filter:blur(0) saturate(104%);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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(0,0,0,0);height:100%}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element{color:var(--color-selected, var(--ion-color-primary, #0054e9));pointer-events:none;position:absolute;left:0;top:-2.5px;transform-origin:center}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out
|
|
1
|
+
ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;border-radius:40px;--color: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled)[slot=top]{position:absolute;top:var(--ios26-floating-safe-area-top);right:calc(16px + var(--ion-safe-area-right, 0px))}ion-tab-bar.ios:not(.ios26-disabled)[slot=bottom]{position:absolute;bottom:var(--ios26-floating-safe-area-bottom);left:calc(16px + var(--ion-safe-area-left, 0px))}ion-tab-bar.ios:not(.ios26-disabled){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)) - 60px - 12px);max-width:474px;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-left, 0px)));max-width:546px}ion-tab-bar.ios:not(.ios26-disabled){padding:2px 2px;transition:transform var(--ios26-activated-transition-duration) ease-out}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){will-change:transform;transform:scale(1.038) translateZ(0);-webkit-transform:scale(1.038) translateZ(0)}ion-tab-bar.ios:not(.ios26-disabled):not(:has(ion-tab-button.ion-activated)){will-change:auto}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated) ion-tab-button.tab-selected:not(.ion-activated){--color-selected: rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0)}ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.ion-activated ion-label,ion-tab-bar.ios:not(.ios26-disabled).ios26-enable-gesture.ios26-animated ion-tab-button.ion-activated ion-icon{filter:brightness(100%)}ion-tab-button.ios:not(.ios26-disabled) ion-icon{font-size:26px}ion-tab-button.ios:not(.ios26-disabled) ion-label,ion-tab-button.ios:not(.ios26-disabled) ion-icon{transition:filter var(--ios26-activated-transition-duration) ease,color var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled)::part(native){overflow:visible;min-height:56px;border-radius:32px}ion-tab-button.ios:not(.ios26-disabled).ion-activated{transform:scale(1.1);position:relative;color:var(--color-selected)}ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(104%)}ion-tab-button.ios:not(.ios26-disabled).tab-selected::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.095);transition:background var(--ios26-activated-transition-duration) ease}ion-tab-button.ios:not(.ios26-disabled).tab-selected.ion-activated::part(native){background:rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02)}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){background:rgba(var(--ios26-glass-background-rgb), 0);backdrop-filter:blur(0) saturate(104%);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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element{pointer-events:none;position:absolute;left:0;top:0;transform-origin:center}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element>*{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);border-radius:24px}
|
|
1
|
+
ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 280ms ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transition:transform 280ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--ion-color-base),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--track-background-checked),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--track-background-checked)}
|
|
1
|
+
ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894) translateZ(0);-webkit-transform:scaleX(0.894) translateZ(0)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateX(-5.7px) translateZ(0)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 280ms ease}ion-toggle.ios:not(.ios26-disabled).toggle-activated:not(.toggle-checked)::part(handle){transform:translateX(-4px) scale(1.4, 1.6) translateZ(0);-webkit-transform:translateX(-4px) scale(1.4, 1.6) translateZ(0)}ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateZ(0);-webkit-transform:scale(1.4, 1.6) translateZ(0);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-border-color-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-border-color-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 280ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--ion-color-base),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--track-background-checked),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--track-background-checked)}
|
|
@@ -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-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}
|
|
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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;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) translateZ(0);-webkit-transform:scale(1.32) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.25) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.18) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.22) translateZ(0)}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) translateZ(0);-webkit-transform:scale(1.12) translateZ(0)}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}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}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-button.ios:not(.ios26-disabled).button-solid.button-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);--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-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],ion-button.ios:not(.ios26-disabled).button-solid.button-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),ion-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-button.ios:not(.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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-button.ios:not(.ios26-disabled).button-solid.button-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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-button.ios:not(.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,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{opacity:1}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-button.ios:not(.ios26-disabled).button-solid.button-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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;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}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):hover,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):active,ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled).ion-activated{will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.ios26-disabled):not(:hover):not(:active):not(.ion-activated){will-change:auto}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-back-button.ios:not(.ios26-disabled).button-solid.button-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);--background-activated: var(--ion-color-primary-shade, #004acd);--background-focused: var(--ion-color-primary-shade, #004acd);--background-hover: var(--ion-color-primary-tint, #1a65eb);--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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],ion-back-button.ios:not(.ios26-disabled).button-solid.button-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),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit:not(.button-has-icon-only):not(.back-button-has-icon-only):not(.button-small):not(.button-large){min-height:44px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated::part(native)::before{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;backdrop-filter:brightness(144%)}ion-back-button.ios:not(.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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only,ion-back-button.ios:not(.ios26-disabled).button-solid.button-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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-small{transform:scale(1.18)}ion-back-button.ios:not(.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,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.button-has-icon-only.button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated.ion-activated.back-button-has-icon-only.button-large{transform:scale(1.22)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only),ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only){transform:scale(1.25)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-small{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.ion-activated:not(.button-has-icon-only):not(.back-button-has-icon-only).button-large{transform:scale(1.12)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled,ion-back-button.ios:not(.ios26-disabled).button-solid.button-submit.button-disabled{opacity:1}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].button-disabled::part(native),ion-back-button.ios:not(.ios26-disabled).button-solid.button-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);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;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 +1 @@
|
|
|
1
|
-
:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}
|
|
1
|
+
:root{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ion-palette-dark{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff !important}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}.ion-palette-dark ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}
|
|
1
|
+
.ion-palette-dark{--ios26-glass-background-rgb: 62, 62, 62;--ios26-glass-box-shadow-color-rgb: 0, 0, 0 / 0;--ios26-glass-border-color-rgb: 68, 68, 68;--ios26-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))):has(.ion-activated){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgb(var(--ion-text-color-rgb, 0, 0, 0))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgb(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)))}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button:not(.button-clear))) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-button-color-selected-rgb), 0.56);backdrop-filter:blur(7px) saturate(180%);box-shadow:inset 0 0 16px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.55);border-top:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-right:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.4);border-bottom:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.8);border-left:.8px solid rgba(var(--ios26-button-color-selected-rgb), 0.6);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.button-outline):not(.button-clear) ion-icon{color:#fff !important}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-label,.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-activated ion-icon{filter:brightness(118%);opacity:.95}.ion-palette-dark ion-tab-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}.ion-palette-dark ion-segment-button.ios:not(.ios26-disabled).ion-cloned-element::part(native){--ios26-glass-border-color-rgb: 120, 120, 120;box-shadow:inset 0 0 8px 0 hsla(0,0%,100%,.2)}
|