@rdlabo/ionic-theme-ios26 0.2.3 → 0.2.5
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 +18 -0
- 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-chip.css +1 -1
- package/dist/css/components/ion-content.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/default-variables.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/css/utils/translucent.css +1 -1
- package/package.json +1 -1
- package/src/components/ion-button.scss +26 -25
- package/src/components/ion-content.scss +5 -4
- package/src/components/ion-tabs.scss +3 -3
- package/src/default-variables.scss +18 -8
- package/src/utils/api.scss +12 -12
- package/src/utils/dark/ion-button.scss +3 -1
- package/src/utils/theme-dark.scss +6 -7
- package/src/utils/translucent.scss +9 -5
package/README.md
CHANGED
|
@@ -114,6 +114,24 @@ Under specific conditions, you need to use `ion-item-group`.
|
|
|
114
114
|
|
|
115
115
|
For details, please refer to [USING_ION_ITEM_GROUP.md](./USING_ION_ITEM_GROUP.md).
|
|
116
116
|
|
|
117
|
+
### Even Better With Brightness Colors
|
|
118
|
+
|
|
119
|
+
In iOS26, the Submit button uses text and border colors that are slightly brighter than the base color. Because this effect cannot be created by simply transforming existing palette colors, you need to provide separate colors. You don’t have to define them—the design will still work—but consider adding them if you want more refined color results.
|
|
120
|
+
|
|
121
|
+
```diff
|
|
122
|
+
:root {
|
|
123
|
+
+ --ion-color-primary-brightness-rgb: 130, 255, 255;
|
|
124
|
+
+ --ion-color-secondary-brightness-rgb: [your brightness color];
|
|
125
|
+
+ --ion-color-tertiary-brightness-rgb: [your brightness color];
|
|
126
|
+
+ --ion-color-success-brightness-rgb: [your brightness color];
|
|
127
|
+
+ --ion-color-warning-brightness-rgb: [your brightness color];
|
|
128
|
+
+ --ion-color-danger-brightness-rgb: [your brightness color];
|
|
129
|
+
+ --ion-color-light-brightness-rgb: [your brightness color];
|
|
130
|
+
+ --ion-color-medium-brightness-rgb: [your brightness color];
|
|
131
|
+
+ --ion-color-dark-brightness-rgb: [your brightness color];
|
|
132
|
+
}
|
|
133
|
+
```
|
|
134
|
+
|
|
117
135
|
### You can also use the liquid glass mixin
|
|
118
136
|
|
|
119
137
|
You can use the liquid glass mixin by importing SCSS files from the main package.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-
|
|
1
|
+
ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color);--button-color-activated: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}
|
|
@@ -1 +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-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 140ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;backdrop-filter:brightness(200%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;mask:radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none;backdrop-filter:brightness(200%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;backdrop-filter:brightness(200%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;mask:radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none;backdrop-filter:brightness(200%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}
|
|
1
|
+
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 140ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-
|
|
1
|
+
ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);transition:transform 100ms ease-out}ion-chip.ios:not(.ios26-disabled).ion-activated{transform:scale(1.18)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content
|
|
1
|
+
.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content .ion-content-scroll-host{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(.ion-content-scroll-host)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);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: 0.1s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9);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-
|
|
1
|
+
ion-fab.ios:not(.ios26-disabled) ion-fab-button{--transition: 0.1s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9);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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}
|
|
@@ -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-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);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) ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-
|
|
1
|
+
ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-glass-background-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}
|
|
@@ -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-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform 300ms ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-
|
|
1
|
+
ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform 300ms ease}ion-range.ios:not(.ios26-disabled).range-pressed::part(knob){transform:scale(1.4, 1.6) translateX(-3.8px);background:rgba(var(--ios26-glass-background-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}
|
|
@@ -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-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-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 +1 @@
|
|
|
1
|
-
ion-toolbar.ios:not(.ios26-disabled):has(ion-segment){overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment{background:rgba(var(--ios26-
|
|
1
|
+
ion-toolbar.ios:not(.ios26-disabled):has(ion-segment){overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);min-height:44px;border-radius:25px;transition:transform 140ms ease-out;will-change:transform;overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.in-toolbar-color:not(.in-segment-color) ion-segment-button:not(.segment-button-checked)::part(native){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 1) !important}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button{--border-width: 0}ion-toolbar.ios:not(.ios26-disabled) ion-segment ion-segment-button::part(indicator-background){border-radius:25px;box-shadow:none;transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.06)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated{transform:scale(1.1);overflow:visible}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button{transition:transform 100ms ease-out}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button.segment-button-checked::part(native){transform:scale(1.26)}ion-toolbar.ios:not(.ios26-disabled) ion-segment.segment-activated ion-segment-button::part(indicator-background){position:relative;z-index:1;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0);transform:scale(1.1);transform-origin:center center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);z-index:2;border-radius:40px;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}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 280ms ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){transform:scale(1.02)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button>ion-icon{font-size:26px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform 280ms ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated{transform:scale(1.26)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.095);transition:background .2s ease;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02)}
|
|
@@ -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-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);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-
|
|
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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-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 +1 @@
|
|
|
1
|
-
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 140ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;backdrop-filter:brightness(200%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;mask:radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none;backdrop-filter:brightness(200%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;backdrop-filter:brightness(200%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;mask:radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none;backdrop-filter:brightness(200%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
|
|
1
|
+
ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 140ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));--ios26-
|
|
1
|
+
:root{--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));--ios26-glass-background-rgb: 255, 255, 255;--ios26-glass-box-shadow-color-rgb: 224, 224, 224;--ios26-glass-color-edge-rgb: 255, 255, 255;--ios26-tab-button-color-selected-rgb: 16, 16, 16;--ios26-content-box-shadow-rgb: var(--ios26-color-background-rgb, 255, 255, 255)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ios26-
|
|
1
|
+
:root{--ios26-glass-background-rgb: 58, 58, 58;--ios26-glass-box-shadow-color-rgb: translarent;--ios26-glass-color-edge-rgb: 64, 64, 64;--ios26-tab-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.3)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.3)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ion-palette-dark{--ios26-
|
|
1
|
+
.ion-palette-dark{--ios26-glass-background-rgb: 58, 58, 58;--ios26-glass-box-shadow-color-rgb: translarent;--ios26-glass-color-edge-rgb: 64, 64, 64;--ios26-tab-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.3)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,.ion-palette-dark ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.3)}.ion-palette-dark ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,.ion-palette-dark ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}.ion-palette-dark ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media(prefers-color-scheme: dark){:root{--ios26-
|
|
1
|
+
@media(prefers-color-scheme: dark){:root{--ios26-glass-background-rgb: 58, 58, 58;--ios26-glass-box-shadow-color-rgb: translarent;--ios26-glass-color-edge-rgb: 64, 64, 64;--ios26-tab-button-color-selected-rgb: 255, 255, 255;--ios26-content-box-shadow-rgb: 0, 0, 0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.3)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color,ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-back-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native),ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear)::part(native){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);backdrop-filter:blur(7px) saturate(180%);box-shadow:none;border-top:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-right:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.2);border-bottom:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);border-left:.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.3)}ion-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon,ion-back-button:not(.ios26-disabled).ion-activated:not(.button-solid):not(.ios26-button-solid):not(.button-outline):not(.ios26-button-outline):not(.button-clear):not(.ios26-button-clear) ion-icon{color:#fff !important}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1)}ion-fab.ios:not(.ios26-disabled) ion-fab-button.ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-header.header-translucent::before,ion-header.header-translucent::after,ion-content.ios:not(.ios26-disabled)::part(background)::before,ion-content.ios:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios26-disabled).header-translucent::after{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));background:linear-gradient(in oklab, rgba(var(--ios26-color-background-rgb), 0.5) 20%, rgba(var(--ios26-color-background-rgb), 0) 100%);box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 14px,4px)) 16px -32px rgba(var(--ios26-color-background-rgb), 0.6)}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(60px + var(--ios26-floating-safe-area-bottom));background:linear-gradient(in oklab, rgba(var(--ios26-color-background-rgb), 0) 0%, rgba(var(--ios26-color-background-rgb), 0.8) 50%, rgba(var(--ios26-color-background-rgb), 0.8) 100%)}.ion-page:has(>ion-footer:not(.footer-translucent)) ion-content::part(background)::after{content:none}ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 200ms ease}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container:has(.ion-activated){transform:scale(1.016);background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color);--button-color-activated: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper:has(.ion-activated){background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 140ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;backdrop-filter:brightness(200%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;mask:radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none;backdrop-filter:brightness(200%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;mask:linear-gradient(#000, #000) content-box,linear-gradient(#000, #000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;backdrop-filter:brightness(200%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native):before{content:"";position:absolute;inset:0;border-radius:inherit;mask:radial-gradient(circle, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);pointer-events:none;backdrop-filter:brightness(200%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-card.ios:not(.ios26-disabled){border-radius:24px}ion-card.ios:not(.ios26-disabled) ion-list ion-item{--padding-start: 0}ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 100ms ease-out}ion-chip.ios:not(.ios26-disabled).ion-activated{transform:scale(1.18)}.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content cdk-virtual-scroll-viewport{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(cdk-virtual-scroll-viewport)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}ion-fab.ios:not(.ios26-disabled) ion-fab-button{--transition: 0.1s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9);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-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}ion-list.ios:not(.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px;color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px;transform:translateX(5px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-icon{font-size:2.8rem;color:#fff;border-radius:20%;padding:6px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled{opacity:1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled::part(detail-icon){opacity:.1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem !important;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios26-disabled)>ion-note{color:var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px calc(20px + var(--ion-safe-area-right)) 8px calc(20px + var(--ion-safe-area-left))}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group{border-radius:24px;overflow:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(native){padding-right:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--min-height: 52px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-color-light-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6)}ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform 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-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem !important}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);z-index:2;border-radius:40px;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}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 280ms ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){transform:scale(1.02)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button>ion-icon{font-size:26px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-color-light-rgb), 0);height:auto;transition:transform 280ms ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated{transform:scale(1.26)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-color-tab-active-rgb), 0.095);transition:background .2s ease;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-color-shadow-rgb), 0.02)}ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-color-light-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);border-radius:24px}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 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-color-light-rgb), 0.1);backdrop-filter:blur(0.5px) saturate(120%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-color-inner-shadow-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-color-outer-shadow-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);transition:transform 280ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--ion-color-base),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--track-background-checked),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--track-background-checked)}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
|
|
1
|
+
ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-header.header-translucent::before,ion-header.header-translucent::after,ion-content.ios:not(.ios26-disabled)::part(background)::before,ion-content.ios:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios26-disabled).header-translucent::after{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0.5) 20%, rgba(var(--ios26-content-box-shadow-rgb), 0) 100%);box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 14px,4px)) 16px -32px rgba(var(--ios26-content-box-shadow-rgb), 0.6)}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(60px + var(--ios26-floating-safe-area-bottom));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0) 0%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 50%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 100%)}.ion-page:has(>ion-footer:not(.footer-translucent)) ion-content::part(background)::after{content:none}ion-action-sheet.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-wrapper{padding-bottom:0;bottom:var(--ios26-floating-safe-area-bottom)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container{margin:0 12px;border-radius:32px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title,ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-has-sub-title{background:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-title{padding-top:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group{background:rgba(0,0,0,0)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.ion-activated{--button-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button::after{content:none}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(.action-sheet-destructive):not(.action-sheet-selected){--button-color: var(--ion-text-color);--button-color-hover: var(--ion-text-color);--button-color-activated: var(--ion-text-color)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-destructive{--button-color: var(--ion-color-danger, #c5000f);--button-color-hover: var(--ion-color-danger, #c5000f)}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button.action-sheet-cancel{margin-top:auto;font-weight:550}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button{border-radius:32px;padding:0 14px;min-height:52px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner{font-size:1rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button span.action-sheet-button-inner ion-icon{font-size:1.2rem}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container .action-sheet-group button:not(:last-child){margin-bottom:8px}ion-action-sheet.ios:not(.ios26-disabled) .action-sheet-container button.action-sheet-cancel{margin-top:12px}ion-alert.ios:not(.ios26-disabled){--backdrop-opacity: 0.2;--max-width: 322px;transition:transform 200ms ease}ion-alert.ios:not(.ios26-disabled):has(.ion-activated){transform:scale(1.016)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper{border-radius:32px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-head,ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{text-align:left;margin-left:14px;margin-right:14px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-message{font-size:.98rem;line-height:1.2rem}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group{padding:0;margin-bottom:12px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-radio-group button{padding:0 8px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group{padding:0 8px 12px;gap:8px 0}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{transition:background .2s ease;background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button.ion-activated{background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.022)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{border:none;border-radius:32px;margin:0 6px;min-width:calc(50% - 12px);height:48px}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button:not(.alert-button-role-destructive){color:var(--ion-text-color)}ion-alert.ios:not(.ios26-disabled) .alert-wrapper .alert-button-group .alert-button{font-weight:550}ion-alert.ios:not(.ios26-disabled) .alert-wrapper button.action-sheet-cancel{margin-top:12px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:25px;overflow:hidden;transition:transform 140ms ease-out !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)):has(.ion-activated){transform:scale(1.28)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){transform:none}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).button-clear.ion-activated.ion-color{color:rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1) !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled):not(.button-disabled){opacity:1}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled)::part(native){box-shadow:none !important;border:none !important;background:rgba(0,0,0,0) !important;backdrop-filter:none !important}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled){margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :first-child{margin-left:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :last-child{margin-right:-8px}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-button:not(.ios26-disabled) :only-child{margin:0}ion-buttons.ios:not(.ios26-disabled):not(:has(ion-back-button,ion-button.button-default,ion-button.button-solid,ion-button.button-outline)) ion-menu-button:not(.ios26-disabled){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ios:not(.ios26-disabled){max-height:inherit;transition:transform 140ms ease-out,color 50ms ease;will-change:transform}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large){font-size:1.05rem}ion-back-button.ios:not(.ios26-disabled):not(.button-small):not(.button-large):not(.button-has-icon-only):not(.back-button-has-icon-only)::part(native){padding:0 16px;min-height:44px}ion-back-button.ios:not(.ios26-disabled):not(.button-round){--border-radius: 24px}ion-back-button.ios:not(.ios26-disabled):not(.button-round).button-large{--border-radius: 30px}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated{transform:scale(0.95)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-small{transform:scale(0.94)}ion-back-button.ios:not(.ios26-disabled):not(.button-clear):not(.ios26-button-clear).ion-activated.button-large{transform:scale(0.96)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-primary{--color: rgb(var(--ion-color-primary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-primary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-primary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-secondary{--color: rgb(var(--ion-color-secondary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-secondary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-secondary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-tertiary{--color: rgb(var(--ion-color-tertiary-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-tertiary-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-tertiary-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-success{--color: rgb(var(--ion-color-success-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-success-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-success-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-warning{--color: rgb(var(--ion-color-warning-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-warning-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-warning-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-danger{--color: rgb(var(--ion-color-danger-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-danger-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-danger-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-light{--color: rgb(var(--ion-color-light-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-light-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-light-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-medium{--color: rgb(var(--ion-color-medium-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-medium-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-medium-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-color-dark{--color: rgb(var(--ion-color-dark-brightness-rgb, var(--ion-color-contrast-rgb)));--color-activated: rgba(var(--ion-color-dark-brightness-rgb), 0.28);--border-color: rgb(var(--ion-color-dark-brightness-rgb, 0 0 0 / 0));--border-width: 0.5px;--border-style: solid}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit]::part(native){position:relative;color:var(--color);z-index:0}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{--border-width: 0.78px}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native){color:var(--color-activated)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated::part(native)::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;pointer-events:none;background:hsla(0,0%,100%,.3);backdrop-filter:brightness(120%)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled).button-solid[type=submit].ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--background-hover: transparent;--background-activated: transparent}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear)::part(native){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear):not(.button-disabled){opacity:1}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear){--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.ion-color{--color: rgba(var(--ion-color-base-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.1)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated{transform:scale(1.28)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated.button-large{transform:scale(1.18)}ion-back-button.ios:not(.ios26-disabled):not(.button-solid):not(.button-outline):not(.button-clear).ion-activated::part(native){opacity:1}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only:not(.button-small):not(.button-large)::part(native),ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only:not(.button-small):not(.button-large)::part(native){width:44px;height:44px;padding:2px}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon,ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon{font-size:1.4rem}ion-back-button.ios:not(.ios26-disabled).button-has-icon-only ion-icon[name=close-outline],ion-back-button.ios:not(.ios26-disabled).back-button-has-icon-only ion-icon[name=close-outline]{font-size:2rem}ion-back-button.ion-cloned-element{visibility:hidden}ion-card.ios:not(.ios26-disabled){border-radius:24px}ion-card.ios:not(.ios26-disabled) ion-list ion-item{--padding-start: 0}ion-chip.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);transition:transform 100ms ease-out}ion-chip.ios:not(.ios26-disabled).ion-activated{transform:scale(1.18)}.ios:not(.ios26-disabled) .ion-page:not(:has(ion-footer)) ion-content .ion-content-scroll-host{margin-bottom:calc((60px + var(--ios26-floating-safe-area-bottom))*-1);padding-bottom:calc(60px + var(--ios26-floating-safe-area-bottom))}.ios:not(.ios26-disabled) ion-content:not(:has(.ion-content-scroll-host)){--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom))}ion-datetime.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.6667);backdrop-filter:blur(8px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:24px;--wheel-highlight-background: transparent;--wheel-highlight-border-radius: 24px}ion-fab.ios:not(.ios26-disabled) ion-fab-button{--transition: 0.1s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--background-activated-opacity: 0;--background-focused-opacity: 0;--background-hover-opacity: 0;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9);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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-fab.ios:not(.ios26-disabled).fab-vertical-top{top:var(--ios26-floating-safe-area-top)}ion-fab.ios:not(.ios26-disabled).fab-vertical-bottom{bottom:var(--ios26-floating-safe-area-bottom)}ion-fab.ios:not(.ios26-disabled).fab-horizontal-start{right:calc(16px + var(--ion-safe-area-left, 0px))}ion-fab.ios:not(.ios26-disabled).fab-horizontal-end{right:calc(16px + var(--ion-safe-area-right, 0px))}ion-list.ios:not(.ios26-disabled) ion-item{--background-hover-opacity: 0;--background-focused-opacity: 0}ion-list.list-inset.ios:not(.ios26-disabled){background:rgba(0,0,0,0)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header{display:flex;align-items:center}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-label{font-size:.9rem;margin:8px 4px 4px;color:var(--ion-color-medium-tint)}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-button{margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-list-header ion-note{font-size:.9rem;margin:8px 16px 4px 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label{width:100%;text-align:center;padding:32px 16px 16px;transform:translateX(5px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-header.header-collapse-condense>ion-toolbar{--min-height: 0;visibility:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-icon{font-size:2.8rem;color:#fff;border-radius:20%;padding:6px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label h2{font-size:1.2rem;font-weight:bold;margin-top:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group.header-item-group>ion-item>ion-label ion-text{font-size:.9rem}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-text[slot=end],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-text[slot=end]{padding-left:8px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled{opacity:1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled>*,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled>*{opacity:.4}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item.item-disabled::part(detail-icon),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item.item-disabled::part(detail-icon){opacity:.1}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end].ion-align-self-end,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end].ion-align-self-end{transform:translateY(-7px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item ion-button[slot=end] ion-icon[slot=icon-only],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item ion-button[slot=end] ion-icon[slot=icon-only]{font-size:1.2rem !important;transform:translateY(4px)}ion-list.list-inset.ios:not(.ios26-disabled)>ion-note{color:var(--ion-color-medium-tint);font-size:.9rem;display:block;margin:8px calc(20px + var(--ion-safe-area-right)) 8px calc(20px + var(--ion-safe-area-left))}ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group{display:block}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group{border-radius:24px;overflow:hidden}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--inner-padding-end: 0}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item::part(native),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item::part(native){padding-right:calc(var(--ion-safe-area-right, 0px) + 18px)}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item,ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item{--min-height: 52px}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating],ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]{transition:transform 200ms ease}ion-list.list-inset.ios:not(.ios26-disabled) ion-item-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-reorder-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-accordion-group ion-item>ion-input[labelplacement=floating]:not(.label-floating),ion-list.list-inset.ios:not(.ios26-disabled) ion-radio-group ion-item>ion-input[labelplacement=floating]:not(.label-floating){transform:translateY(-2px)}ion-loading.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-loading.ios:not(.ios26-disabled) .loading-wrapper{background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:24px;padding-inline-start:24px;padding-inline-end:24px}ion-modal.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-modal.ios:not(.ios26-disabled) ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 4px);padding-left:calc(var(--ion-safe-area-left) + 4px)}ion-modal.ios:not(.ios26-disabled)::part(handle){width:80px}ion-modal.ios:not(.ios26-disabled):has(.ion-delegate-host):has(ion-datetime){--border-radius: 24px;--ion-background-color: transparent}ion-modal.ios:not(.ios26-disabled).modal-sheet{--border-radius: 30px}ion-modal.ios:not(.ios26-disabled).modal-sheet::part(content){background:rgba(var(--ios26-glass-background-rgb), 1);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6)}ion-popover.ios:not(.ios26-disabled){--backdrop-opacity: 0.2}ion-popover.ios:not(.ios26-disabled)::part(arrow){display:none}ion-popover.ios:not(.ios26-disabled)::part(content){background:rgba(var(--ios26-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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:24px;padding:0}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list{background:rgba(0,0,0,0)}ion-popover.ios:not(.ios26-disabled) ion-select-popover ion-list ion-item{--background: transparent}ion-range.ios:not(.ios26-disabled){--knob-size: 20px;--knob-border-radius: 24px;padding-right:36px}ion-range.ios:not(.ios26-disabled)::part(knob){width:38px;transition:transform 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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);box-shadow:inset 0 8px 8px -8px var(--bar-background),inset 0 -8px 8px -8px var(--bar-background),inset 8px 0 8px -8px var(--bar-background),inset -8px 0 8px -8px var(--bar-background)}ion-modal.ios ion-searchbar:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{backdrop-filter:none}ion-searchbar.ios:not(.ios26-disabled){min-height:60px;padding:0}ion-searchbar.ios:not(.ios26-disabled) ion-icon.searchbar-search-icon{inset-inline-start:12px}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container{margin:0 8px 0 16px;align-self:center;justify-self:center}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container input.searchbar-input{min-height:44px;background:rgba(var(--ios26-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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:20px;padding-inline-start:2.4rem !important}ion-searchbar.ios:not(.ios26-disabled) .searchbar-input-container .searchbar-clear-button{padding-inline-end:2rem}ion-tab-bar.ios:not(.ios26-disabled){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);z-index:2;border-radius:40px;--color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.9)}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 280ms ease-out;will-change:transform}ion-tab-bar.ios:not(.ios26-disabled):has(ion-tab-button.ion-activated){transform:scale(1.02)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button>ion-icon{font-size:26px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button{background:rgba(var(--ios26-glass-background-rgb), 0);height:auto;transition:transform 280ms ease}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button::part(native){overflow:visible;min-height:56px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.ion-activated{transform:scale(1.26)}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected::part(native){background:rgba(var(--ios26-tab-button-color-selected-rgb), 0.095);transition:background .2s ease;border-radius:32px}ion-tab-bar.ios:not(.ios26-disabled) ion-tab-button.tab-selected.ion-activated::part(native){background:rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02)}ion-toast.ios:not(.ios26-disabled){--background: transparent;--start: 16px;--end: 16px}ion-toast.ios:not(.ios26-disabled)::part(container){background:rgba(var(--ios26-glass-background-rgb), 0.72);backdrop-filter:blur(2px) saturate(360%);box-shadow:inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);border-top:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);border-radius:24px}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(track){transform-origin:left;transform:scaleX(0.894)}ion-item.ios:not(.ios26-disabled) ion-toggle.ios:not(.ios26-disabled).toggle-activated::part(handle){transform:scale(1.4, 1.6) translateX(-5.7px)}ion-toggle.ios:not(.ios26-disabled){--handle-width: 38px;--handle-height: 24px;--handle-max-width: none;--handle-max-height: none;--track-background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23)}ion-toggle.ios:not(.ios26-disabled)::part(track){overflow:visible;width:64px;height:28px;transition:transform 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-color-edge-rgb), 1);border-right:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);border-bottom:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);border-left:.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);transition:transform 280ms,width 120ms ease-in-out 80ms,left 110ms ease-in-out 80ms,right 110ms ease-in-out 80ms;box-shadow:inset 0 0 8px 0 var(--track-background)}ion-toggle.ios:not(.ios26-disabled).ion-color.toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--ion-color-base),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--ion-color-base)}ion-toggle.ios:not(.ios26-disabled).toggle-checked.toggle-activated::part(handle){box-shadow:inset 0 8px 8px -8px var(--track-background-checked),inset 8px 0 8px -8px var(--track-background),inset 8px 0 8px -8px var(--track-background),inset -8px 0 8px -8px var(--track-background-checked)}ion-header.ios:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:max(var(--ion-safe-area-top) - 12px,4px)}ion-header.ios.header-collapse-condense:not(.ios26-disabled) ion-toolbar:not(.ios26-disabled):first-of-type{padding-top:0}ion-toolbar.ios:not(.toolbar-title-large):not(.ios26-disabled){--min-height: 68px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled)) ion-buttons{margin-top:11px}ion-toolbar.ios:not(.ios26-disabled):has(ion-searchbar.ios:not(.ios26-disabled))>ion-button{margin-top:11px}ion-header.ios:not(.ios26-disabled) ion-buttons,ion-footer.ios:not(.ios26-disabled) ion-buttons{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-back-button{margin-left:12px;margin-right:12px}ion-header.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button,ion-footer.ios:not(.ios26-disabled) ion-toolbar ion-buttons ion-back-button{margin-left:0;margin-right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-header.header-translucent::before,ion-header.header-translucent::after,ion-content.ios:not(.ios26-disabled)::part(background)::before,ion-content.ios:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios26-disabled).header-translucent::after{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));background:linear-gradient(in oklab, rgba(var(--ios26-
|
|
1
|
+
ion-header.ios:not(.ios26-disabled).header-translucent .header-background,ion-header.ios:not(.ios26-disabled).header-translucent .footer-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .header-background,ion-footer.ios:not(.ios26-disabled).footer-translucent .footer-background{backdrop-filter:none}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar{--border-width: 0;--background: transparent}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar::part(background),ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar::part(background){--opacity: 0}ion-header.ios:not(.ios26-disabled).header-translucent ion-toolbar ion-title,ion-footer.ios:not(.ios26-disabled).footer-translucent ion-toolbar ion-title{filter:blur(0);transform:translateY(0)}ion-header.ios:not(.ios26-disabled).header-collapse-main ion-toolbar.in-toolbar ion-title{transition:all .5s ease-in-out}ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,ion-header.ios:not(.ios26-disabled).header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{filter:blur(2px);transform:translateY(8px)}ion-header.header-translucent::before,ion-header.header-translucent::after,ion-content.ios:not(.ios26-disabled)::part(background)::before,ion-content.ios:not(.ios26-disabled)::part(background)::after{content:"";position:absolute;width:100%;pointer-events:none;z-index:1}ion-header.ios:not(.ios26-disabled).header-translucent::before{z-index:2;top:0;height:var(--ion-safe-area-top)}ion-header.ios:not(.ios26-disabled).header-translucent::after{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));backdrop-filter:blur(2px);mask-image:linear-gradient(rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);mask-composite:intersect}.ion-page:has(>ion-header.header-translucent)>ion-content::part(background)::before{z-index:2;top:0;height:calc(68px + max(var(--ion-safe-area-top) - 14px,4px));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0.5) 20%, rgba(var(--ios26-content-box-shadow-rgb), 0) 100%);box-shadow:inset 0 calc(68px + max(var(--ion-safe-area-top) - 14px,4px)) 16px -32px rgba(var(--ios26-content-box-shadow-rgb), 0.6)}ion-content::part(background)::after{z-index:2;bottom:0;height:calc(60px + var(--ios26-floating-safe-area-bottom));background:linear-gradient(in oklab, rgba(var(--ios26-content-box-shadow-rgb), 0) 0%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 50%, rgba(var(--ios26-content-box-shadow-rgb), 0.8) 100%)}.ion-page:has(>ion-footer:not(.footer-translucent)) ion-content::part(background)::after{content:none}
|
package/package.json
CHANGED
|
@@ -117,40 +117,41 @@
|
|
|
117
117
|
* fill=solid && type=submit button has edge brightness.
|
|
118
118
|
*/
|
|
119
119
|
&.button-solid[type='submit'] {
|
|
120
|
+
@each $item in primary, secondary, tertiary, success, warning, danger, light, medium, dark {
|
|
121
|
+
&.ion-color-#{$item} {
|
|
122
|
+
--color: rgb(var(--ion-color-#{$item}-brightness-rgb, var(--ion-color-contrast-rgb)));
|
|
123
|
+
--color-activated: rgba(var(--ion-color-#{$item}-brightness-rgb), 0.28);
|
|
124
|
+
--border-color: rgb(var(--ion-color-#{$item}-brightness-rgb, 0 0 0 / 0));
|
|
125
|
+
--border-width: 0.5px;
|
|
126
|
+
--border-style: solid;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
120
129
|
&::part(native) {
|
|
121
130
|
position: relative;
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
content: '';
|
|
125
|
-
position: absolute;
|
|
126
|
-
inset: 0;
|
|
127
|
-
border-radius: inherit;
|
|
128
|
-
pointer-events: none;
|
|
129
|
-
mask:
|
|
130
|
-
linear-gradient(#000, #000) content-box,
|
|
131
|
-
linear-gradient(#000, #000);
|
|
132
|
-
-webkit-mask-composite: xor;
|
|
133
|
-
mask-composite: exclude;
|
|
134
|
-
padding: 1px;
|
|
135
|
-
backdrop-filter: brightness(200%);
|
|
131
|
+
color: var(--color);
|
|
132
|
+
z-index: 0;
|
|
136
133
|
}
|
|
137
134
|
&.ion-activated {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
135
|
+
--border-width: 0.78px;
|
|
136
|
+
&::part(native) {
|
|
137
|
+
color: var(--color-activated);
|
|
138
|
+
&::before {
|
|
139
|
+
content: '';
|
|
140
|
+
width: 100%;
|
|
141
|
+
height: 100%;
|
|
142
|
+
position: absolute;
|
|
143
|
+
top: 0;
|
|
144
|
+
left: 0;
|
|
145
|
+
border-radius: inherit;
|
|
146
|
+
pointer-events: none;
|
|
147
|
+
background: rgba(255, 255, 255, 0.3);
|
|
148
|
+
backdrop-filter: brightness(120%);
|
|
149
|
+
}
|
|
146
150
|
}
|
|
147
151
|
transform: scale(1.28);
|
|
148
152
|
&.button-large {
|
|
149
153
|
transform: scale(1.18);
|
|
150
154
|
}
|
|
151
|
-
&::part(native) {
|
|
152
|
-
opacity: 1; // for ion-back-button
|
|
153
|
-
}
|
|
154
155
|
}
|
|
155
156
|
}
|
|
156
157
|
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
.ios:not(.ios26-disabled) {
|
|
2
2
|
/**
|
|
3
|
-
* iOS26
|
|
4
|
-
*
|
|
3
|
+
* Since iOS26, content is now displayed to the full extent of the top and bottom safe areas,
|
|
4
|
+
* so we adjust the margin and padding of the content.
|
|
5
|
+
* Also supports virtual scrolling using .ion-content-scroll-host.
|
|
5
6
|
*/
|
|
6
|
-
.ion-page:not(:has(ion-footer)) ion-content
|
|
7
|
+
.ion-page:not(:has(ion-footer)) ion-content .ion-content-scroll-host {
|
|
7
8
|
margin-bottom: calc(calc(60px + var(--ios26-floating-safe-area-bottom)) * -1);
|
|
8
9
|
padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom));
|
|
9
10
|
}
|
|
10
|
-
ion-content:not(:has(
|
|
11
|
+
ion-content:not(:has(.ion-content-scroll-host)) {
|
|
11
12
|
--padding-bottom: calc(60px + var(--ios26-floating-safe-area-bottom));
|
|
12
13
|
}
|
|
13
14
|
}
|
|
@@ -41,7 +41,7 @@ ion-tab-bar.ios:not(.ios26-disabled) {
|
|
|
41
41
|
& > ion-icon {
|
|
42
42
|
font-size: 26px;
|
|
43
43
|
}
|
|
44
|
-
background: rgba(var(--ios26-
|
|
44
|
+
background: rgba(var(--ios26-glass-background-rgb), 0);
|
|
45
45
|
height: auto;
|
|
46
46
|
transition: transform 280ms ease;
|
|
47
47
|
&::part(native) {
|
|
@@ -55,13 +55,13 @@ ion-tab-bar.ios:not(.ios26-disabled) {
|
|
|
55
55
|
|
|
56
56
|
&.tab-selected {
|
|
57
57
|
&::part(native) {
|
|
58
|
-
background: rgba(var(--ios26-color-
|
|
58
|
+
background: rgba(var(--ios26-tab-button-color-selected-rgb), 0.095);
|
|
59
59
|
transition: background 0.2s ease;
|
|
60
60
|
border-radius: 32px;
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
&.ion-activated::part(native) {
|
|
64
|
-
background: rgba(var(--ios26-
|
|
64
|
+
background: rgba(var(--ios26-glass-box-shadow-color-rgb), 0.02);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @naming
|
|
3
|
+
* prefix: ios26
|
|
4
|
+
* target-element: tab-button
|
|
5
|
+
* target css property: color
|
|
6
|
+
* status: selected
|
|
7
|
+
* additional information: rgb
|
|
8
|
+
*/
|
|
9
|
+
|
|
1
10
|
:root {
|
|
2
11
|
--ios26-floating-safe-area-top: max(10px, var(--ion-safe-area-top, 0px));
|
|
3
12
|
--ios26-floating-safe-area-bottom: max(10px, calc(var(--ion-safe-area-bottom, 0px) - 12px));
|
|
4
13
|
|
|
5
|
-
--ios26-
|
|
14
|
+
--ios26-glass-background-rgb: 255, 255, 255;
|
|
15
|
+
--ios26-glass-box-shadow-color-rgb: 224, 224, 224;
|
|
16
|
+
--ios26-glass-color-edge-rgb: 255, 255, 255;
|
|
17
|
+
--ios26-tab-button-color-selected-rgb: 16, 16, 16;
|
|
6
18
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
--ios26-
|
|
12
|
-
--ios26-color-background-rgb: 255, 255, 255;
|
|
13
|
-
--ios26-color-edge-rgb: 255, 255, 255;
|
|
19
|
+
/**
|
|
20
|
+
* `--ios26-color-background-rgb` is deprecated.
|
|
21
|
+
* You should replace to '--ios26-content-box-shadow-rgb'.
|
|
22
|
+
*/
|
|
23
|
+
--ios26-content-box-shadow-rgb: var(--ios26-color-background-rgb, 255, 255, 255);
|
|
14
24
|
}
|
package/src/utils/api.scss
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
@mixin glass-background($opacity: 0.72, $blur: 2px, $saturate: 360%) {
|
|
2
|
-
background: rgba(var(--ios26-
|
|
2
|
+
background: rgba(var(--ios26-glass-background-rgb), $opacity);
|
|
3
3
|
backdrop-filter: blur($blur) saturate($saturate);
|
|
4
4
|
box-shadow:
|
|
5
|
-
inset 0 0 8px 0 rgba(var(--ios26-
|
|
6
|
-
0 0 10px 0 rgba(var(--ios26-
|
|
7
|
-
border-top: 0.5px solid rgba(var(--ios26-color-edge-rgb), 1);
|
|
8
|
-
border-right: 0.5px solid rgba(var(--ios26-color-edge-rgb), 0.8);
|
|
9
|
-
border-bottom: 0.5px solid rgba(var(--ios26-color-edge-rgb), 1);
|
|
10
|
-
border-left: 0.5px solid rgba(var(--ios26-color-edge-rgb), 0.6);
|
|
5
|
+
inset 0 0 8px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.2),
|
|
6
|
+
0 0 10px 0 rgba(var(--ios26-glass-box-shadow-color-rgb), 0.82);
|
|
7
|
+
border-top: 0.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);
|
|
8
|
+
border-right: 0.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.8);
|
|
9
|
+
border-bottom: 0.5px solid rgba(var(--ios26-glass-color-edge-rgb), 1);
|
|
10
|
+
border-left: 0.5px solid rgba(var(--ios26-glass-color-edge-rgb), 0.6);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
@mixin glass-background-dark-active($opacity: 0.4, $blur: 7px, $saturate: 180%) {
|
|
14
|
-
background: rgba(var(--ios26-color-
|
|
14
|
+
background: rgba(var(--ios26-tab-button-color-selected-rgb), $opacity);
|
|
15
15
|
backdrop-filter: blur($blur) saturate($saturate);
|
|
16
16
|
box-shadow: none;
|
|
17
|
-
border-top: 0.5px solid rgba(var(--ios26-color-
|
|
18
|
-
border-right: 0.5px solid rgba(var(--ios26-color-
|
|
19
|
-
border-bottom: 0.5px solid rgba(var(--ios26-color-
|
|
20
|
-
border-left: 0.5px solid rgba(var(--ios26-color-
|
|
17
|
+
border-top: 0.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);
|
|
18
|
+
border-right: 0.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.2);
|
|
19
|
+
border-bottom: 0.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.4);
|
|
20
|
+
border-left: 0.5px solid rgba(var(--ios26-tab-button-color-selected-rgb), 0.3);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@mixin glass-background-overlay {
|
|
@@ -35,7 +35,9 @@
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
@mixin ion-button {
|
|
38
|
-
ion-buttons.ios:not(.ios26-disabled):not(
|
|
38
|
+
ion-buttons.ios:not(.ios26-disabled):not(
|
|
39
|
+
:has(ion-back-button, ion-button.button-default, ion-button.button-solid, ion-button.button-outline)
|
|
40
|
+
) {
|
|
39
41
|
@include theme-dark-buttons;
|
|
40
42
|
}
|
|
41
43
|
ion-button:not(.ios26-disabled),
|
|
@@ -5,13 +5,12 @@
|
|
|
5
5
|
@use 'dark/ion-fab' as *;
|
|
6
6
|
|
|
7
7
|
@mixin default-variables {
|
|
8
|
-
--ios26-
|
|
9
|
-
--ios26-color-
|
|
10
|
-
--ios26-color-
|
|
11
|
-
--ios26-color-
|
|
12
|
-
|
|
13
|
-
--ios26-
|
|
14
|
-
--ios26-color-edge-rgb: 64, 64, 64;
|
|
8
|
+
--ios26-glass-background-rgb: 58, 58, 58;
|
|
9
|
+
--ios26-glass-box-shadow-color-rgb: translarent;
|
|
10
|
+
--ios26-glass-color-edge-rgb: 64, 64, 64;
|
|
11
|
+
--ios26-tab-button-color-selected-rgb: 255, 255, 255;
|
|
12
|
+
|
|
13
|
+
--ios26-content-box-shadow-rgb: 0, 0, 0;
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
@mixin theme-dark {
|
|
@@ -68,8 +68,12 @@ ion-header.ios:not(.ios26-disabled).header-translucent::after {
|
|
|
68
68
|
z-index: 2;
|
|
69
69
|
top: 0;
|
|
70
70
|
height: calc(68px + max(calc(var(--ion-safe-area-top) - 14px), 4px));
|
|
71
|
-
background: linear-gradient(
|
|
72
|
-
|
|
71
|
+
background: linear-gradient(
|
|
72
|
+
in oklab,
|
|
73
|
+
rgba(var(--ios26-content-box-shadow-rgb), 0.5) 20%,
|
|
74
|
+
rgba(var(--ios26-content-box-shadow-rgb), 0) 100%
|
|
75
|
+
);
|
|
76
|
+
box-shadow: inset 0 calc(68px + max(calc(var(--ion-safe-area-top) - 14px), 4px)) 16px -32px rgba(var(--ios26-content-box-shadow-rgb), 0.6);
|
|
73
77
|
}
|
|
74
78
|
|
|
75
79
|
ion-content::part(background)::after {
|
|
@@ -78,9 +82,9 @@ ion-content::part(background)::after {
|
|
|
78
82
|
height: calc(60px + var(--ios26-floating-safe-area-bottom));
|
|
79
83
|
background: linear-gradient(
|
|
80
84
|
in oklab,
|
|
81
|
-
rgba(var(--ios26-
|
|
82
|
-
rgba(var(--ios26-
|
|
83
|
-
rgba(var(--ios26-
|
|
85
|
+
rgba(var(--ios26-content-box-shadow-rgb), 0) 0%,
|
|
86
|
+
rgba(var(--ios26-content-box-shadow-rgb), 0.8) 50%,
|
|
87
|
+
rgba(var(--ios26-content-box-shadow-rgb), 0.8) 100%
|
|
84
88
|
);
|
|
85
89
|
}
|
|
86
90
|
|